/* 放学后 · 主题变量
暖阳奶油（默认） / 暗夜暖调（深色）
切换方式：，或跟随系统 */
:root{
--bg:#FFF9F2;
--bg-elev:#FFFDFA;
--card:#FFFFFF;
--card2:#FFF3E6;
--line:#F0E7DE;
--pri:#FF8A3D;
--pri-soft:#FFE6D3;
--pri-deep:#E1701F;
--on-pri:#2B1A0C;
--ok:#33C9BE;
--ok-soft:#D8F5F2;
--blue:#6B8AFD;
--blue-soft:#E3EAFF;
--gold:#F5B833;
--gold-soft:#FFF0CC;
--red:#FF6B6B;
--red-soft:#FFE0E0;
--purple:#9B7BFD;
--purple-soft:#F0E8FF;
--t1:#2E2A27;
--t2:#8B837C;
--t3:#B5ACA3;
--shadow:0 2px 12px rgba(80,50,20,.07);
--shadow-lg:0 10px 28px rgba(80,50,20,.16);
--mask:rgba(40,26,14,.34);
--r-card:20px;
--r-btn:14px;
--r-chip:999px;
--pad:16px;
/* 科目色 */
--sub-yuwen:#FF8A3D;
--sub-shuxue:#6B8AFD;
--sub-yingyu:#33C9BE;
--sub-kexue:#9B7BFD;
--sub-qita:#B0A99F;
color-scheme:light;
}
[data-theme="dark"]{
--bg:#191614;
--bg-elev:#1F1B18;
--card:#252019;
--card2:#2E2721;
--line:#302A25;
--pri:#FFA268;
--pri-soft:#3A2A1E;
--pri-deep:#FFB98A;
--on-pri:#2B1A0C;
--ok:#4ED6CB;
--ok-soft:#1E3432;
--blue:#8AA2FF;
--blue-soft:#232A44;
--gold:#FFC758;
--gold-soft:#3A2E17;
--red:#FF8282;
--red-soft:#3D2424;
--purple:#AF95FF;
--purple-soft:#2A2340;
--t1:#F2EBE4;
--t2:#A79A90;
--t3:#7A6F66;
--shadow:0 2px 12px rgba(0,0,0,.3);
--shadow-lg:0 10px 28px rgba(0,0,0,.5);
--mask:rgba(0,0,0,.55);
--sub-qita:#8B837C;
color-scheme:dark;
}
/* 主题色（每个孩子可绑定不同主色，避免家长搞混） */
[data-accent="orange"]{ --pri:#FF8A3D; --pri-soft:#FFE6D3; --pri-deep:#E1701F; }
[data-accent="teal"]{ --pri:#33C9BE; --pri-soft:#D8F5F2; --pri-deep:#1EA9A0; }
[data-accent="blue"]{ --pri:#6B8AFD; --pri-soft:#E3EAFF; --pri-deep:#4E6EEE; }
[data-accent="purple"]{ --pri:#9B7BFD; --pri-soft:#F0E8FF; --pri-deep:#7F5BE8; }
[data-accent="pink"]{ --pri:#FF7BA9; --pri-soft:#FFE3EC; --pri-deep:#E85C8E; }
[data-accent="green"]{ --pri:#5FBF6A; --pri-soft:#E2F5E4; --pri-deep:#43A04E; }
[data-theme="dark"][data-accent="orange"]{ --pri:#FFA268; --pri-soft:#3A2A1E; }
[data-theme="dark"][data-accent="teal"]{ --pri:#4ED6CB; --pri-soft:#1E3432; }
[data-theme="dark"][data-accent="blue"]{ --pri:#8AA2FF; --pri-soft:#232A44; }
[data-theme="dark"][data-accent="purple"]{ --pri:#AF95FF; --pri-soft:#2A2340; }
[data-theme="dark"][data-accent="pink"]{ --pri:#FF9DBE; --pri-soft:#3A2230; }
[data-theme="dark"][data-accent="green"]{ --pri:#7DD487; --pri-soft:#1E3421; }
/* 基础排版 */
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{height:100%}
body{
margin:0;
background:var(--bg);
color:var(--t1);
font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif;
font-size:14px;
line-height:1.6;
-webkit-font-smoothing:antialiased;
overscroll-behavior-y:none;
}
input,select,textarea,button{font-family:inherit;font-size:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
h1,h2,h3,p{margin:0}
a{color:var(--pri);text-decoration:none}
::selection{background:var(--pri-soft)}
/* 滚动条（桌面预览时） */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}
/* 安全区 */
.safe-top{padding-top:env(safe-area-inset-top,0px)}
.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}