.subjects-grid[data-v-e236495b]{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);width:880px}.subjects-grid .subject-box[data-v-e236495b]{border:1px solid #d8e8fb;border-radius:16px;box-shadow:0 4px 8px #f4f5f9b2;display:flex;gap:12px;overflow:hidden;padding:22px 24px;position:relative}.subjects-grid .subject-box .icon[data-v-e236495b]{height:24px;width:24px}.subjects-grid .subject-box .content[data-v-e236495b]{flex:1;min-width:0}.subjects-grid .subject-box .content .name[data-v-e236495b]{color:#000;font-size:16px;font-weight:700;line-height:19px}.subjects-grid .subject-box .content .example[data-v-e236495b]{color:#919699;font-size:15px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subjects-grid .subject-box .hover-layer[data-v-e236495b]{align-items:center;background:#f1f6fc;box-sizing:border-box;cursor:pointer;display:flex;gap:12px;height:100%;justify-content:center;left:0;opacity:0;padding:0 24px;position:absolute;top:0;transition:opacity .3s;width:100%}.subjects-grid .subject-box .hover-layer .hover-example[data-v-e236495b]{color:#3f424a;display:-webkit-box;flex:1;font-size:14px;-webkit-line-clamp:2;line-clamp:2;line-height:21px;min-width:0;overflow:hidden;text-decoration-line:underline;text-overflow:ellipsis;-webkit-box-orient:vertical}.subjects-grid .subject-box .hover-layer .hover-btn[data-v-e236495b]{width:40px}.subjects-grid .subject-box:hover .hover-layer[data-v-e236495b]{opacity:1}.mo-subjects-grid[data-v-e236495b]{display:grid;gap:4px;grid-template-columns:repeat(2,1fr)}.mo-subjects-grid .mo-subject-box[data-v-e236495b]{align-items:center;background:#fffc;border:1px solid #d8e8fb;border-radius:16px;box-shadow:0 4px 8px #f4f5f9b2;display:flex;padding:16px 12px}.mo-subjects-grid .mo-subject-box .icon[data-v-e236495b]{height:24px;width:24px}.mo-subjects-grid .mo-subject-box .content[data-v-e236495b]{color:#000;font-size:16px;line-height:19px;margin-left:4px;min-width:0}.mo-subjects-grid .mo-subject-box .btn[data-v-e236495b]{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' fill='none' viewBox='0 0 17 16'%3E%3Crect width='16' height='16' x='.5' fill='%23f1f3f4' rx='8'/%3E%3Cpath stroke='%23096eee' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 5 3 3-3 3'/%3E%3C/svg%3E") no-repeat 50%/100% 100%;height:24px;margin-left:auto;width:24px}