.muted-text[data-v-22c2c5c8]{color:#8c8c8c;font-size:12px}.close-btn[data-v-22c2c5c8]:hover{background:transparent}.close-btn:hover .close-icon[data-v-22c2c5c8]{animation:icon-rotate-22c2c5c8 .3s linear}@keyframes icon-rotate-22c2c5c8{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.record-detail-drawer-content[data-v-22c2c5c8]{min-height:calc(100vh - 56px);background:#f7f7fd}.record-detail-loading[data-v-22c2c5c8],.record-detail-empty[data-v-22c2c5c8]{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 56px)}.record-list-hint[data-v-22c2c5c8]{color:#8c8c8c;font-size:12px}.record-overview[data-v-22c2c5c8]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.record-overview__item[data-v-22c2c5c8]{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:12px 16px;border:1px solid #edf0f5;border-radius:12px;background:#fff;color:#697586}.record-overview__item strong[data-v-22c2c5c8]{color:#293042;font-size:22px;line-height:1}.record-overview__item--success strong[data-v-22c2c5c8]{color:#16a36a}.record-overview__item--warning strong[data-v-22c2c5c8]{color:#e58a16}.service-time-cell[data-v-22c2c5c8]{display:flex;flex-direction:column;gap:4px}.service-time-cell span[data-v-22c2c5c8]{color:#7c8494;font-size:12px}.progress-cell[data-v-22c2c5c8]{width:150px}.progress-cell__meta[data-v-22c2c5c8]{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px;color:#7c8494;font-size:12px}.progress-cell__meta strong[data-v-22c2c5c8]{color:#43506a}.mark-counts[data-v-22c2c5c8]{display:flex;gap:5px}.mark-count[data-v-22c2c5c8]{min-width:38px;padding:3px 6px;border-radius:6px;font-size:11px;font-weight:600;text-align:center}.mark-count--p[data-v-22c2c5c8]{color:#139b68;background:#e7f8f1}.mark-count--e[data-v-22c2c5c8]{color:#d77c0b;background:#fff2df}.mark-count--f[data-v-22c2c5c8]{color:#db4047;background:#ffebed}.detail-page[data-v-22c2c5c8]{min-height:calc(100vh - 56px);padding:20px;background:#f7f7fd}.detail-hero[data-v-22c2c5c8]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:18px 20px;border-radius:14px;background:linear-gradient(135deg,#f2f7ff,#fff 58%,#f8f4ff)}.detail-hero__student[data-v-22c2c5c8]{display:flex;align-items:center;gap:12px}.detail-hero__student[data-v-22c2c5c8] .ant-avatar{border:3px solid #fff;background:#dce9ff;color:#3974d8;font-weight:650;box-shadow:0 6px 16px #4f66911f}.detail-hero__name[data-v-22c2c5c8]{color:#273044;font-size:18px;font-weight:650}.detail-hero__meta[data-v-22c2c5c8]{margin-top:5px;color:#798295;font-size:12px}.detail-hero__cycle[data-v-22c2c5c8]{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.detail-hero__cycle span[data-v-22c2c5c8]{color:#9aa1ae;font-size:11px}.detail-hero__cycle strong[data-v-22c2c5c8]{color:#3d4962;font-size:13px}.detail-hero__cycle em[data-v-22c2c5c8]{color:var(--pro-ant-color-primary);font-size:11px;font-style:normal}.detail-card[data-v-22c2c5c8]{margin-top:12px;padding:16px;border-radius:14px;background:#fff;box-shadow:0 4px 18px #23375a0a}.detail-section-title[data-v-22c2c5c8]{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.detail-section-title span[data-v-22c2c5c8]{position:relative;padding-left:10px;color:#293042;font-size:14px;font-weight:600}.detail-section-title span[data-v-22c2c5c8]:before{position:absolute;top:3px;bottom:3px;left:0;width:4px;border-radius:2px;background:var(--pro-ant-color-primary);content:""}.detail-section-title small[data-v-22c2c5c8]{color:#9299a8;font-size:11px;font-weight:400}.period-list[data-v-22c2c5c8]{display:flex;gap:8px;overflow-x:auto;padding-bottom:3px}.period-item[data-v-22c2c5c8]{display:flex;flex:0 0 auto;align-items:center;gap:8px;padding:8px 11px;border:1px solid #e8edf5;border-radius:9px;background:#fafcff}.period-item span[data-v-22c2c5c8]{color:var(--pro-ant-color-primary);font-size:11px;font-weight:600}.period-item strong[data-v-22c2c5c8]{color:#505a6f;font-size:11px;font-weight:500}.observation-table-wrap[data-v-22c2c5c8]{overflow-x:auto;border:1px solid #e8edf4;border-radius:10px}.observation-table[data-v-22c2c5c8]{width:100%;min-width:720px;border-collapse:separate;border-spacing:0;table-layout:fixed}.observation-table th[data-v-22c2c5c8],.observation-table td[data-v-22c2c5c8]{min-width:76px;padding:9px 6px;border-right:1px solid #edf0f5;border-bottom:1px solid #edf0f5;text-align:center}.observation-table th[data-v-22c2c5c8]{color:#737d90;font-size:11px;font-weight:600;background:#f8faff}.observation-table th small[data-v-22c2c5c8]{color:#a1a8b5;font-size:9px;font-weight:400}.observation-table tr:last-child td[data-v-22c2c5c8]{border-bottom:0}.observation-table th[data-v-22c2c5c8]:last-child,.observation-table td[data-v-22c2c5c8]:last-child{border-right:0}.observation-table .observation-name[data-v-22c2c5c8]{width:330px;min-width:330px;padding-right:12px;padding-left:12px;text-align:left}.observation-table td.observation-name[data-v-22c2c5c8]{color:#414b60;font-size:12px;line-height:1.5}.scene-dot[data-v-22c2c5c8]{display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:var(--pro-ant-color-primary);vertical-align:2px}.record-mark[data-v-22c2c5c8]{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;color:#a0a7b3;background:#f1f3f6;font-size:11px;font-weight:700}.record-mark--p[data-v-22c2c5c8]{color:#119867;background:#e4f8ef}.record-mark--e[data-v-22c2c5c8]{color:#d57b0b;background:#fff0dc}.record-mark--f[data-v-22c2c5c8]{color:#da4249;background:#ffe9eb}.media-grid[data-v-22c2c5c8]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.media-grid--video[data-v-22c2c5c8]{margin-top:12px}.media-card[data-v-22c2c5c8]{overflow:hidden;border:1px solid #e8edf4;border-radius:11px;background:#fafcff}.media-card__image[data-v-22c2c5c8],.media-card__video[data-v-22c2c5c8]{display:block;width:100%;height:190px;background:#111827;object-fit:contain}.media-card[data-v-22c2c5c8] .ant-image{display:block;width:100%}.media-card[data-v-22c2c5c8] .ant-image-img{display:block;width:100%;height:190px;object-fit:contain;background:#f2f4f8}.media-card__caption[data-v-22c2c5c8]{display:flex;flex-direction:column;gap:3px;padding:9px 10px;color:#9299a8;font-size:10px;line-height:1.35}.media-card__caption strong[data-v-22c2c5c8]{color:#4c566b;font-size:11px;font-weight:600}@media(max-width:1200px){.record-overview[data-v-22c2c5c8],.media-grid[data-v-22c2c5c8]{grid-template-columns:repeat(2,minmax(0,1fr))}}