.classroom-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:28px;flex-wrap:wrap}.classroom-tabs a{font-size:12px;color:var(--muted);padding:10px 18px;border-radius:30px}.classroom-tabs a.active{color:#fff8e9;background:var(--forest)}.classroom-local-note{display:flex;align-items:flex-start;gap:8px;font-size:10px;color:var(--muted);line-height:1.8;margin-top:30px}.classroom-local-note svg{width:14px;height:14px;margin-top:2px}.classroom-local-note .zh{font-size:10px;margin-top:3px}.classroom-loading{padding:60px 20px;text-align:center;color:var(--muted);font-size:12px}.classroom-loading svg{width:28px;height:28px;margin:0 auto 18px}.join-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start}.classroom-join-form{display:grid;gap:17px}.classroom-join-form label{display:grid;gap:7px;font-size:12px;color:var(--ink)}.classroom-join-form input{width:100%;font-size:14px;padding:14px 16px}.classroom-join-form .note{font-size:10px}.join-explainer{padding:30px}.join-explainer>div:not(.eyebrow){display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:20px 0}.join-explainer>div>span{font-family:var(--serif);color:var(--gold);font-size:26px}.join-explainer h3{font-family:var(--serif);font-size:26px;font-weight:400}.join-explainer h3 .zh{font-size:12px}.join-explainer .note{margin-top:25px}.learner-band{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:23px}.learner-band h2{margin-top:10px;font-size:30px}.learner-band .eyebrow{font-size:8px}.learner-band .text-link{font-size:11px;white-space:nowrap}.classroom-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:23px 27px;background:#e9eddf;border:1px solid #d9dfcc;border-radius:20px;margin-bottom:35px}.classroom-stat-row div{display:grid;gap:6px}.classroom-stat-row strong{font-family:var(--serif);font-size:34px;font-weight:400;color:var(--forest);line-height:1.2}.classroom-stat-row span{font-size:10px;color:var(--muted)}.classroom-section{margin-bottom:34px}.classroom-section .section-label h2{font-size:27px}.ready-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ready-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fdfbf5;display:flex;flex-direction:column;align-items:flex-start;gap:17px}.ready-card .eyebrow{font-size:8px}.ready-card h3{font-family:var(--serif);font-size:25px;font-weight:400;flex:1}.ready-card h3 .zh{font-size:12px}.ready-card .btn{font-size:10px;min-height:40px;padding:10px 16px}.classroom-empty{text-align:center;padding:42px 26px;border:1px dashed #bdc6b3;border-radius:21px;background:#f8f6ee}.classroom-empty h3{font-family:var(--serif);font-size:27px;font-weight:400}.classroom-empty h3 .zh{font-size:14px}.classroom-empty p{font-size:12px;color:var(--muted);margin:15px auto 20px;max-width:520px;line-height:1.85}.work-list{display:grid;gap:18px}.work-card{display:flex;gap:23px;position:relative;padding:20px;background:var(--white);border:1px solid var(--line);border-radius:21px;align-items:center;transition:transform .2s}.work-card:hover{transform:translateY(-2px)}.work-card-image{width:125px;height:130px;border-radius:13px;overflow:hidden;flex-shrink:0}.work-card-image img{width:100%;height:100%;object-fit:cover}.work-card-copy{flex:1;min-width:0}.work-card .eyebrow{font-size:8px}.work-card h2{font-size:29px;margin:9px 0}.work-card h2 .zh{font-size:12px}.work-card p{font-size:12px;color:var(--muted);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.work-card-meta{font-size:9px;color:var(--muted);margin-top:15px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.work-arrow{width:17px;height:17px;color:var(--jade)}.submission-status{font-size:9px;border-radius:24px;padding:5px 10px;line-height:1.4;background:#ece5d5;color:#957740;display:inline-flex}.submission-status.reviewed{background:#e5eddf;color:#497157}.submission-status.needs_revision{background:#f1e1d6;color:#ad7052}.exhibition-feature{background:var(--forest);padding:34px;color:#f3e9d4;border-radius:24px;margin-bottom:40px;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;overflow:hidden}.exhibition-feature h2{font-size:39px;margin-top:15px}.exhibition-feature h2 .zh{font-size:17px;color:#c5d1bf}.exhibition-feature p{font-size:12px;color:#b6c8b6;line-height:1.9;margin:18px 0 22px}.exhibition-feature .eyebrow{font-size:8px}.exhibition-feature img{height:100%;max-height:280px;width:100%;object-fit:cover;border-radius:15px}.exhibit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.exhibit-card{background:var(--white);border:1px solid var(--line);border-radius:20px;overflow:hidden}.exhibit-card>img{width:100%;height:170px;object-fit:cover}.exhibit-card>div{padding:23px}.exhibit-card .eyebrow{font-size:8px}.exhibit-card h2{font-size:28px;margin-top:11px}.exhibit-card h2 .zh{font-size:12px}.exhibit-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:15px 0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.exhibit-card .note{font-size:10px}.teacher-login{max-width:520px;margin:30px auto}.teacher-feedback{border:1px solid #c9d7bf;border-radius:23px;background:#eaf0e2;padding:28px;margin-bottom:24px}.teacher-feedback .eyebrow{font-size:8px}.teacher-feedback h2{font-size:30px;margin-top:13px}.teacher-feedback h2 .zh{font-size:14px}.teacher-feedback>p{font-size:14px;line-height:1.9;white-space:pre-wrap;margin:18px 0}.feedback-next{padding:17px 20px;border-left:2px solid var(--gold);background:#f3f2e8;margin:20px 0}.feedback-next p{font-size:13px;line-height:1.85;margin-top:8px;white-space:pre-wrap}.rubric-badges{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.rubric-badges span{font-size:10px;padding:7px 11px;background:#fbfbef;border-radius:30px;color:var(--muted)}.rubric-badges b{color:var(--forest);margin-left:5px}.classroom-report{max-width:800px;margin:0 auto}.classroom-report .page-head{margin-top:30px}.classroom-report .page-head h1{font-size:50px}.classroom-report .page-head .btn{white-space:nowrap}.receipt-number{display:inline-block;margin-top:9px;font-size:10px;letter-spacing:.06em}.report-card{margin-bottom:26px}.review-form-card{margin-top:25px}.rubric-selects{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:24px}.rubric-selects label{display:grid;gap:8px;font-size:11px;color:var(--muted)}.rubric-selects select{font-size:11px;width:100%;padding:11px}.review-form-card textarea{font-size:13px;min-height:135px}.review-form-card textarea[name=nextStep]{min-height:100px}.review-form-card .modal-field{margin-top:20px}.review-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.review-buttons .btn{font-size:12px}.form-error{font-size:12px;color:#a64d37;line-height:1.7}.form-error:not(:empty){padding:12px 14px;background:#f9eae2;border-radius:11px;margin:14px 0}.submit-summary{display:flex;gap:15px;align-items:center;margin:20px 0 24px;padding:15px;background:#f0eee3;border-radius:16px}.submit-summary img{height:75px;width:75px;object-fit:cover;border-radius:11px}.submit-summary .eyebrow{font-size:8px}.submit-summary h3{font-family:var(--serif);font-weight:400;font-size:25px;margin:7px 0}.submit-summary p{font-size:11px}.local-preview-note{color:var(--gold)}
@media(max-width:900px){.ready-grid,.exhibit-grid{grid-template-columns:repeat(2,1fr)}.join-layout{gap:22px}.join-explainer{padding:20px 10px}.exhibition-feature{padding:28px;gap:22px}.exhibition-feature h2{font-size:34px}.rubric-selects{gap:10px}.work-card{gap:18px}.work-card-image{width:100px;height:120px}}
@media(max-width:600px){.bottom-nav a{min-width:51px;padding:6px 5px}.bottom-nav{width:360px;max-width:calc(100% - 28px)}.header-tools{gap:6px}.topbar-inner{padding:0 18px}.header-tools .icon-btn{height:33px;width:33px}.brand-sub{font-size:5px}.classroom-tabs{gap:5px;margin-bottom:23px;padding-bottom:15px}.classroom-tabs a{font-size:10px;padding:9px 12px}.join-layout{display:block}.join-explainer{padding:28px 8px 0}.join-explainer>div:not(.eyebrow){padding:15px 0}.join-explainer h3{font-size:25px}.join-explainer .note{font-size:10px}.classroom-join-form label{font-size:11px}.classroom-join-form input{font-size:13px}.classroom-local-note{font-size:9px;margin-top:24px}.classroom-local-note .zh{font-size:9px}.learner-band{gap:12px;margin-bottom:20px}.learner-band .eyebrow{font-size:7px;line-height:1.8}.learner-band h2{font-size:28px}.learner-band .text-link{font-size:9px}.classroom-stat-row{gap:10px;padding:20px;border-radius:17px;margin-bottom:30px}.classroom-stat-row strong{font-size:31px}.classroom-stat-row span{font-size:8px;line-height:1.6}.classroom-section .section-label h2{font-size:25px}.classroom-section .section-label .text-link{font-size:10px}.ready-grid{grid-template-columns:1fr;gap:12px}.ready-card{display:grid;grid-template-columns:1fr auto;gap:10px 15px;padding:20px}.ready-card>.eyebrow{grid-column:1/-1;font-size:7px}.ready-card h3{font-size:25px}.ready-card .btn{font-size:9px;padding:10px 13px;min-height:38px}.ready-card .btn svg{width:15px;height:15px}.work-card{padding:17px;gap:12px;align-items:flex-start}.work-card-image{height:65px;width:58px;border-radius:10px}.work-card h2{font-size:25px;margin:10px 0}.work-card h2 .zh{font-size:11px}.work-card p{font-size:10px;line-height:1.8;-webkit-line-clamp:3}.work-card .eyebrow{font-size:7px;line-height:1.6}.work-card-copy>.row{gap:7px}.work-card-meta{font-size:8px;gap:6px;margin-top:14px;display:grid}.work-arrow{display:none}.submission-status{font-size:8px;padding:4px 8px}.classroom-empty{padding:30px 20px}.classroom-empty h3{font-size:26px}.classroom-empty p{font-size:11px}.exhibition-feature{padding:25px;display:flex;flex-direction:column-reverse;gap:22px;border-radius:21px;margin-bottom:32px}.exhibition-feature img{height:145px;max-height:none;border-radius:12px}.exhibition-feature h2{font-size:34px}.exhibition-feature h2 .zh{font-size:14px}.exhibition-feature p{font-size:11px;margin-top:16px}.exhibition-feature .eyebrow{font-size:7px}.exhibit-grid{grid-template-columns:1fr;gap:18px}.exhibit-card>img{height:190px}.exhibit-card>div{padding:23px}.exhibit-card p{font-size:12px}.exhibit-card h2{font-size:31px}.teacher-login{margin:22px auto}.teacher-login h2{font-size:29px}.teacher-feedback{padding:23px 21px;border-radius:20px}.teacher-feedback h2{font-size:29px}.teacher-feedback>p{font-size:12px}.teacher-feedback h2 .zh{font-size:12px}.feedback-next{padding:15px}.feedback-next p{font-size:12px}.teacher-feedback>.note{font-size:9px}.rubric-badges{gap:6px}.rubric-badges span{font-size:8px;padding:6px 9px}.classroom-report .page-head h1{font-size:41px}.classroom-report .page-head .btn{font-size:10px;min-height:38px;padding:10px 15px;margin-top:20px}.classroom-report .page-head{margin-top:24px}.receipt-number{font-size:9px}.rubric-selects{grid-template-columns:1fr;gap:13px}.rubric-selects label{font-size:10px;grid-template-columns:1fr 1.15fr;align-items:center}.rubric-selects select{font-size:10px;padding:10px}.review-form-card textarea{font-size:12px;min-height:140px}.review-form-card .modal-field{font-size:11px}.review-form-card h2{font-size:29px}.review-buttons{display:grid;gap:10px}.review-buttons .btn{font-size:11px;width:100%}.submit-summary h3{font-size:23px}.submit-summary img{height:66px;width:66px}.form-error{font-size:11px}.self-check .zh{font-size:11px}body:has(textarea:focus) .bottom-nav{opacity:0;pointer-events:none}}
@media print{.topbar,.bottom-nav,.classroom-tabs,.completion-actions,.review-form-card,.classroom-local-note,.btn,.back{display:none!important}.page{max-width:none;padding:0}.card{border:0;box-shadow:none}.report-block{break-inside:avoid}.classroom-report{max-width:none}}