*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"Microsoft YaHei",sans-serif;transition:.25s}.wrap{max-width:1150px;margin:auto;padding:28px 22px}body{--bg:#07111f;--panel:#0d1d31;--panel2:#10263d;--text:#eaf6ff;--muted:#91abc2;--line:#24435d;--accent:#55e6ff;--shadow:0 14px 40px #0005}header,.brand,.stats,.section-head,.line,.timers{display:flex;align-items:center;justify-content:space-between;gap:16px}header{margin-bottom:24px}.brand{justify-content:flex-start}.brand>b{width:60px;height:60px;display:grid;place-items:center;border:2px solid var(--accent);border-radius:15px;color:var(--accent);font-size:32px;font-weight:1000}.brand small,.section-head small{color:var(--accent);letter-spacing:2px;font-weight:900}.brand h1{font-size:clamp(26px,4vw,40px);margin:4px 0;font-weight:1000}.brand p{margin:0;color:var(--muted)}label{color:var(--muted);font-weight:800}select{margin-left:8px;padding:12px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;font-size:15px;font-weight:800}.clock,.stats article,.exam{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.clock{text-align:center;padding:24px;border-radius:20px}.clock small,.stats small,.timers small{display:block;color:var(--muted);font-weight:800}.clock strong{display:block;color:var(--accent);font-size:clamp(32px,6vw,58px);font-weight:1000;font-variant-numeric:tabular-nums;margin:10px}.clock span{display:block;font-weight:900;margin-bottom:8px}.overview{margin:26px 0}.overview h2,.section-head h2{font-size:26px;font-weight:1000}.stats{display:grid;grid-template-columns:repeat(3,1fr)}.stats article{padding:18px;border-radius:14px}.stats strong{display:block;font-size:clamp(20px,3vw,30px);font-weight:1000;margin:10px 0}.section-head{align-items:end;margin-bottom:12px}.section-head small{letter-spacing:0;color:var(--muted)}.exam{display:grid;grid-template-columns:55px 1fr;gap:15px;padding:20px;margin:12px 0;border-radius:17px;border-left:7px solid var(--accent)}.num{background:var(--panel2);color:var(--accent);border-radius:12px;width:48px;height:48px;display:grid;place-items:center;font-size:20px;font-weight:1000}.line{color:var(--muted);font-size:14px;font-weight:900}.line b{padding:7px 12px;border-radius:30px;background:var(--panel2)}h3{font-size:clamp(23px,3vw,32px);font-weight:1000;margin:9px 0}.time{font-size:18px;color:var(--accent);font-weight:1000;margin-bottom:13px}.timers{display:grid;grid-template-columns:1fr 1fr}.timers>div{padding:13px;background:var(--panel2);border-radius:12px;min-width:0}.timers strong{display:block;font-size:clamp(17px,2.5vw,25px);font-weight:1000;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:6px}.bar{height:7px;background:var(--panel2);border-radius:20px;margin-top:13px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:var(--accent)}.exam p{font-size:13px;color:var(--muted);font-weight:700;line-height:1.7;margin:10px 0 0}.green{border-left-color:#087b42}.orange{border-left-color:#bd5b0b}.red{border-left-color:#c51d29}.darkred{border-left-color:#790018}.green .timers strong,.green .line b{color:#087b42}.orange .timers strong,.orange .line b{color:#bd5b0b}.red .timers strong,.red .line b{color:#c51d29}.darkred .timers strong,.darkred .line b{color:#790018}.active .line b{background:#790018;color:white}.active .bar i{background:#790018}.ended .line b{background:#087b42;color:white}.ended .bar i{background:#087b42}footer{padding:24px 0;color:var(--muted);font-size:12px;letter-spacing:1px}
/* 科幻未来 */.theme-sci{--bg:#06101d;--panel:#0c1c30;--panel2:#102840;--text:#eaf8ff;--muted:#8caac2;--line:#25455e;--accent:#54eaff;--shadow:0 14px 42px #0007}
/* 二次元 */.theme-anime{--bg:#fff0f8;--panel:#fffafd;--panel2:#ffe5f3;--text:#492b50;--muted:#987b9b;--line:#f4c9e2;--accent:#f05ba8;--shadow:0 12px 38px #d98bb52b}.theme-anime .brand>b{background:linear-gradient(135deg,#ff8bc5,#9a8aff);color:white;border:0;border-radius:20px}.theme-anime .clock,.theme-anime .exam,.theme-anime .stats article{border-radius:24px}
/* 中国 80 年代 */.theme-80s{--bg:#e8dfc8;--panel:#f6eedb;--panel2:#e9dec3;--text:#302b23;--muted:#766b58;--line:#b7a98c;--accent:#a52b24;--shadow:4px 5px 0 #8e8067}.theme-80s .brand>b{border-radius:0;background:#a52b24;color:#fff5dc}.theme-80s .clock,.theme-80s .exam,.theme-80s .stats article{border-radius:2px;box-shadow:4px 5px 0 #b7a98c}.theme-80s .clock strong{font-family:monospace}
/* 现代简约 */.theme-modern{--bg:#f2f5f9;--panel:#fff;--panel2:#f5f7fb;--text:#182333;--muted:#697789;--line:#dce3ec;--accent:#2369d8;--shadow:0 8px 28px #1a2b4510}.theme-modern .brand>b{background:#2369d8;color:white;border:0}
@media(max-width:700px){.wrap{padding:16px 11px}header{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.exam{grid-template-columns:38px 1fr;padding:13px;gap:9px}.num{width:36px;height:36px}.timers{grid-template-columns:1fr}.line{align-items:flex-start;flex-direction:column}.brand h1{font-size:26px}}