/* 十三·自习室 A2：火柴人 / 入场 / 选座；仅在 .sc 内生效 */
.sc .sc-classroom-panel{overflow:hidden}
.sc .sc-classroom-shell{display:grid;gap:17px;min-width:0}
.sc .sc-room-intro{display:flex;justify-content:space-between;align-items:end;gap:12px;border-bottom:1px solid #e4ddcb;padding:1px 1px 13px}
.sc .sc-classroom-title h2{margin:5px 0 3px;font:700 clamp(17px,2vw,22px)/1.3 var(--serif,serif);letter-spacing:.08em}
.sc .sc-classroom-title p{margin:0;color:#7b8176;font-size:11px}
.sc .sc-step-header{display:flex;align-items:flex-start;gap:12px;padding:0 0 13px;border-bottom:1px solid #dedbce}
.sc .sc-step-header h3{font:700 17px/1.4 var(--serif,serif);color:#31564a;margin:0 0 5px}
.sc .sc-step-header p{font-size:12px;line-height:1.65;color:#7a8077;margin:0}
.sc .sc-step-number{display:grid;place-items:center;flex:none;width:33px;height:33px;border-radius:50%;border:1px solid #ced6c5;background:#e9eee4;color:#5b7868;font:700 14px Georgia,serif}
.sc .sc-classroom-alert{padding:11px 14px;border:1px solid #d7dbca;border-radius:10px;background:#edf0e5;font-size:12px;line-height:1.6;color:#506954}
.sc .sc-classroom-alert.is-error{background:#f7eae2;border-color:#e3bfb1;color:#995444}
.sc .sc-preflight,.sc .sc-seating{display:grid;gap:16px;min-width:0}
.sc .sc-preflight-grid{display:grid;grid-template-columns:minmax(235px, 0.73fr) minmax(0,1.27fr);align-items:stretch;gap:17px;min-width:0}
.sc .sc-avatar-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:375px;padding:19px 13px;border:1px solid #d7d6c4;border-radius:16px;background:radial-gradient(circle at 38% 28%,#fffdf6 0,#f5f5e9 46%,#e1e9dc 100%);position:relative;overflow:hidden}
.sc .sc-avatar-preview::before{content:'';width:200px;height:160px;position:absolute;left:-45px;top:-32px;border-radius:100%;background:#c4d8bd;opacity:.28;filter:blur(25px)}
.sc .sc-avatar-preview::after{content:'阿语芸窗 · 自习楼';position:absolute;top:17px;left:18px;font:700 11px var(--serif,serif);letter-spacing:.14em;color:#8da293}
.sc .sc-avatar-glow{z-index:1;display:grid;place-items:center;height:198px;width:194px;border:1px solid rgba(181,193,171,.65);border-radius:45% 55% 51% 49%;background:rgba(255,252,240,.52);box-shadow:0 9px 45px rgba(71,105,70,.09)}
.sc .sc-avatar-glow .sc-stickperson{width:160px;max-width:95%;height:160px}
.sc .sc-preview-desk{z-index:1;display:flex;gap:15px;align-items:center;justify-content:center;width:min(92%,245px);margin-top:-17px;padding:14px 10px 10px;border-radius:11px 11px 7px 7px;border-bottom:7px solid #9c7b59;background:linear-gradient(105deg,#ceb18b,#cba77f);box-shadow:0 12px 18px rgba(53,58,38,.1)}
.sc .sc-avatar-preview p{z-index:1;max-width:250px;text-align:center;font-size:11px;line-height:1.55;color:#85897e;margin:13px 0 0}
.sc .sc-preflight-form{display:grid;gap:14px;min-width:0}
.sc .sc-choice-group{min-width:0;border:0;margin:0;padding:0}
.sc .sc-choice-group legend{margin-bottom:7px;color:#48665b;font-size:12px;font-weight:700}
.sc .sc-choice-options{display:flex;align-items:stretch;flex-wrap:wrap;gap:8px}
.sc .sc-choice{display:flex;justify-content:center;align-items:center;gap:6px;flex-direction:column;min-width:75px;min-height:42px;padding:8px 11px;border-radius:10px;border:1px solid #dcd4c3;background:rgba(253,252,245,.84);color:#576e61;text-align:center;font-size:11.5px;transition:background .15s,border-color .15s}
.sc .sc-choice:hover{background:#edf0e4;border-color:#bccbb8}
.sc .sc-choice.is-selected{border-color:#6f9482;background:#e7efe5;box-shadow:inset 0 0 0 1px #8eaa9a;color:#315f4f;font-weight:700}
.sc .sc-choice small{font:400 10px/1.4 sans-serif;color:#8a8e7f}
.sc .sc-choice-color .sc-choice{flex-direction:row;min-width:70px}
.sc .sc-choice-color .sc-choice i{display:block;width:18px;height:18px;border:2px solid rgba(255,255,255,.75);border-radius:50%;box-shadow:0 0 0 1px #c4c5b9}
.sc .sc-step-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;padding-top:12px;border-top:1px solid #dfdbcd}
.sc .sc-step-footer>span{flex:1;font-size:11px;color:#7a8276;line-height:1.55}
.sc .sc-step-footer .btn{white-space:nowrap}
.sc .sc-mini-timer,.sc .sc-mini-notebook{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:46px;min-height:29px;padding:6px 8px;font:700 10px/1.2 sans-serif;border:1px solid #bca47b;border-radius:7px;color:#65553e;background:#e9d4aa;box-shadow:0 2px 0 rgba(99,69,40,.15)}
.sc .sc-mini-timer-sage{background:#dbe7db;border-color:#a5bbae;color:#487568}
.sc .sc-mini-timer-paper{background:#f6f1dc;border-color:#d5c99f;color:#806e56}
.sc .sc-mini-notebook-cream{background:#fff9e6;border-color:#cdbb93;color:#927557}
.sc .sc-mini-notebook-fern{background:#dae6d2;border-color:#91ab87;color:#4e765c}
.sc .sc-mini-notebook-kraft{background:#d8b88f;border-color:#b4926d;color:#73573a}
.sc .sc-seat-scroller{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;padding:13px 5px 18px;border:1px solid #d6d9c7;border-radius:14px;background:linear-gradient(135deg,#e6ebdd 0,#f5f4e9 50%,#e9e8d7 100%);scrollbar-width:thin}
.sc .sc-classroom-board{display:flex;align-items:center;justify-content:center;gap:21px;max-width:450px;min-width:245px;margin:5px auto 23px;padding:10px 20px;border:6px solid #b9a284;border-bottom-width:9px;border-radius:5px;background:#496b59;color:#f1f3e2;box-shadow:0 4px 0 #a28c6c;text-shadow:0 1px 1px rgba(20,40,30,.3)}
.sc .sc-classroom-board>span{font:600 19px/1.3 var(--serif,serif);letter-spacing:.25em;white-space:nowrap}
.sc .sc-classroom-board small{font:500 15px 'Noto Naskh Arabic',serif;color:#cadad0;white-space:nowrap}
.sc .sc-classroom-rows{display:grid;justify-items:center;gap:20px;min-width:max-content;margin:0 auto;padding:0 15px 14px}
.sc .sc-classroom-rows .sc-seat-row{display:flex;align-items:end;justify-content:center;gap:12px;width:max-content;min-width:100%}
.sc .sc-classroom-rows .sc-seat{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:113px;width:113px;height:154px;padding:8px 6px 8px;border:1px solid #d8dfcf;border-radius:11px;background:rgba(253,254,248,.55);color:#52705d;box-shadow:0 2px 4px rgba(68,84,53,.055);text-align:center}
.sc .sc-classroom-rows button.sc-seat{font:inherit}
.sc .sc-classroom-rows .sc-seat-pickable:not([disabled]):hover{background:#edf3e5;border-color:#8aab96}
.sc .sc-classroom-rows .sc-seat.is-chosen{background:#e2eddf;border-color:#5d9575;outline:2px solid #96b99c;outline-offset:1px}
.sc .sc-classroom-rows .sc-seat.is-occupied{background:rgba(225,236,227,.68)}
.sc .sc-classroom-rows .sc-seat.is-mine{border-color:#81a68d;background:#e0eee4;box-shadow:0 0 0 2px rgba(102,159,118,.15)}
.sc .sc-seat-index{align-self:flex-start;margin:0 1px auto;color:#9ca394;font-size:9.5px;white-space:nowrap}
.sc .sc-classroom-rows .sc-desktop{width:89px;height:22px;flex-shrink:0;border:3px solid #a78764;border-bottom-width:5px;border-radius:6px 6px 3px 3px;background:linear-gradient(#d8bd92,#c4a27b);box-shadow:0 7px 0 #9f8462}
.sc .sc-seat-empty{display:block;margin-top:14px;color:#758c79;font-size:11px}
.sc .sc-seat-person{display:flex;align-items:end;justify-content:center;flex:0 0 75px;width:94px;height:75px;margin:0 auto -4px}
.sc .sc-stickperson{display:block;height:100%;width:100%;overflow:visible;filter:drop-shadow(0 1px 1px rgba(53,84,60,.13))}
.sc .sc-person-reader .sc-person-head{transform:translateY(2px)}
.sc .sc-person-thoughtful .sc-person-head{transform:rotate(-7deg);transform-origin:54px 26px}
.sc .sc-seat-name{display:block;max-width:102px;margin-top:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;color:#416c5c}
.sc .sc-seat-meta{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#75877e;font-size:9px;line-height:1.45}
.sc .sc-desk-decor{display:flex;justify-content:center;align-items:center;position:absolute;bottom:39px;left:4px;right:4px;gap:3px;z-index:2}
.sc .sc-desk-decor .sc-mini-timer,.sc .sc-desk-decor .sc-mini-notebook{min-width:0;min-height:20px;padding:3px 4px;font-size:8px;border-radius:4px;max-width:57px}
.sc .sc-seat-legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px;color:#7a8878;font-size:11px}
.sc .sc-seat-controls,.sc .sc-joined-tools{display:flex;flex-wrap:wrap;align-items:center;gap:9px;border-top:1px solid #dddccc;padding-top:15px}
.sc .sc-seat-selection{font-size:12px;color:#627768;margin:0 auto}
.sc .sc-joined-tools>div{flex:1;display:flex;flex-direction:column;gap:3px}
.sc .sc-joined-tools strong{font-size:13px;color:#46735a}
.sc .sc-joined-tools span{font-size:11px;color:#7b8275;line-height:1.5}
.sc .sc-exit-confirm{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border:1px solid #e8c2af;border-radius:10px;padding:12px;background:#f9ede3}
.sc .sc-exit-confirm span{flex:1;font-size:12px;color:#8b5b4c}
.sc .sc-seating>.btn{justify-self:start}
/* 动画只由 JS 每 85 秒 / 900 秒触发一次；其余时间完全静止。 */
.sc .sc-stickperson.is-writing .sc-arm-right{animation:sc-micro-writing .85s ease-in-out 1}
.sc .sc-stickperson.is-page-turning .sc-book-page{transform-origin:52px 77px;animation:sc-micro-page 1s ease-in-out 1}
@keyframes sc-micro-writing{0%,100%{transform:translateY(0)}45%{transform:translate(1px,-2px)}}
@keyframes sc-micro-page{0%,100%{transform:rotate(0)}48%{transform:rotate(-12deg)}}
@media (min-width:781px) and (max-width:1180px){.sc .sc-preflight-grid{grid-template-columns:minmax(215px,.72fr) minmax(0,1.28fr)}.sc .sc-choice{min-width:68px;padding:7px 8px}.sc .sc-avatar-preview{min-height:345px}}
@media (max-width:780px){.sc .sc-preflight-grid{grid-template-columns:minmax(0,1fr)}.sc .sc-avatar-preview{min-height:230px;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:5px 15px}.sc .sc-avatar-glow{width:130px;height:140px}.sc .sc-avatar-glow .sc-stickperson{width:122px;height:125px}.sc .sc-preview-desk{width:120px;margin:0;flex-direction:column;padding:10px;border-bottom-width:5px}.sc .sc-avatar-preview p{width:100%;max-width:none;margin:4px 0}.sc .sc-classroom-rows .sc-seat-row{gap:9px}.sc .sc-classroom-rows .sc-seat{width:105px;min-width:105px}.sc .sc-classroom-title h2{font-size:19px}}
@media (max-width:520px){.sc .sc-step-header h3{font-size:15px}.sc .sc-avatar-preview{min-height:205px}.sc .sc-choice{min-width:66px;min-height:38px;padding:7px 8px}.sc .sc-choice-color .sc-choice{min-width:62px}.sc .sc-choice-options{gap:6px}.sc .sc-step-footer{flex-wrap:wrap}.sc .sc-step-footer .btn{width:100%}.sc .sc-seat-controls{display:grid;grid-template-columns:1fr 1fr}.sc .sc-seat-selection{grid-column:1/3;justify-self:center;margin:0}.sc .sc-seat-controls>.btn:last-child{grid-column:1/3;width:100%}.sc .sc-joined-tools>div{flex-basis:100%}.sc .sc-seat-legend{justify-content:flex-start}}
@media (prefers-reduced-motion:reduce){.sc .sc-stickperson.is-writing .sc-arm-right,.sc .sc-stickperson.is-page-turning .sc-book-page{animation:none!important}.sc .sc-choice{transition:none}}
body.reduced-motion .sc .sc-stickperson.is-writing .sc-arm-right,body.reduced-motion .sc .sc-stickperson.is-page-turning .sc-book-page{animation:none!important}


/* C2-1 | 方案 C 教室视觉基线。
   所有布局属于课堂容器，未更改 .sc 全站公共选择器或席位/计时协议。
   分层：窗外环境贴图 → 墙面/黑板 → 地面 → 服务器席位 → 已入座角色 → 本人可用工具。 */
.sc .sc-classroom-shell{
  --sc-c2-paper:#f8f6ec;--sc-c2-mist:#d9e8e2;--sc-c2-leaf:#9ebfb3;
  --sc-c2-wood:#c2a58e;--sc-c2-ink:#436c63;--sc-c2-line:rgba(108,139,118,.23);
  gap:19px;max-width:100%;
}
.sc .sc-room-intro{
  padding:15px 19px 16px;align-items:center;flex-wrap:wrap;
  border:1px solid var(--sc-c2-line);border-radius:17px;
  background:linear-gradient(128deg,rgba(250,250,243,.98),rgba(228,240,234,.89));
  box-shadow:0 9px 24px rgba(55,90,73,.065);
}
.sc .sc-room-intro>.sc-section-small{color:#517c72;letter-spacing:.22em}
.sc .sc-classroom-title h2{color:#325d53}
.sc .sc-classroom-title p{color:#58786c;font-size:12px;line-height:1.55}
.sc .sc-preflight,.sc .sc-seating{
  padding:17px;gap:17px;border:1px solid var(--sc-c2-line);border-radius:18px;
  background:linear-gradient(145deg,rgba(255,254,247,.96),rgba(246,248,240,.92));
  box-shadow:0 10px 28px rgba(57,81,67,.055)
}
.sc .sc-step-header{padding-bottom:14px;border-bottom-color:#d8e1d7}
.sc .sc-step-number{background:#e8f0e8;color:#476d60;border-color:#b4cbbf}
.sc .sc-avatar-preview{
  border-color:#cddbd0;
  background:radial-gradient(circle at 43% 30%,rgba(255,255,250,.85) 0 23%,transparent 62%),
    linear-gradient(180deg,rgba(219,235,225,.9),rgba(248,246,235,.96));
  box-shadow:inset 0 0 0 6px rgba(255,255,253,.28)
}
.sc .sc-avatar-glow{border-color:#c0d5c6;background:rgba(255,255,248,.7)}
.sc .sc-preflight-form{padding:13px 0}
.sc .sc-choice{background:#fffefa;border-color:#d1ddcf}
.sc .sc-choice:hover{background:#f0f6ef;border-color:#99b9ac}
.sc .sc-choice.is-selected{background:#e6f1eb;border-color:#719c89;box-shadow:inset 0 0 0 1px #a0c4af}
.sc .sc-seat-scroller{
  position:relative;isolation:isolate;
  padding:0 12px 16px;border:1px solid #bdd0c1;border-radius:16px;
  background:linear-gradient(180deg,#e8f2e9 0,#f3f3e6 42%,#e9e3d2 100%);
  box-shadow:inset 0 3px 16px rgba(59,84,65,.04),0 8px 21px rgba(64,81,63,.045);
  scrollbar-color:#a9c4b2 transparent;
}
.sc .sc-classroom-scene{
  --sc-c2-scene-width:calc(100% - 12px);
  position:relative;display:grid;gap:12px;min-width:max-content;
  margin:0 auto;padding:0 9px 17px;
  border-radius:0 0 13px 13px;
  background:
   repeating-linear-gradient(90deg,transparent 0 109px,rgba(152,133,105,.055) 109px 110px),
   linear-gradient(180deg,rgba(247,247,235,.8),rgba(234,229,211,.6));
}
.sc .sc-classroom-front{
  display:grid;grid-template-columns:minmax(55px,1fr) minmax(260px,440px) minmax(55px,1fr);
  align-items:center;gap:13px;min-width:100%;padding:18px 21px 15px;
  border-bottom:7px solid #d1cab2;
  background:linear-gradient(180deg,#f4f7e9 0,#e3ece3 73%,#dbe6da 100%);
  box-shadow:0 5px 12px rgba(82,103,78,.055)
}
.sc .sc-classroom-window{
  height:73px;min-width:50px;border:6px solid #fbf9ec;border-radius:11px 11px 4px 4px;
  background:#d8e8e2 url('assets/classroom-v2/window-garden.svg') center/cover no-repeat;
  outline:1px solid rgba(92,132,109,.25);box-shadow:0 3px 9px rgba(47,84,69,.10),inset 0 0 0 2px rgba(134,156,134,.24);
}
.sc .sc-classroom-window-right{background-position:75% 50%}
.sc .sc-classroom-board{
  width:100%;max-width:none;min-width:0;margin:0;padding:10px 14px;
  border:7px solid #b79f82;border-bottom-width:9px;border-radius:5px;
  background:linear-gradient(135deg,#42695e,#52776a 55%,#3b6257);box-shadow:0 4px 0 rgba(121,97,71,.6);
}
.sc .sc-classroom-board>span{font-size:18px;letter-spacing:.2em}
.sc .sc-classroom-board small{font-size:14px}
.sc .sc-classroom-rows{
  position:relative;z-index:1;gap:20px;
  padding:11px 18px 17px;
}
.sc .sc-classroom-rows .sc-seat-row{gap:14px}
.sc .sc-classroom-rows .sc-seat{
  width:119px;min-width:119px;height:151px;
  border:1px solid rgba(157,175,149,.34);border-radius:10px;
  background:linear-gradient(180deg,rgba(255,255,250,.77),rgba(249,248,236,.57));
  box-shadow:0 7px 11px rgba(79,98,72,.055);color:#456d5b
}
.sc .sc-classroom-rows .sc-seat-pickable:not([disabled]):hover{
  border-color:#76a28a;background:rgba(237,247,235,.95)
}
.sc .sc-classroom-rows .sc-seat.is-chosen{
  border-color:#538b76;background:#e0eee3;outline:2px solid #85b8a0;outline-offset:1px
}
.sc .sc-classroom-rows .sc-seat.is-occupied{background:linear-gradient(180deg,rgba(230,243,232,.89),rgba(246,246,233,.75))}
.sc .sc-classroom-rows .sc-seat.is-mine{border-color:#759e8b;background:#ddede3;box-shadow:0 0 0 2px rgba(105,155,123,.17)}
.sc .sc-classroom-rows .sc-desktop{
  background:linear-gradient(180deg,#d9c2a5,#c4a183);
  border-color:#b09476;box-shadow:0 7px 0 #aa8a6b,0 11px 10px rgba(91,70,49,.08)
}
.sc .sc-seat-index{color:#718a78;font-size:10px}
.sc .sc-seat-empty{color:#567a67}
.sc .sc-seat-legend{padding:0 2px;color:#657e70;line-height:1.5}
.sc .sc-seat-controls,.sc .sc-joined-tools{border-top-color:#d8e4d8}
.sc .sc-classroom-alert{border-color:#ccddd2;background:#edf5ec}
@media(max-width:780px){
  .sc .sc-preflight,.sc .sc-seating{padding:12px;gap:14px}
  .sc .sc-classroom-front{grid-template-columns:65px minmax(225px,1fr) 65px;padding:14px 12px}
  .sc .sc-classroom-rows .sc-seat{width:108px;min-width:108px}
  .sc .sc-classroom-rows .sc-seat-row{gap:10px}
  .sc .sc-classroom-rows{padding-inline:10px}
  .sc .sc-seat-scroller{padding-inline:6px}
}
@media(max-width:520px){
  .sc .sc-room-intro{padding:12px;gap:5px}
  .sc .sc-preflight-form{padding:3px 0}
  .sc .sc-classroom-front{grid-template-columns:36px minmax(213px,1fr) 36px;gap:8px;padding:13px 8px}
  .sc .sc-classroom-window{height:60px;border-width:4px}
  .sc .sc-classroom-board{padding:10px 8px;gap:7px;flex-wrap:wrap}
  .sc .sc-classroom-board>span{font-size:16px}
  .sc .sc-classroom-board small{font-size:12px}
  .sc .sc-classroom-scene{padding-inline:5px}
}
@media(prefers-reduced-motion:reduce){
  .sc .sc-classroom-shell *, .sc .sc-classroom-shell *::before, .sc .sc-classroom-shell *::after{transition-duration:0s!important}
}


/* C2-2 | 方案 C 正式环境与家具图层。水彩素材不含座位、人物或身份。
   旧 C2-1 样式保留供回滚；仅覆盖教室内部视觉，业务操作区不参与。
   图层：floor-light → wall-wash / window-sunroom / board-wash → chair → seat-person → desk → UI。 */
.sc .sc-classroom-scene{
  padding:0 12px 22px;
  background:#f1eddf url('assets/classroom-v2/floor-light.svg') center top/100% 100% no-repeat;
  box-shadow:inset 0 -10px 17px rgba(106,109,88,.06);
}
.sc .sc-classroom-front{
  position:relative;overflow:hidden;
  grid-template-columns:minmax(115px,1fr) minmax(260px,430px) minmax(115px,1fr);
  gap:14px;min-height:134px;padding:22px 18px 18px;
  border-bottom:9px solid #c5bca2;
  background:#edf1e6 url('assets/classroom-v2/wall-wash.svg') center/cover no-repeat;
  box-shadow:0 7px 12px rgba(95,111,88,.08),inset 0 -3px 0 rgba(255,255,245,.4);
}
.sc .sc-classroom-front::after{
  content:'';position:absolute;bottom:6px;left:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent,#b7aa91 15%,#eee7cf 57%,#b7aa91 85%,transparent);
  opacity:.7;pointer-events:none;
}
.sc .sc-classroom-window{
  position:relative;z-index:1;height:95px;min-width:98px;
  border:7px solid #fdf8eb;border-bottom-width:10px;border-radius:10px 10px 3px 3px;
  background:#d4e9e4 url('assets/classroom-v2/window-sunroom.svg') center/cover no-repeat;
  box-shadow:0 0 0 2px rgba(161,170,143,.45),0 6px 12px rgba(68,94,74,.17),inset 0 0 0 1px rgba(126,155,130,.28);
}
.sc .sc-classroom-window-right{background-position:65% center}
.sc .sc-classroom-board{
  position:relative;z-index:1;gap:12px;min-height:84px;
  border:8px solid #ad9073;border-bottom-width:12px;border-radius:4px;
  background:#40665a url('assets/classroom-v2/board-wash.svg') center/cover no-repeat;
  box-shadow:0 5px 0 #826d56,0 8px 12px rgba(61,79,62,.14),inset 0 0 0 2px rgba(247,232,201,.19);
  text-shadow:0 1px 1px rgba(18,48,41,.42);
}
.sc .sc-classroom-board::after{
  content:'';position:absolute;bottom:-11px;right:25px;width:42px;height:4px;border-radius:5px;
  background:linear-gradient(90deg,#f8f6eb 0 38%,#dbd7c8 38% 44%,#d6d2bd 44% 100%);
  box-shadow:0 1px 2px rgba(21,42,32,.2);pointer-events:none;
}
.sc .sc-classroom-board>span{letter-spacing:.14em;font-size:17px}
.sc .sc-classroom-board small{font-size:13px;letter-spacing:0}
.sc .sc-classroom-rows{gap:12px;padding:21px 12px 13px}
.sc .sc-classroom-rows .sc-seat-row{gap:10px}
.sc .sc-classroom-rows .sc-seat{
  position:relative;display:block;flex:none;width:116px;min-width:116px;height:181px;
  padding:0;border:1px solid rgba(141,156,133,.26);border-radius:12px;
  background:linear-gradient(180deg,rgba(255,255,250,.48),rgba(251,252,242,.64));
  box-shadow:0 4px 10px rgba(74,96,74,.04);text-align:center;
}
.sc .sc-classroom-rows .sc-seat-pickable:not([disabled]):hover{
  background:linear-gradient(180deg,rgba(245,255,241,.91),rgba(228,242,227,.91));border-color:#85ae96
}
.sc .sc-classroom-rows .sc-seat.is-chosen{
  border-color:#5b947d;background:linear-gradient(180deg,#e7f4e9,#dcece0);
  outline:2px solid rgba(93,150,119,.65);outline-offset:1px;
}
.sc .sc-classroom-rows .sc-seat.is-occupied{
  background:linear-gradient(180deg,rgba(246,252,241,.7),rgba(242,248,232,.8))
}
.sc .sc-classroom-rows .sc-seat.is-mine{
  border-color:#7aab91;background:linear-gradient(180deg,#f5fcf4,#e5f2e6);
  box-shadow:0 0 0 2px rgba(113,159,130,.2),0 4px 10px rgba(70,101,72,.055);
}
.sc .sc-classroom-chair{
  position:absolute;left:50%;top:30px;z-index:1;display:block;
  transform:translateX(-50%);width:82px;height:79px;
  background:url('assets/classroom-v2/chair-iso.svg') center/contain no-repeat;
  pointer-events:none;
}
.sc .sc-seat-index{
  display:block;position:absolute;top:8px;left:7px;z-index:5;margin:0;
  color:#587864;font-size:9.5px;font-weight:600;
  text-shadow:0 1px 0 rgba(255,255,245,.9)
}
.sc .sc-seat-person{
  position:absolute;top:16px;left:50%;z-index:2;
  transform:translateX(-50%);width:101px;height:98px;margin:0;
  display:grid;place-items:center;pointer-events:none;
}
.sc .sc-seat-person .sc-stickperson{height:98px;width:101px;filter:drop-shadow(0 2px 1px rgba(55,87,59,.12))}
.sc .sc-classroom-rows .sc-desktop{
  position:absolute;top:89px;left:50%;z-index:3;display:block;
  transform:translateX(-50%);width:110px;height:73px;
  margin:0;border:none;border-radius:0;box-shadow:none;
  background:transparent url('assets/classroom-v2/desk-iso.svg') center/contain no-repeat;
  pointer-events:none;
}
.sc .sc-seat-empty,
.sc .sc-seat-name,
.sc .sc-seat-meta{
  position:absolute;left:3px;right:3px;z-index:5;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  background:rgba(250,251,239,.76);border-radius:3px;
}
.sc .sc-seat-empty{bottom:6px;margin:0;padding:1px 0;color:#527766;font-weight:600;font-size:11px}
.sc .sc-seat-name{bottom:18px;max-width:none;margin:0;font-size:10px;line-height:1.35;color:#345f4f}
.sc .sc-seat-meta{bottom:3px;margin:0;font-size:9px;line-height:1.3}
.sc .sc-desk-decor{bottom:52px;left:6px;right:6px;z-index:6;gap:4px}
.sc .sc-desk-decor .sc-mini-timer,.sc .sc-desk-decor .sc-mini-notebook{
  min-height:21px;max-width:62px;font-size:7.8px;padding:3px 4px;
  box-shadow:0 1px 3px rgba(80,71,54,.18)
}
.sc .sc-person-reader .sc-person-head{transform:translateY(3px)}
.sc .sc-person-reader .sc-book{transform:translateY(-4px)}
.sc .sc-person-reader .sc-pencil{opacity:0}
.sc .sc-person-thoughtful .sc-person-head{transform:rotate(-8deg);transform-origin:54px 25px}
.sc .sc-person-thoughtful .sc-arm-left{transform:rotate(-7deg);transform-origin:49px 51px}
.sc .sc-person-thoughtful .sc-pencil{opacity:0}
.sc .sc-avatar-preview{
  background:radial-gradient(ellipse at 32% 23%,rgba(255,255,250,.76),transparent 47%),
   #e9f0e3 url('assets/classroom-v2/wall-wash.svg') center/cover no-repeat;
}
.sc .sc-avatar-preview::before{
  left:auto;right:7px;top:37px;width:125px;height:91px;opacity:.64;filter:none;border-radius:5px;
  border:6px solid #fff9ec;background:#dae7da url('assets/classroom-v2/window-sunroom.svg') center/cover no-repeat;
  box-shadow:0 4px 9px rgba(56,85,56,.12)
}
.sc .sc-avatar-glow{background:rgba(255,254,248,.76)}
.sc .sc-preview-desk{
  position:relative;min-height:88px;margin-top:-11px;padding:23px 12px 7px;
  background:transparent url('assets/classroom-v2/desk-iso.svg') center/100% 100% no-repeat;
  border:none;box-shadow:none;
}
.sc .sc-preview-desk .sc-mini-timer,.sc .sc-preview-desk .sc-mini-notebook{z-index:1}
@media(max-width:780px){
  .sc .sc-classroom-front{grid-template-columns:90px minmax(240px,1fr) 90px;gap:9px;padding:18px 13px}
  .sc .sc-classroom-rows .sc-seat{width:109px;min-width:109px;height:177px}
  .sc .sc-classroom-rows .sc-seat-row{gap:8px}
  .sc .sc-classroom-rows{padding:16px 8px}
  .sc .sc-classroom-rows .sc-desktop{width:105px}
  .sc .sc-preview-desk{margin:0;min-height:100px;background-size:130px 102px}
}
@media(max-width:520px){
  .sc .sc-classroom-front{grid-template-columns:70px minmax(225px,1fr) 70px;gap:7px;min-height:119px;padding:12px 9px 16px}
  .sc .sc-classroom-window{height:76px;min-width:60px;border-width:5px;border-bottom-width:7px}
  .sc .sc-classroom-board{padding:8px 6px;min-height:76px;border-width:6px;border-bottom-width:9px}
  .sc .sc-classroom-board>span{font-size:15px}
  .sc .sc-classroom-board small{font-size:12px}
  .sc .sc-classroom-scene{padding-inline:5px}
  .sc .sc-avatar-preview::before{right:4px;width:96px;height:78px;opacity:.46}
}
@media(prefers-reduced-motion:reduce){
  .sc .sc-classroom-shell .sc-stickperson *{animation:none!important}
}
body.reduced-motion .sc .sc-classroom-shell .sc-stickperson *{animation:none!important}

/* C2-3 / 装扮选择与桌面小物（视觉层）。不改按钮、data-study-action 或座位状态。
   从上游准备页同一偏好映射：timer wood/sage/paper，notebook cream/fern/kraft。 */
.sc .sc-choice-timer .sc-choice,.sc .sc-choice-notebook .sc-choice{
  min-width:112px;min-height:103px;gap:6px;padding:9px 12px;
  background:linear-gradient(160deg,#fffef7,#f0f3e9);
  border:1px solid #cbd9cb;border-radius:13px;box-shadow:0 4px 9px rgba(62,95,74,.045)
}
.sc .sc-choice-timer .sc-choice:hover,.sc .sc-choice-notebook .sc-choice:hover{background:#edf5eb}
.sc .sc-choice-timer .sc-choice.is-selected,.sc .sc-choice-notebook .sc-choice.is-selected{
  background:#e7f2eb;box-shadow:inset 0 0 0 2px #9bbba8,0 4px 11px rgba(66,107,77,.09)
}
.sc .sc-skin-swatch{display:block;width:70px;height:65px;flex:0 0 65px;background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none}
.sc .sc-skin-swatch-timer-wood{background-image:url('assets/classroom-v2/timer-wood.svg')}
.sc .sc-skin-swatch-timer-sage{background-image:url('assets/classroom-v2/timer-sage.svg')}
.sc .sc-skin-swatch-timer-paper{background-image:url('assets/classroom-v2/timer-paper.svg')}
.sc .sc-skin-swatch-notebook-cream{background-image:url('assets/classroom-v2/notebook-cream.svg')}
.sc .sc-skin-swatch-notebook-fern{background-image:url('assets/classroom-v2/notebook-fern.svg')}
.sc .sc-skin-swatch-notebook-kraft{background-image:url('assets/classroom-v2/notebook-kraft.svg')}
.sc .sc-mini-timer,.sc .sc-mini-notebook{
  background-repeat:no-repeat;background-position:4px center;background-size:23px 24px;
  gap:3px;padding-left:31px;min-height:35px;text-shadow:0 1px 0 rgba(255,255,255,.5)
}
.sc .sc-mini-timer-wood{background-image:url('assets/classroom-v2/timer-wood.svg');background-color:#eee0c9}
.sc .sc-mini-timer-sage{background-image:url('assets/classroom-v2/timer-sage.svg');background-color:#e2efe7}
.sc .sc-mini-timer-paper{background-image:url('assets/classroom-v2/timer-paper.svg');background-color:#f7f3e5}
.sc .sc-mini-notebook-cream{background-image:url('assets/classroom-v2/notebook-cream.svg');background-color:#fff6d9}
.sc .sc-mini-notebook-fern{background-image:url('assets/classroom-v2/notebook-fern.svg');background-color:#dbeada}
.sc .sc-mini-notebook-kraft{background-image:url('assets/classroom-v2/notebook-kraft.svg');background-color:#e5cfad}
.sc .sc-preview-desk .sc-mini-timer,.sc .sc-preview-desk .sc-mini-notebook{
  padding:5px 6px 5px 26px;background-size:20px 22px;background-position:3px center;min-height:30px;white-space:nowrap
}
.sc .sc-desk-decor .sc-mini-timer,.sc .sc-desk-decor .sc-mini-notebook{
  background-size:15px 17px;background-position:2px center;
  padding:4px 3px 4px 17px;min-height:22px;min-width:0;max-width:62px;white-space:nowrap;
  font-size:8px;line-height:1.2;letter-spacing:-.035em
}
.sc .sc-desk-decor .sc-mini-timer>span{font-variant-numeric:tabular-nums}
.sc .sc-mini-timer:focus-visible,.sc .sc-mini-notebook:focus-visible{outline:3px solid #436c63;outline-offset:3px}
@media(max-width:520px){
 .sc .sc-choice-timer .sc-choice,.sc .sc-choice-notebook .sc-choice{min-width:calc((100% - 12px)/3);width:calc((100% - 12px)/3);min-height:88px;padding:6px 3px;font-size:11px}
 .sc .sc-skin-swatch{width:58px;height:56px;flex-basis:56px}
 .sc .sc-preview-desk .sc-mini-timer,.sc .sc-preview-desk .sc-mini-notebook{font-size:9px}
}

/* 实景教室（scene20261105a）：四主题场景 + 五角色 */
.sc .sc-classroom-scene{position:relative;overflow:hidden;border-radius:18px}
.sc .sc-scene-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.sc .sc-scene-fg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:4;pointer-events:none}
.sc .sc-classroom-scene .sc-classroom-rows{position:relative;z-index:2;padding:15% 12px 16px}
.sc .sc-classroom-scene .sc-seat{background:rgba(253,254,248,.42);border-color:rgba(216,223,207,.65)}
.sc .sc-theme-a .sc-classroom-chair{background-image:url('assets/classroom-v3/chair-a.webp')}
.sc .sc-theme-b .sc-classroom-chair{background-image:url('assets/classroom-v3/chair-b.webp')}
.sc .sc-theme-c .sc-classroom-chair{background-image:url('assets/classroom-v3/chair-c.webp')}
.sc .sc-theme-d .sc-classroom-chair{background-image:url('assets/classroom-v3/chair-d.webp')}
.sc .sc-theme-a .sc-classroom-rows .sc-desktop{background-image:url('assets/classroom-v3/desk-a.webp')}
.sc .sc-theme-b .sc-classroom-rows .sc-desktop{background-image:url('assets/classroom-v3/desk-b.webp')}
.sc .sc-theme-c .sc-classroom-rows .sc-desktop{background-image:url('assets/classroom-v3/desk-c.webp')}
.sc .sc-theme-d .sc-classroom-rows .sc-desktop{background-image:url('assets/classroom-v3/desk-d.webp')}
.sc .sc-seat-person .sc-char-img{height:122px;width:auto;max-width:none;filter:drop-shadow(0 2px 2px rgba(55,87,59,.18))}
.sc .sc-avatar-glow .sc-char-img{height:150px;width:auto}
.sc .sc-char-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px}
.sc .sc-char-choice{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 7px}
.sc .sc-char-choice img{height:76px;width:auto}
.sc .sc-char-choice span{font-size:12.5px}
.sc .sc-theme-switch{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 4px}
.sc .sc-theme-pill{border:1px solid #d8d1c3;background:#f7f3ea;border-radius:999px;padding:6px 14px;font-size:12.5px;color:#5d6d63;cursor:pointer;font:inherit}
.sc .sc-theme-pill.is-selected{background:#306d72;border-color:#306d72;color:#fff}