/* 十三·A3 计时、待办、档案室交互；样式严格限定在自习室模块 */
.sc .sc-time-mode-choice{display:flex;gap:7px;flex-wrap:wrap}
.sc .sc-time-mode-choice .sc-choice{min-width:84px}
.sc .sc-time-settings{display:flex;flex-wrap:wrap;gap:11px;align-items:end;padding:12px;background:#f1f1e6;border:1px solid #dcdcc9;border-radius:10px}
.sc .sc-time-settings label{display:grid;gap:5px;font-size:11px;color:#60736a}
.sc .sc-time-settings input{width:100px;height:38px;padding:7px 9px;border-radius:8px;border:1px solid #bfc9b6;background:#fffdf5;color:#385849;font-variant-numeric:tabular-nums}
.sc .sc-time-settings p{flex:1 0 100%;font-size:11px;color:#6f776d;margin:0}
.sc .sc-focus-tools{border:1px solid #c8d5bf;background:linear-gradient(135deg,#f7f9ed,#ebf0e3);border-radius:15px;padding:17px;display:grid;gap:13px;margin:12px 0}
.sc .sc-focus-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sc .sc-focus-head h3{margin:0;font:700 17px var(--serif,serif)}
.sc .sc-focus-badge{font-size:11px;color:#527260;padding:5px 10px;border:1px solid #c6d6c0;border-radius:30px}
.sc .sc-focus-clock{display:grid;justify-items:center;gap:6px;padding:11px 8px 13px;background:rgba(255,253,245,.85);border:1px solid #dce1d3;border-radius:13px}
.sc .sc-focus-clock strong{font:700 clamp(29px,5vw,46px)/1.15 'SFMono-Regular',Consolas,monospace;font-variant-numeric:tabular-nums;letter-spacing:.035em;color:#315c4a}
.sc .sc-focus-clock small,.sc .sc-focus-muted{color:#7f897f;font-size:11px;text-align:center;line-height:1.6}
.sc .sc-focus-clock .sc-focus-phase{font-size:12px;font-weight:700;color:#637f6d}
.sc .sc-focus-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.sc .sc-focus-buttons .btn{min-height:36px}
.sc .sc-focus-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-top:1px solid #d5decc;padding-top:10px}
.sc .sc-focus-warning{padding:10px;border-radius:9px;background:#fff6d9;border:1px solid #eadbaa;color:#856b41;font-size:12px;line-height:1.6}
.sc .sc-todo-panel{border:1px solid #d6ccb4;border-radius:13px;padding:15px;background:#fffdf7;box-shadow:0 6px 16px rgba(69,73,49,.05);display:grid;gap:13px;min-width:0}
.sc .sc-todo-header{display:flex;gap:10px;align-items:center;justify-content:space-between}
.sc .sc-todo-header h3{font:700 18px var(--serif,serif);margin:0}
.sc .sc-todo-intro{font-size:11px;color:#778073;line-height:1.6;margin:0}
.sc .sc-todo-form{display:flex;align-items:end;gap:8px;flex-wrap:wrap}
.sc .sc-todo-form label{flex:1;display:grid;gap:5px;font-size:11px;color:#5f7166;min-width:180px}
.sc .sc-todo-form input{min-width:0;width:100%;font-size:13px;padding:10px 12px;border:1px solid #c5cbbb;border-radius:8px;color:#345347;background:#fff}
.sc .sc-todo-form select{height:38px;border:1px solid #c5cbbb;border-radius:8px;color:#345347;background:#fff;padding:0 9px;font-size:12px}
.sc .sc-todo-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.sc .sc-todo-group{border:1px solid #e6dfce;border-radius:10px;padding:10px;min-width:0}
.sc .sc-todo-group h4{font-size:13px;color:#536e5b;margin:0 0 10px}
.sc .sc-todo-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.sc .sc-todo-list li{display:flex;align-items:start;gap:7px;border-bottom:1px solid #eceadd;padding:5px 0}
.sc .sc-todo-list li:last-child{border-bottom:0}
.sc .sc-todo-toggle{border:1px solid #aabfa8;border-radius:6px;color:#527965;background:#fff;min-width:26px;height:27px;flex:0 0 26px}
.sc .sc-todo-text{flex:1;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.65;color:#4a5a51}
.sc .sc-todo-text.is-done,.sc .sc-archive-detail-list .is-done{color:#939c91;text-decoration:line-through}
.sc .sc-todo-small{border:0;background:transparent;font-size:11px;color:#7c8575;padding:5px}
.sc .sc-todo-small:hover{text-decoration:underline;color:#3f6556}
.sc .sc-todo-empty{font-size:11px;color:#9a988b}
.sc .sc-todo-editor{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.sc .sc-todo-editor input{flex:1;min-width:160px;padding:9px;border:1px solid #c5cbbb;border-radius:7px}
.sc .sc-todo-errors{color:#a15f4d;font-size:12px}
.sc .sc-archive-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.sc .sc-archive-tools h3{margin:3px 0;font:700 19px var(--serif,serif)}
.sc .sc-archive-nav{display:flex;align-items:center;gap:8px}
.sc .sc-archive-nav button{padding:5px 12px;min-height:33px;border:1px solid #c4cdb8;border-radius:8px;background:#f9f9ef;color:#526a5b}
.sc .sc-archive-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sc .sc-archive-summary>div{display:grid;gap:7px;padding:13px;border:1px solid #dbe0d2;border-radius:10px;background:#f0f3e8}
.sc .sc-archive-summary span{font-size:11px;color:#6a786d}
.sc .sc-archive-summary strong{font:700 21px monospace;color:#416554;font-variant-numeric:tabular-nums}
.sc .sc-archive-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:14px;align-items:start}
.sc .sc-archive-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;min-width:0}
.sc .sc-archive-week{text-align:center;color:#7b8678;font-size:11px;padding:6px 0}
.sc .sc-archive-placeholder{min-height:55px}
.sc .sc-archive-day{display:grid;justify-items:start;align-content:space-between;gap:3px;min-width:0;min-height:55px;padding:7px;border:1px solid #e2e3d7;border-radius:7px;background:#fffefa;color:#737d72}
.sc .sc-archive-day.has-record{border-color:#acc7b1;background:#e7f0e6;color:#376b4c}
.sc .sc-archive-day.is-selected{outline:2px solid #699779;outline-offset:0}
.sc .sc-archive-day strong{font-size:12px}
.sc .sc-archive-day small{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sc .sc-archive-detail{border:1px solid #e4ddcb;border-radius:10px;background:#fffdf6;padding:14px;min-height:290px;min-width:0}
.sc .sc-archive-detail h3{font:700 15px var(--serif,serif);margin:0 0 12px}
.sc .sc-archive-detail h4{font-size:12px;color:#506d5e;margin:14px 0 9px}
.sc .sc-archive-hint{color:#899187;font-size:11px;line-height:1.6}
.sc .sc-archive-day-stats{display:flex;flex-wrap:wrap;gap:7px}
.sc .sc-archive-day-stats span{display:grid;gap:3px;border:1px solid #e3e5d8;padding:8px;border-radius:7px;font-size:10px;color:#737c70}
.sc .sc-archive-day-stats b{font-size:13px;color:#446654}
.sc .sc-archive-detail-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.sc .sc-archive-detail-list li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:space-between;font-size:11px;border-bottom:1px solid #eeeadf;padding:7px 0}
.sc .sc-archive-detail-list li>span{flex:1;min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}
.sc .sc-archive-detail-list li small{color:#879183}
@media (max-width:780px){.sc .sc-archive-layout{grid-template-columns:1fr}.sc .sc-archive-day{min-height:53px}}
@media (max-width:520px){.sc .sc-todo-groups{grid-template-columns:1fr}.sc .sc-focus-buttons .btn{flex:1}.sc .sc-archive-summary strong{font-size:15px}.sc .sc-archive-summary>div{padding:9px}.sc .sc-archive-summary span{font-size:10px}.sc .sc-archive-day{padding:5px;min-height:44px}.sc .sc-archive-day small{font-size:8px}.sc .sc-archive-cal{gap:3px}}

/* C2-3 | 学习桌正式皮肤；仅为已有UI加视觉层，不替换计时和待办交互。
   形象/颜色与计时模式无关；选中的皮肤来自已校验的 sessionStorage 偏好。
   计时必须保留数字、阶段、暂停/恢复和服务器权威说明的可读性。 */
.sc .sc-focus-tools{
 --sc-tool-edge:#c6b49d;--sc-tool-ink:#5c6556;--sc-tool-tint:#f4eee1;
 position:relative;isolation:isolate;min-width:0;overflow:visible;
 background:linear-gradient(135deg,rgba(255,255,250,.98),var(--sc-tool-tint));
 border:1px solid var(--sc-tool-edge);border-radius:18px;padding:17px 18px 19px;
 box-shadow:0 9px 24px rgba(79,99,70,.075),inset 0 1px rgba(255,255,255,.86)
}
.sc .sc-focus-theme-wood{--sc-tool-edge:#c6ad8f;--sc-tool-ink:#775b44;--sc-tool-tint:#f1e9d9}
.sc .sc-focus-theme-sage{--sc-tool-edge:#a6c0b5;--sc-tool-ink:#3f7164;--sc-tool-tint:#e4f0e9}
.sc .sc-focus-theme-paper{--sc-tool-edge:#d2c9ad;--sc-tool-ink:#746d54;--sc-tool-tint:#f4efdf}
.sc .sc-focus-tools .sc-focus-head{position:relative;z-index:1;min-width:0}
.sc .sc-focus-tools .sc-focus-head h3{color:var(--sc-tool-ink);letter-spacing:.035em}
.sc .sc-focus-tools .sc-focus-badge{color:var(--sc-tool-ink);border-color:var(--sc-tool-edge);background:rgba(255,255,251,.6)}
.sc .sc-focus-tools .sc-focus-clock{
 position:relative;z-index:1;min-width:0;grid-template-columns:88px minmax(0,1fr);column-gap:16px;
 display:grid;align-items:center;justify-items:stretch;row-gap:5px;
 background:linear-gradient(142deg,rgba(255,255,253,.96),rgba(253,252,243,.77));
 border:1px solid var(--sc-tool-edge);border-radius:14px;padding:15px 18px;
 box-shadow:inset 0 2px 7px rgba(121,129,98,.045)
}
.sc .sc-focus-tools .sc-focus-clock::before{
 content:'';grid-column:1;grid-row:1 / span 4;align-self:center;justify-self:center;
 width:84px;height:88px;pointer-events:none;background-size:contain;background-position:center;background-repeat:no-repeat;
 filter:drop-shadow(0 4px 3px rgba(67,78,53,.1))
}
.sc .sc-focus-theme-wood .sc-focus-clock::before{background-image:url('assets/classroom-v2/timer-wood.svg')}
.sc .sc-focus-theme-sage .sc-focus-clock::before{background-image:url('assets/classroom-v2/timer-sage.svg')}
.sc .sc-focus-theme-paper .sc-focus-clock::before{background-image:url('assets/classroom-v2/timer-paper.svg')}
.sc .sc-focus-tools .sc-focus-clock>small,.sc .sc-focus-tools .sc-focus-clock>strong,.sc .sc-focus-tools .sc-focus-clock>.sc-focus-phase{grid-column:2;min-width:0}
.sc .sc-focus-tools .sc-focus-clock>small{text-align:left;line-height:1.4;color:#6b786c}
.sc .sc-focus-tools .sc-focus-clock>strong{
 font-size:clamp(28px,4.1vw,45px);line-height:1.18;white-space:nowrap;letter-spacing:.028em;
 font-variant-numeric:tabular-nums;color:var(--sc-tool-ink);text-shadow:0 1px #fffdf7
}
.sc .sc-focus-tools .sc-focus-clock>.sc-focus-phase{text-align:left;font-size:12px;color:var(--sc-tool-ink)}
.sc .sc-focus-tools .sc-focus-buttons,.sc .sc-focus-tools .sc-todo-panel{
 position:relative;z-index:2
}
.sc .sc-focus-tools .sc-focus-buttons{gap:10px}
.sc .sc-focus-tools .sc-focus-buttons .btn{min-height:39px}
.sc .sc-focus-tools .sc-focus-warning{position:relative;z-index:3}
.sc .sc-focus-tools :is(button,input,select):focus-visible{outline:3px solid #527c72;outline-offset:3px}

/* 三款待办本：纸张质地、窄幅装帧和角标不同，输入区与内容始终保持浅色托底。 */
.sc .sc-focus-tools .sc-todo-panel{
 --sc-note-edge:#d6c6a4;--sc-note-ink:#78654d;--sc-note-fill:#fffaf0;
 min-width:0;overflow:hidden;padding:18px 17px 20px 21px;
 border:1px solid var(--sc-note-edge);border-left:7px solid var(--sc-note-edge);
 border-radius:9px 15px 15px 9px;
 background-color:var(--sc-note-fill);
 background-image:repeating-linear-gradient(180deg,transparent 0,transparent 31px,rgba(114,137,118,.07) 32px);
 box-shadow:0 10px 21px rgba(65,80,61,.075),inset 3px 0 rgba(255,255,255,.63)
}
.sc .sc-focus-tools .sc-todo-theme-cream{--sc-note-edge:#d0b895;--sc-note-ink:#806f4e;--sc-note-fill:#fff9e6}
.sc .sc-focus-tools .sc-todo-theme-fern{--sc-note-edge:#91b29c;--sc-note-ink:#446e58;--sc-note-fill:#f1f7ea}
.sc .sc-focus-tools .sc-todo-theme-kraft{--sc-note-edge:#ba9975;--sc-note-ink:#71563e;--sc-note-fill:#f4e6d3}
.sc .sc-focus-tools .sc-todo-panel .sc-todo-header{min-width:0;gap:7px;align-items:center}
.sc .sc-focus-tools .sc-todo-panel .sc-todo-header h3{
 display:flex;align-items:center;min-width:0;gap:10px;color:var(--sc-note-ink);font-size:18px
}
.sc .sc-focus-tools .sc-todo-panel .sc-todo-header h3::before{
 content:'';display:block;flex:0 0 41px;width:41px;height:42px;
 background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none
}
.sc .sc-todo-theme-cream .sc-todo-header h3::before{background-image:url('assets/classroom-v2/notebook-cream.svg')}
.sc .sc-todo-theme-fern .sc-todo-header h3::before{background-image:url('assets/classroom-v2/notebook-fern.svg')}
.sc .sc-todo-theme-kraft .sc-todo-header h3::before{background-image:url('assets/classroom-v2/notebook-kraft.svg')}
.sc .sc-focus-tools .sc-todo-panel .sc-todo-intro{color:#617367;line-height:1.65}
.sc .sc-focus-tools .sc-todo-panel .sc-todo-form{position:relative;z-index:1}
.sc .sc-focus-tools .sc-todo-panel .sc-todo-form input,
.sc .sc-focus-tools .sc-todo-panel .sc-todo-form select,
.sc .sc-focus-tools .sc-todo-panel .sc-todo-editor input{
 background:#fffefa;border:1px solid #b9caba;min-height:39px;color:#35584b;max-width:100%
}
.sc .sc-focus-tools .sc-todo-panel .sc-todo-groups{min-width:0;position:relative;z-index:1}
.sc .sc-focus-tools .sc-todo-panel .sc-todo-group{
 min-width:0;background:rgba(255,255,251,.85);border:1px solid var(--sc-note-edge);
 border-radius:10px;padding:13px 12px
}
.sc .sc-focus-tools .sc-todo-panel .sc-todo-group h4{color:var(--sc-note-ink);line-height:1.4}
.sc .sc-focus-tools .sc-todo-panel .sc-todo-list li{min-width:0;align-items:center}
.sc .sc-focus-tools .sc-todo-panel .sc-todo-toggle{min-height:30px;min-width:30px;border-radius:8px;background:#fffdf7}
.sc .sc-focus-tools .sc-todo-panel .sc-todo-small{color:#596d5f;min-height:29px}
.sc .sc-focus-tools .sc-todo-panel .sc-todo-text{font-size:12.5px;line-height:1.7}
.sc .sc-focus-tools .sc-todo-panel .sc-todo-errors{
 padding:10px 12px;background:#fff0e8;border:1px solid #d9a99a;border-radius:8px;
 color:#894339;font-weight:600;line-height:1.5
}
.sc .sc-todo-panel .sc-todo-editor{flex:1;min-width:0}
@media(max-width:620px){
 .sc .sc-focus-tools{padding:12px 10px 14px;border-radius:14px}
 .sc .sc-focus-tools .sc-focus-clock{grid-template-columns:58px minmax(0,1fr);column-gap:8px;padding:13px 10px}
 .sc .sc-focus-tools .sc-focus-clock::before{width:55px;height:60px}
 .sc .sc-focus-tools .sc-focus-clock>strong{font-size:clamp(25px,7.1vw,37px);letter-spacing:0}
 .sc .sc-focus-tools .sc-todo-panel{padding:13px 10px 16px 12px;border-left-width:5px}
 .sc .sc-focus-tools .sc-todo-panel .sc-todo-header h3::before{width:33px;height:35px;flex-basis:33px}
 .sc .sc-focus-tools .sc-todo-panel .sc-todo-groups{grid-template-columns:1fr}
 .sc .sc-focus-tools .sc-todo-panel .sc-todo-form label{min-width:130px}
 .sc .sc-focus-tools .sc-todo-panel .sc-todo-form select{flex:0 1 130px}
 .sc .sc-focus-tools .sc-todo-panel .sc-todo-form .btn{flex:0 0 auto}
}
@media(prefers-reduced-motion:reduce){.sc .sc-focus-tools *,.sc .sc-focus-tools *::before,.sc .sc-focus-tools *::after{animation:none!important;transition:none!important}}
body.reduced-motion .sc .sc-focus-tools *,body.reduced-motion .sc .sc-focus-tools *::before,body.reduced-motion .sc .sc-focus-tools *::after{animation:none!important;transition:none!important}