:root{color:#22201d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f2e8;font-family:Noto Sans SC,Microsoft YaHei,PingFang SC,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input{font:inherit}.shell{color:#22201d;background:radial-gradient(circle at 0 0,#e7a84259,#0000 32%),linear-gradient(135deg,#f7f2e8 0%,#f1e8d8 42%,#ead9bf 100%);grid-template-columns:minmax(220px,280px) minmax(0,1fr);min-height:100vh;display:grid}.shell-compact{grid-template-columns:minmax(220px,260px) minmax(0,1fr)}.shell-single{grid-template-columns:minmax(0,1fr)}.intro{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff73;border-right:1px solid #533d1c1f;padding:2.4rem 1.75rem}.eyebrow,.section-label{letter-spacing:.12em;text-transform:uppercase;color:#8b5e17;margin:0 0 .6rem;font-size:.72rem}.intro h1,.workspace h1,.workspace h2,.workspace h3{margin:0;line-height:1.08}.intro h1{font-size:clamp(1.9rem,2.8vw,2.8rem)}.workspace h2{font-size:1.35rem}.workspace h3{font-size:1.1rem}.workspace-title{color:#2e2418;font-size:clamp(1.9rem,2.2vw,2.6rem)}.workspace-intro{color:#66584a;margin:0;font-family:KaiTi,STKaiti,KaiTi_GB2312,serif;font-size:1rem;line-height:1.7}.intro-copy,.muted{color:#5d5549}.card{background:#fffaf3e6;border:1px solid #664b1f24;border-radius:24px;padding:1.35rem;box-shadow:0 24px 60px #5b451e14}.workspace{padding:2rem}.login-card,.dashboard{max-width:1560px}.dashboard{gap:1rem;width:100%;display:grid}.top-workspace{grid-template-columns:minmax(200px,280px) minmax(0,1fr);align-items:stretch;gap:1rem;display:grid}.workspace-hero,.workspace-control-panel,.profile-card,.compose-card,.message-compose-card,.login-card,.settings-card{gap:1rem;display:grid}.workspace-hero{align-content:center;padding-right:.5rem}.workspace-control-panel{align-content:start}.profile-topline,.card-header,.subsection-head,.thread-header,.conversation-meta,.thread-message-head,.thread-stats,.notification-head{justify-content:space-between;align-items:flex-start;gap:.85rem;display:flex}.topline-actions{flex-wrap:wrap;gap:.75rem;display:flex}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem;display:grid}.identity-strip{background:#b574271f;border-radius:20px;align-items:end;gap:1rem;padding:1rem 1.1rem;display:grid}.identity-strip-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.field,.field-row{gap:.65rem;display:grid}.field-row{grid-template-columns:repeat(2,minmax(0,1fr))}.field span,.stat-label{color:#6a6356;font-size:.85rem}.field input,.field textarea,.field select{color:#2c261c;width:100%;font:inherit;background:#fffaf2;border:1px solid #6e5a3533;border-radius:16px;padding:.95rem 1rem}.field textarea{resize:vertical}.content-grid{align-items:stretch;gap:1rem;display:grid}.content-grid-middle{grid-template-columns:minmax(500px,1.2fr) minmax(0,1.8fr)}.content-grid-bottom{grid-template-columns:minmax(500px,1.15fr) minmax(0,1.85fr)}.stack{align-content:start;gap:1rem;height:auto;display:grid}.stack-wide{min-width:0}.classroom-list,.notification-list,.file-list,.conversation-list,.thread-list,.student-grid,.settings-grid,.settings-list,.role-check-grid{gap:.9rem;display:grid}.classroom-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.classroom-item,.primary-button,.secondary-button,.ghost-button,.source-tag{border:none;border-radius:18px;transition:transform .18s,box-shadow .18s,background .18s}.classroom-item,.secondary-button,.source-tag,.ghost-button{color:#4f3916;background:#f1dfbf}.classroom-item,.primary-button,.secondary-button,.ghost-button{cursor:pointer}.classroom-item:hover,.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.classroom-item{text-align:left;gap:.25rem;padding:1rem;display:grid}.classroom-item span{color:#6b5634}.classroom-item-active{color:#fff7ea;background:#452f13;box-shadow:0 18px 30px #452f1333}.classroom-item-active span{color:#fff7eac7}.primary-button,.secondary-button{padding:.95rem 1rem;font-weight:700}.primary-button{color:#fff8f0;background:linear-gradient(135deg,#bf5a2b 0%,#d9852d 100%);box-shadow:0 18px 30px #bf5a2b47}.secondary-button{justify-self:flex-start}.ghost-button{border:1px solid #6e5a3529;padding:.55rem .9rem}.badge{color:#8b5e17;background:#b5742724;border-radius:999px;padding:.55rem .8rem;font-weight:700}.action-row{flex-wrap:wrap;gap:.8rem;display:flex}.note-banner,.remote-leave-summary{color:#6c4c19;background:#b574271f;border-radius:18px;padding:.9rem 1rem;line-height:1.6}.remote-leave-summary{gap:.35rem;display:grid}.notification-card,.empty-card,.thread-message,.settings-item{background:#f4e9d6c7;border-radius:18px;gap:.6rem;padding:1rem;display:grid}.notification-head div{gap:.2rem;display:grid}.notification-head span,.conversation-subtitle,.conversation-preview,.conversation-timestamp,.conversation-meta span,.thread-message-head span,.thread-stats span,.empty-card span{color:#665a4b}.notification-content,.thread-message-body{white-space:pre-wrap;margin:0;line-height:1.6}.file-list{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.file-pill{background:#fff8eae0;border:1px solid #6e5a351a;border-radius:18px;gap:.25rem;padding:.85rem .95rem;display:grid}.file-pill span{color:#645845}.link-pill{color:inherit;text-decoration:none}.direct-message-card-expanded{min-height:780px}.compose-card-natural{align-content:start}.direct-message-card-rebuilt{align-content:start;min-height:780px}.student-mini-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.5rem;display:grid}.student-mini-card{color:#3f2f16;text-align:center;cursor:pointer;background:#fff8eaeb;border:1px solid #6e5a351f;border-radius:14px;justify-items:center;gap:0;padding:.55rem .35rem .5rem;transition:transform .18s,box-shadow .18s,background .18s;display:grid;position:relative}.student-mini-card strong{font-family:KaiTi,STKaiti,KaiTi_GB2312,serif;font-size:.92rem;line-height:1.15}.student-mini-card:hover{transform:translateY(-1px);box-shadow:0 12px 24px #5b451e1f}.student-mini-card-active{color:#fff7ea;background:#452f13;box-shadow:0 18px 30px #452f1333}.student-mini-badge{color:#fff;background:#d84834;border-radius:999px;place-items:center;min-width:1.15rem;height:1.15rem;padding:0 .25rem;font-size:.72rem;font-weight:700;display:grid;position:absolute;top:-.2rem;right:-.12rem;box-shadow:0 10px 20px #d8483440}.dm-thread-shell{background:#fbf5ebd1;border:1px solid #6e5a351a;border-radius:20px;gap:1rem;min-height:540px;margin-top:1rem;padding:1rem;display:grid}.dm-history{gap:.7rem;min-height:220px;max-height:300px;padding-right:.2rem;display:grid;overflow:auto}.message-compose-card-inline{margin-bottom:0}.dm-compose-layout{grid-template-columns:minmax(0,2fr) minmax(150px,1fr);align-items:stretch;gap:.9rem;display:grid}.dm-compose-input{height:100%}.dm-compose-actions{align-content:end;gap:.7rem;display:grid}.dm-compose-actions .secondary-button,.dm-compose-actions .primary-button{width:100%}.thread-message{gap:.45rem;padding:.8rem .9rem}.thread-message-toolbar{grid-template-columns:auto auto 1fr auto;align-items:center;gap:.6rem;display:grid}.thread-message-time{color:#665a4b;justify-self:end;font-size:.82rem}.thread-message-body{font-size:.95rem;line-height:1.55}.direct-message-layout{gap:1rem;display:grid}.direct-message-layout-expanded{grid-template-columns:minmax(300px,360px) minmax(0,1fr);min-height:620px}.conversation-panel,.thread-panel,.message-compose-card{background:#fbf5ebd1;border:1px solid #6e5a351a;border-radius:20px;padding:1rem}.conversation-list{overflow:auto}.conversation-list-expanded{max-height:520px}.conversation-item{text-align:left;background:#fff8eae0;border:1px solid #6e5a351f;border-radius:18px;gap:.35rem;width:100%;padding:1rem;display:grid}.conversation-item-active{color:#fff7ea;background:#452f13}.conversation-item-active .conversation-subtitle,.conversation-item-active .conversation-preview,.conversation-item-active .conversation-timestamp,.conversation-item-active .conversation-meta span{color:#fff7ead1}.message-compose-card-prominent{margin-bottom:1rem}.thread-list-expanded{min-height:240px}.thread-message-actions{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.unread-badge,.read-badge{border-radius:999px;padding:.3rem .65rem;font-size:.78rem;font-weight:700}.unread-badge{color:#b14d1f;background:#bf5a2b24}.read-badge{color:#2d7a42;background:#2d7a421f}.settings-overlay{background:#1a120a5c;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.settings-panel{background:#fffaf3fa;border:1px solid #664b1f29;border-radius:28px;gap:1rem;width:min(1280px,96vw);max-height:88vh;padding:1.4rem;display:grid;overflow:auto;box-shadow:0 28px 80px #5b451e2e}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.settings-card{align-content:start}.maintenance-panel{width:min(980px,94vw)}.maintenance-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.maintenance-card{align-content:start}.maintenance-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem;display:grid}.maintenance-stat{background:#f4e9d6c7;border-radius:18px;gap:.3rem;padding:1rem;display:grid}.maintenance-stat span{color:#665a4b;font-size:.84rem}.maintenance-stat strong{color:#2c261c;font-size:1.05rem}.maintenance-actions{justify-items:start;gap:.8rem;display:grid}.device-binding-panel{background:#f4e9d6ad;border:1px solid #6e5a351f;border-radius:18px;gap:.9rem;padding:1rem;display:grid}.settings-list{align-content:start}.classroom-permission-list{flex-wrap:wrap;gap:.55rem;display:flex}.mini-check{color:#312215;background:#fff8ecb8;border:1px solid #8461312e;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .7rem;font-weight:700;display:inline-flex}.mini-check input{accent-color:#176f64}.settings-item{align-content:start}.content-grid-bottom .stack{align-self:start}.content-grid-bottom .card,.content-grid-bottom form.card{height:auto}.content-grid-bottom .stack:last-child .card{grid-template-rows:auto minmax(0,1fr);display:grid}.content-grid-bottom .stack:last-child .notification-list{align-content:start;max-height:760px;padding-right:.2rem;overflow:auto}.role-check-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.role-check{align-items:center;gap:.55rem;display:flex}.error-text,.success-text{margin:0;font-weight:600}.error-text{color:#b53d2d}.success-text{color:#2d7a42}@media (width<=1280px){.top-workspace,.content-grid-middle,.content-grid-bottom,.settings-grid,.maintenance-grid,.direct-message-layout-expanded{grid-template-columns:1fr}}@media (width<=920px){.shell,.shell-compact{grid-template-columns:1fr}.intro{border-bottom:1px solid #533d1c1f;border-right:none}.workspace{padding-top:1.25rem}.field-row,.identity-strip-wide,.profile-topline,.card-header,.subsection-head,.thread-header,.conversation-meta,.thread-message-head,.thread-stats,.notification-head,.topline-actions{flex-direction:column;grid-template-columns:1fr;align-items:flex-start}}