.crsd-head[data-v-dd601ff6]{align-items:flex-start;display:flex;gap:.85rem;justify-content:space-between;width:100%}.crsd-toolbar[data-v-dd601ff6]{align-items:center;display:flex;flex-shrink:0;gap:1.5rem;margin-left:auto}.classroom-detail-header[data-v-dd601ff6]{flex:1 1 auto;min-width:0}.classroom-detail-title[data-v-dd601ff6]{color:#1f2937;font-size:var(--crsd-heading-size,1.3rem);font-weight:700;line-height:1.25;margin:0}.classroom-detail-student[data-v-dd601ff6]{color:#416da7;font-weight:500;margin-left:.35rem}.crsd-zhuyin-toggle[data-v-dd601ff6]{align-items:center;color:#4b5563;display:inline-flex;font-size:.95rem;gap:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.crsd-zhuyin-track[data-v-dd601ff6]{align-items:center;display:inline-flex;height:22px;position:relative;width:40px}.crsd-zhuyin-track input[data-v-dd601ff6]{height:0;opacity:0;width:0}.crsd-zhuyin-thumb[data-v-dd601ff6]{background:#3b82f640;border-radius:9999px;inset:0;position:absolute;transition:background-color .2s ease}.crsd-zhuyin-thumb[data-v-dd601ff6]:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0f172a40;content:"";height:16px;left:4px;position:absolute;top:3px;transition:transform .2s ease;width:16px}.crsd-zhuyin-track input:checked+.crsd-zhuyin-thumb[data-v-dd601ff6]{background:#2162efc9}.crsd-zhuyin-track input:checked+.crsd-zhuyin-thumb[data-v-dd601ff6]:after{transform:translate(16px)}.crsd-close-button[data-v-dd601ff6]{align-items:center;background:#f4f5f7;border:1px solid #d1d5db;border-radius:9999px;box-shadow:0 2px 6px #0f172a1f;color:#323944;cursor:pointer;display:inline-flex;font-size:1.1rem;height:2rem;justify-content:center;line-height:1;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;width:2rem}.crsd-close-button[data-v-dd601ff6]:hover{background:#d1d5db;box-shadow:0 6px 12px #0f172a33;color:#111827;transform:translateY(-1px)}.classroom-detail-body[data-v-dd601ff6]{--crsd-heading-size:1.3rem;--crsd-sentence-size:1.35rem;--crsd-sentence-line-height:1.45;display:flex;flex-direction:column;gap:.95rem;padding:.2rem .25rem}.classroom-detail-error[data-v-dd601ff6],.classroom-detail-loading[data-v-dd601ff6]{font-size:1rem;padding:2rem 1rem;text-align:center}.classroom-detail-error[data-v-dd601ff6]{color:#b91c1c;font-weight:600}.classroom-detail-meta[data-v-dd601ff6]{background:#fffefd;border:1px solid #afb1b4;border-radius:.5rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-left:.5rem;padding:.65rem 1rem;width:99%}.classroom-detail-meta-item[data-v-dd601ff6]{display:flex;flex-direction:column;font-size:.97rem;gap:.25rem;letter-spacing:.025rem}.classroom-detail-meta-label[data-v-dd601ff6]{color:#0c31a2;font-weight:600}.classroom-detail-meta-value[data-v-dd601ff6]{color:#32353c}.classroom-detail-meta-sub[data-v-dd601ff6]{color:#32353c;font-size:.92rem}.classroom-detail-section[data-v-dd601ff6]{padding-top:.25rem}.crsd-note-contact-row[data-v-dd601ff6]{display:flex;flex-direction:column;gap:1rem}.crsd-note-contact-col[data-v-dd601ff6]{min-width:0}.crsd-sentence-section[data-v-dd601ff6]{display:flex;flex-direction:column;gap:.35rem}.sentence-tabs[data-v-dd601ff6]{display:flex;gap:.4rem;margin:.2rem 0!important;width:100%}.sentence-tab[data-v-dd601ff6]{background:#cee3ff;border:none;border-radius:4px;color:#0f223f;cursor:pointer;flex:1 1 0;font-size:1.05rem;font-weight:600;letter-spacing:.05rem;min-width:0;padding:.45rem .35rem;transition:background-color .07s ease,box-shadow .07s ease,color .07s ease,transform .07s ease}.sentence-tab[data-v-dd601ff6]:hover:not(.sentence-tab--active){background:#3751d5c9;box-shadow:1px 1px 3px #0f172a80;color:#fff}.sentence-tab--active[data-v-dd601ff6]{background:#3751d5;box-shadow:1px 1px 2px #0f172a1f,2px 2px 4px #0f172a59;color:#fffbf5;transform:translateY(-1px)}.sentence-tabs--anchor[data-v-dd601ff6]{margin:.15rem 0!important;overflow:visible;padding-top:.55rem}.sentence-tabs--anchor .sentence-tab[data-v-dd601ff6]{overflow:visible;padding:.3rem .35rem;position:relative}.sentence-tabs--anchor .sentence-tab--active[data-v-dd601ff6]{transform:none}.sentence-tabs--anchor .sentence-tab--active[data-v-dd601ff6]:before{border-bottom:8px solid #3751d5;border-left:7px solid transparent;border-right:7px solid transparent;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:0;transform:translate(-50%,calc(-100% + 1px));width:0}.sentence-list[data-v-dd601ff6]{margin-top:.8rem!important}.sentence-card[data-v-dd601ff6]{background:#fff;margin-left:.5rem;padding:.65rem 1.2rem;width:99%}.sentence-card--reading[data-v-dd601ff6]{background:#fafbfd;border:3px dashed rgba(180,210,255,.9);margin-bottom:1.5rem;position:relative;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.sentence-list .sentence-card--reading[data-v-dd601ff6]:last-child{margin-bottom:.5rem}.sentence-card-header[data-v-dd601ff6]{align-items:flex-start;display:flex;gap:.65rem;justify-content:space-between;margin-bottom:.35rem}.sentence-card-title[data-v-dd601ff6]{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem}.sentence-card-index[data-v-dd601ff6]{align-items:center;color:#374151;display:inline-flex;font-size:.95rem;font-weight:600}.sentence-card-actions[data-v-dd601ff6]{align-items:center;display:inline-flex;gap:.5rem}.sentence-upload-time[data-v-dd601ff6]{color:#6b7280;font-size:.75rem}.sentence-text[data-v-dd601ff6]{color:#1f2937;font-size:var(--crsd-sentence-size);line-height:var(--crsd-sentence-line-height)}.sentence-text.post-sub-content[data-v-dd601ff6]{font-family:var(--font-family-zuyin,"ToneOZ-Zhuyin-Kai-Traditional","Noto Sans TC",sans-serif)}.sentence-text.post-sub-content[data-v-dd601ff6],.sentence-text.post-sub-content-plain[data-v-dd601ff6]{letter-spacing:var(--post-letter-spacing,3px)}.sentence-card-body[data-v-dd601ff6]{display:grid;gap:.5rem;margin-top:.75rem}.sentence-audio[data-v-dd601ff6]{max-height:2.5rem;width:97%}.sentence-audio-empty[data-v-dd601ff6]{color:#6b7280;font-size:.75rem}.sentence-review[data-v-dd601ff6]{background:#f8fafc;border:1px dashed #dbe4f2;border-radius:.35rem;font-size:1rem;line-height:1.55;margin-top:.15rem;padding:.65rem .75rem}.sentence-review-label[data-v-dd601ff6]{color:#374151;font-size:.9rem;font-weight:600}.sentence-review-text[data-v-dd601ff6]{color:#1f2937;margin:.35rem 0 0;white-space:pre-wrap}.sentence-review-flag[data-v-dd601ff6]{color:#b45309;font-size:.75rem;font-weight:600;margin:.35rem 0 0}.crsd-reviewer-feedback[data-v-dd601ff6]{display:flex;flex-direction:column;gap:.75rem}.revision-note[data-v-dd601ff6]{background:#fef3c7;border:1px solid rgba(234,179,8,.3);border-radius:.75rem;letter-spacing:.025rem;margin-left:.5rem;padding:.5rem 1rem;text-align:left;width:99%}.revision-note-title[data-v-dd601ff6]{color:#92400e;font-size:1.1rem;font-weight:600}.revision-note-body[data-v-dd601ff6]{color:#682f0f;font-size:1rem;letter-spacing:.025rem;margin:.25rem 0 0 1ch;white-space:pre-wrap}.rating-stars[data-v-dd601ff6]{align-items:center;display:inline-flex;gap:.15rem;line-height:1}.rating-star[data-v-dd601ff6]{color:#d1d5db;font-size:1.05rem}.rating-star--active[data-v-dd601ff6]{color:#f59e0b}.crsd-rating-count[data-v-dd601ff6]{color:#4b5563;font-size:.875rem;margin-left:.5rem}.detail-note-preview-card[data-v-dd601ff6]{background:linear-gradient(160deg,#f8fafc,#f1f5f9);border:1px dashed #b8c9e8;border-radius:12px;padding:.3rem .35rem}.detail-note-preview-inner[data-v-dd601ff6]{background:linear-gradient(90deg,#f5f3ff,#fdf2f8 50%,#eef2ff);border-radius:.75rem;display:grid;font-size:.92em;gap:.55rem;overflow:hidden;padding:.55rem .6rem;position:relative}.detail-note-preview-inner--collapsed[data-v-dd601ff6]{max-height:320px}.detail-note-preview-inner--collapsed[data-v-dd601ff6]:after{background:linear-gradient(180deg,#f5f7ff00,#f5f7ffeb 68%,#f5f7fffa);bottom:0;content:"";height:96px;left:0;pointer-events:none;position:absolute;right:0}.detail-note-preview-block[data-v-dd601ff6]{display:grid;gap:.35rem}.detail-note-preview-badge[data-v-dd601ff6]{background:#dbeafe;border-radius:99px;color:#1d4ed8;font-size:.74rem;font-weight:700;padding:.1rem .55rem;width:-moz-fit-content;width:fit-content}.detail-note-preview-badge--voice[data-v-dd601ff6]{background:#ede9fe;color:#6d28d9}.detail-note-preview-collaborator-rows[data-v-dd601ff6]{display:grid;gap:.35rem}.detail-note-preview-collaborator-row[data-v-dd601ff6]{align-items:center;-moz-column-gap:.5rem;column-gap:.5rem;display:grid;grid-template-columns:4.5em minmax(0,1fr)}.detail-note-preview-role-label[data-v-dd601ff6]{align-items:center;border-radius:6px;color:#1e3a8a;display:inline-flex;font-weight:600;justify-content:center;padding:.1rem .35rem}.detail-note-preview-role-names[data-v-dd601ff6]{color:#334155;font-weight:500;line-height:1.7;min-width:0;word-break:break-word}.detail-note-preview-words[data-v-dd601ff6]{color:#334155;line-height:1.7;margin:0;white-space:pre-wrap;word-break:break-word}.detail-note-preview-image-wrap[data-v-dd601ff6]{display:flex;justify-content:center}.detail-note-preview-image[data-v-dd601ff6]{border-radius:.5rem;max-width:100%}.detail-note-preview-toggle[data-v-dd601ff6]{align-items:center;background:transparent;border:none;color:#4b5d8f;cursor:pointer;display:inline-flex;font-weight:600;gap:.25rem;margin:.45rem auto 0}.detail-note-preview-toggle-icon--up[data-v-dd601ff6]{transform:rotate(180deg)}.detail-contact-info-panel[data-v-dd601ff6]{margin-top:0}.contact-info-table[data-v-dd601ff6]{border-collapse:collapse;width:100%}.contact-info-table td[data-v-dd601ff6],.contact-info-table th[data-v-dd601ff6]{border:1px solid #c4cfde;padding:.45rem .65rem;vertical-align:middle}.contact-info-table--compact td[data-v-dd601ff6],.contact-info-table--compact th[data-v-dd601ff6]{font-size:.88rem;letter-spacing:.025rem;padding:.32rem .4rem}.contact-info-label[data-v-dd601ff6]{background:#f8fafc;color:#33558e;font-weight:600;text-align:center;white-space:nowrap;width:7.5rem}.contact-info-table--compact .contact-info-label[data-v-dd601ff6]{font-size:.85rem;width:4.8rem}.contact-info-cell[data-v-dd601ff6]{min-width:0}.detail-contact-info-readonly[data-v-dd601ff6]{color:#1f2937;line-height:1.5;word-break:break-word}.reading-consent-section[data-v-dd601ff6]{margin-top:.25rem;width:100%}.reading-consent-toggle[data-v-dd601ff6]{align-items:center;background:#fffaed;border:1px solid #d1d5db;border-radius:.45rem;box-shadow:0 1px 3px #1b253629;color:#374151;cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;gap:.5rem;justify-content:flex-start;padding:.65rem 1rem;width:98.5%}.reading-consent-toggle-chevron[data-v-dd601ff6]{color:#2563eb;font-size:.875rem}.reading-consent-drawer[data-v-dd601ff6]{background:#fffaef;border-radius:.35rem;margin-top:.35rem;padding:.9rem 1rem}.reading-consent-drawer-grid[data-v-dd601ff6]{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}.reading-consent-title[data-v-dd601ff6]{color:#1f2937;font-size:1.02rem;font-weight:700;margin:0 0 .5rem}.reading-consent-intro[data-v-dd601ff6]{color:#2d3643;font-size:.92rem;line-height:1.5;margin:0 0 .75rem}.reading-consent-list[data-v-dd601ff6]{display:grid;gap:.65rem}.reading-consent-item[data-v-dd601ff6]{align-items:flex-start;color:#272d36;display:flex;font-size:.95rem;gap:.5rem;line-height:1.65}.reading-consent-checkbox[data-v-dd601ff6]{flex-shrink:0;height:1.2rem;margin-top:.15rem;width:1.2rem}.reading-consent-item-label[data-v-dd601ff6]{font-weight:700}.crsd-signatures[data-v-dd601ff6]{align-content:start;display:grid;gap:.75rem}.crsd-signatures[data-v-dd601ff6] .signature-panel{max-width:100%}.crsd-signatures[data-v-dd601ff6] .signature-title{font-size:.95rem}.crsd-signatures[data-v-dd601ff6] .signature-canvas-wrapper{min-height:88px}.crsd-signatures[data-v-dd601ff6] .signature-image{max-height:120px}.detail-modal-scroll-fab[data-v-dd601ff6]{align-items:center;background:#fdfeffc4;border:none;border-radius:50%;bottom:4.5rem;box-shadow:0 2px 8px #451c0347;color:#f98f4d;cursor:pointer;display:inline-flex;font-size:.985rem;height:1.95rem;justify-content:center;padding:0;position:fixed;right:1.1rem;transition:background-color .1s ease,box-shadow .1s ease,transform .1s ease;width:1.95rem;z-index:1001}.detail-modal-scroll-fab[data-v-dd601ff6]:hover{background:#fff6e5e6;box-shadow:1px 3px 7px #0f172a52;transform:translateY(-1px)}.detail-playback-skip-notice[data-v-dd601ff6]{color:#b45309;font-size:.88rem;font-weight:600;line-height:1.45;margin:0 0 .35rem;text-align:right;width:100%}.crsd-footer[data-v-dd601ff6]{align-items:stretch;display:flex;flex-direction:column;gap:.45rem;width:100%}.crsd-footer-actions[data-v-dd601ff6]{display:flex;flex-wrap:wrap;gap:1.1rem;justify-content:flex-end;width:100%}.crsd-foot-btn[data-v-dd601ff6]{align-items:center;background:linear-gradient(180deg,#f8fbff,#edf4ff);border:1px solid #8fa8e8;border-radius:6px;box-shadow:1px 2px 4px #3b63a829;color:#1e4fa3;cursor:pointer;display:inline-flex;font-size:1.02rem;font-weight:650;justify-content:center;letter-spacing:.05rem;line-height:1.2;min-height:2.1rem;padding:.35rem 1rem;transition:background-color .1s ease,box-shadow .1s ease,transform .1s ease}.crsd-foot-btn[data-v-dd601ff6]:hover{background:linear-gradient(180deg,#edf3ff,#e4edff);box-shadow:0 3px 7px #3b63a838;transform:translateY(-1px)}.crsd-foot-btn--playback-active[data-v-dd601ff6]{background:linear-gradient(180deg,#fff5f5,#ffe8e8);border-color:#e07a7a;color:#9f1239}.crsd-foot-btn--muted[data-v-dd601ff6]{background:#f0f1f2;border-color:#c5cad3;box-shadow:none;color:#4b5563}@media(min-width:768px)and (max-width:1299px){.classroom-detail-title[data-v-dd601ff6]{font-size:1.2rem}.crsd-zhuyin-toggle[data-v-dd601ff6]{font-size:.925rem}.crsd-zhuyin-track[data-v-dd601ff6]{height:19px;width:36px}.crsd-zhuyin-thumb[data-v-dd601ff6]:after{height:13px;width:13px}.crsd-close-button[data-v-dd601ff6]{font-size:1.2rem;height:1.8rem;width:1.8rem}.classroom-detail-body[data-v-dd601ff6]{--crsd-sentence-size:1.05rem;gap:.9rem}.classroom-detail-meta[data-v-dd601ff6]{gap:.55rem;padding:.55rem .85rem}.crsd-note-contact-row[data-v-dd601ff6]{align-items:start;display:grid;gap:1rem;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.sentence-tab[data-v-dd601ff6]{font-size:1rem;padding:.4rem .3rem}.reading-consent-drawer-grid[data-v-dd601ff6],.reading-consent-drawer-grid--under-18[data-v-dd601ff6]{align-items:start;grid-template-columns:minmax(0,1.45fr) minmax(0,.85fr)}.crsd-signatures[data-v-dd601ff6] .signature-canvas-wrapper{min-height:76px}}@media(min-width:1300px){.crsd-note-contact-row[data-v-dd601ff6]{align-items:start;display:grid;gap:1.25rem;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.reading-consent-drawer-grid[data-v-dd601ff6],.reading-consent-drawer-grid--under-18[data-v-dd601ff6]{align-items:start;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr)}}@media(max-width:767px){.crsd-head[data-v-dd601ff6]{align-items:flex-start;flex-wrap:nowrap;gap:.5rem}.classroom-detail-header[data-v-dd601ff6]{flex:1 1 auto;min-width:0}.classroom-detail-title[data-v-dd601ff6]{font-size:1.05rem;word-break:break-word}.classroom-detail-student[data-v-dd601ff6]{display:block;margin-left:.8em;margin-top:.2rem}.crsd-toolbar[data-v-dd601ff6]{align-items:flex-end;flex-direction:column-reverse;flex-shrink:0;gap:.45rem;margin-left:auto}.crsd-zhuyin-toggle[data-v-dd601ff6]{font-size:.88rem}.crsd-close-button[data-v-dd601ff6]{font-size:1rem;height:max(8vw,2rem);width:max(8vw,2rem)}.classroom-detail-body[data-v-dd601ff6]{--crsd-sentence-size:1rem;gap:.55rem}.classroom-detail-meta[data-v-dd601ff6]{gap:.45rem;grid-template-columns:1fr;padding:.5rem .65rem}.classroom-detail-meta-item[data-v-dd601ff6]{align-items:start;-moz-column-gap:.5rem;column-gap:.5rem;display:grid;font-size:.88rem;grid-template-columns:4.25rem minmax(0,1fr)}.classroom-detail-meta-label[data-v-dd601ff6]{padding-top:.05rem}.classroom-detail-meta-value[data-v-dd601ff6]{min-width:0;word-break:break-word}.sentence-tab[data-v-dd601ff6]{font-size:.9rem;letter-spacing:.02rem;padding:.3rem .2rem}.sentence-list[data-v-dd601ff6]{margin-top:.55rem!important}.sentence-card--reading[data-v-dd601ff6]{margin-bottom:1.1rem}.sentence-audio[data-v-dd601ff6]{border-radius:.5rem;display:block;height:2.55rem;max-height:none;min-width:0;width:100%}.sentence-audio[data-v-dd601ff6]::-webkit-media-controls-panel{background:#eff1f3}.detail-modal-scroll-fab[data-v-dd601ff6]{bottom:7.5rem;font-size:.95rem;height:1.85rem;right:.75rem;width:1.85rem}.crsd-footer-actions[data-v-dd601ff6]{align-items:stretch;flex-direction:column;gap:.4rem}.crsd-foot-btn[data-v-dd601ff6]{font-size:.92rem;min-width:0;padding:.35rem .75rem;width:100%}.detail-playback-skip-notice[data-v-dd601ff6]{font-size:.84rem;text-align:left}.reading-consent-toggle[data-v-dd601ff6]{font-size:.95rem;padding:.55rem .75rem;width:100%}.reading-consent-drawer[data-v-dd601ff6]{padding:.7rem .75rem}.crsd-signatures[data-v-dd601ff6] .signature-canvas-wrapper{min-height:72px}}.modal-header:has(.crsd-head){border-bottom:2px solid #ceced1;padding:.8rem 1rem}.modal-footer:has(.crsd-footer){border-top:2px solid #ceced1;padding:.7rem 1.25rem 1rem}@media(max-width:767px){.modal-header:has(.crsd-head){padding:.6rem .75rem}.modal-footer:has(.crsd-footer){padding:.55rem .75rem .7rem}.modal-container:has(.crsd-head) .modal-body{padding:.65rem .75rem}.revision-note{padding:.35rem 1rem}}