body{background:#dfedf7}.header{position:relative;z-index:3}.header .right{gap:12px}.header nav{display:flex}.header button.link{background:none;border:0;color:#dce9f2}.loading{max-width:900px;margin:70px auto;padding:25px;text-align:center}.portal-frame{display:block;border:0;width:100%;height:calc(100dvh - 64px);height:calc(100vh - 64px);background:#eff6fa}.header .cloud-status{font-size:12px;white-space:nowrap}.header .cloud-status.pending{color:#ffe1a0}.header .cloud-status.error{color:#ffc5ba}.header .cloud-status.ok,.header .cloud-status.local{color:#d4e8f5}.header [data-sync-slot]{display:inline-flex;align-items:center}.header .sync-retry{padding:5px 8px;cursor:pointer}.header .sync-retry:hover{background:#ffffff16}.header .sync-retry:focus-visible{outline:2px solid #fff;outline-offset:3px}.login-card .btn{margin-top:14px}.login-card input{width:100%}.form-error{min-height:24px;color:#b84131;font-size:13px}.empty-state{text-align:center;padding:60px 20px;color:#63849b}.empty-state h2{color:#375e7d}.test-note{padding:10px 18px;background:#fff0d7;color:#855e1c;font-size:13px}.course-cards{margin-bottom:28px}.wall{height:100vh!important}.wall-demo{display:none}.wall-top{gap:18px}.wall .select{max-width:300px}.wall-footer .bad{color:#ffd69c}.member-picker{max-height:400px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.member-picker label{padding:9px;border:1px solid #cbdde9;border-radius:5px}.field select,.field textarea,.field input{display:block;width:100%;padding:10px;margin-top:7px;border:1px solid #bfd3e2;border-radius:6px;background:#fff}.field textarea{min-height:180px}.table .name-button{background:none;color:#2878af;font-weight:600}.table td{white-space:nowrap}.modal{max-height:90vh;overflow:auto}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.portal-badges .badge-card.locked{opacity:.65}.sync-retry{background:none;color:inherit;border:1px solid currentColor;border-radius:4px;font-size:12px}.unit-selector{max-width:260px}.class-selector{max-width:300px}.login-copy .login-steps{display:flex;gap:12px;margin-top:30px}.login-steps span{border:1px solid #ffffff70;padding:10px;border-radius:6px}.student-main .note{margin:18px 0}.top-back{color:#cce5fa!important}.header .brand{font-size:23px}.teacher-main .toolbar{flex-wrap:wrap}.name-card.new:after{content:'刚刚完成'}.wall-title p{margin-top:5px}@media(max-width:1100px){.header .right{font-size:12px}.header nav a{padding:9px}.wall .select{max-width:230px}}@media(max-width:760px){.header{flex-wrap:wrap;height:auto;min-height:80px}.header nav{order:3;width:100%;justify-content:center}.portal-frame{height:calc(100vh - 140px)}.member-picker{grid-template-columns:1fr}.wall-top .actions{flex-wrap:wrap}.wall-top .select{max-width:190px}.login-steps{flex-wrap:wrap}}

#app.course-open{height:100vh;height:100dvh;display:flex;flex-direction:column}#app>.header{flex-shrink:0}#app>.portal-frame{flex:1;min-height:0;height:calc(100vh - 64px)}