/* 五种风格与两种模式；所有数字采用同一字体与等高字形。 */
body[data-theme]{--font:'Microsoft YaHei',sans-serif;font-family:var(--font);font-variant-numeric:lining-nums tabular-nums;font-feature-settings:'lnum' 1,'tnum' 1}
body[data-theme] :is(h1,h2,h3,h4,p,span,strong,b,em,small,time,button,input,select,textarea,table,th,td,label,kbd){font-family:var(--font)}
body[data-theme] :is(.metric-value,.day-number,time,.app-code,td){font-variant-numeric:lining-nums tabular-nums;font-feature-settings:'lnum' 1,'tnum' 1}
body[data-theme] .metric-value{font-size:36px;line-height:1.2;font-weight:600;letter-spacing:-.8px}
body[data-theme] .metric-unit{font-size:13px;font-weight:400;letter-spacing:0}
body[data-theme] .metric-label{font-size:13px;line-height:1.6}
body[data-theme] .metric-note{font-size:12px;line-height:1.7}
body[data-theme] :is(.workspace,.main-shell,.hub-content,.content-grid,.app-directory,.hub-aside,.entry-copy,.data-panel){min-width:0}
body[data-theme] .main-shell{width:auto}
body[data-theme] .app-entry{color:var(--ink)}
body[data-theme] .app-entry .entry-copy h3{margin:0 0 7px;font-size:17px;font-weight:600;line-height:1.6}
body[data-theme] .app-entry .entry-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}
body[data-theme] .app-symbol{flex-shrink:0}
body[data-theme] .entry-arrow{color:var(--muted);flex-shrink:0}
body[data-theme] .hub-aside{display:grid;gap:26px;align-content:start}
body[data-theme] .section-head h2{font-weight:600}
body[data-theme] .eval-bar{background:var(--surface);color:var(--muted);border-bottom:1px solid var(--line)}
body[data-theme] .eval-tools :is(select,.mode-toggle){color:var(--ink);background:var(--surface-soft);border-color:var(--line)}
body[data-theme] .day-number{line-height:1;letter-spacing:-2px;font-weight:500}
body[data-theme] .app-links,body[data-theme] .todo-list{padding:0}
body[data-theme] .hub-home .section-head{padding:0 0 18px}
body[data-theme] .announcement-item{padding:20px 0}
body[data-theme] .recent-apps{padding:24px 0}

/* A 商务风：竖向品牌导航、稳定主区、关键首卡。 */
body[data-theme="crimson"]{--bg:#f5f4f0;--surface:#fffefa;--surface-soft:#eeebe4;--ink:#302b28;--muted:#79716a;--line:#e1dcd2;--accent:#982d33;--accent-soft:#f3e5e1;--accent-ink:#fff9ef;--warning:#97611e;--warning-soft:#f7ead5;--success:#486951;--radius:6px;--shadow:0 7px 24px rgba(57,38,27,.035);--metal:#ad8b53;--line-strong:#cbbca3;color-scheme:light}
html[data-mode="dark"] body[data-theme="crimson"]{--bg:#211f1e;--surface:#2b2725;--surface-soft:#35302c;--ink:#eee6da;--muted:#b0a59a;--line:#49403a;--accent:#c76b6e;--accent-soft:#4a2e2d;--accent-ink:#211719;--warning:#e0b275;--warning-soft:#453725;--success:#a3baa1;--shadow:0 7px 24px rgba(0,0,0,.1);--metal:#c1a46f;--line-strong:#796850;color-scheme:dark}
body[data-theme="crimson"] .workspace{display:grid;grid-template-columns:226px minmax(0,1fr);gap:0}
body[data-theme="crimson"] .sidebar{width:auto;padding:30px 19px 22px;background:var(--surface);border-right:1px solid var(--line)}
body[data-theme="crimson"] .brand{padding:0 8px 24px}
body[data-theme="crimson"] .brand-mark{border:1px solid var(--metal);border-radius:4px}
body[data-theme="crimson"] .side-nav{display:grid;gap:7px}
body[data-theme="crimson"] .side-nav button{min-height:45px;border-radius:4px;padding:10px 14px;text-align:left}
body[data-theme="crimson"] .side-nav button.active{border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--accent);padding-left:11px}
body[data-theme="crimson"] .user-card{padding-top:20px;border-top:1px solid var(--line)}
body[data-theme="crimson"] .topbar{background:var(--surface);border-bottom:1px solid var(--line);padding-inline:38px}
body[data-theme="crimson"] #main-content{max-width:1510px;margin:auto;padding:38px}
body[data-theme="crimson"] .welcome-block{min-height:150px;padding:10px 0 26px}
body[data-theme="crimson"] .welcome-title{font-size:36px;font-weight:600;line-height:1.5;letter-spacing:.2px}
body[data-theme="crimson"] .date-display{border-left:1px solid var(--line-strong);padding-left:26px}
body[data-theme="crimson"] .day-number{color:var(--metal);font-size:64px}
body[data-theme="crimson"] .hub-metrics{gap:16px;margin:0 0 32px}
body[data-theme="crimson"] .metric-card{border:1px solid var(--line);border-radius:6px;padding:22px 24px;background:var(--surface)}
body[data-theme="crimson"] .hub-metrics .metric-card:first-child{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
body[data-theme="crimson"] .hub-metrics .metric-card:first-child :is(.metric-label,.metric-note,.metric-unit){color:var(--accent-ink);opacity:.8}
body[data-theme="crimson"] .hub-content{grid-template-columns:minmax(0,1fr) 300px;gap:28px}
body[data-theme="crimson"] .app-directory{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:24px}
body[data-theme="crimson"] .section-head{padding-bottom:20px}
body[data-theme="crimson"] .app-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body[data-theme="crimson"] .app-entry{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:20px;min-height:198px;padding:20px 18px;border:1px solid var(--line);border-radius:5px;background:var(--surface)}
body[data-theme="crimson"] .app-entry:hover{background:var(--surface-soft);border-color:var(--line-strong)}
body[data-theme="crimson"] .app-code{position:absolute;right:18px;top:20px;color:var(--metal);font-size:12px}
body[data-theme="crimson"] .app-symbol{width:40px;height:40px;background:var(--accent-soft);color:var(--accent);border-radius:5px}
body[data-theme="crimson"] .entry-arrow{align-self:flex-end;margin-top:auto}
body[data-theme="crimson"] :is(.todo-panel,.notice-panel){background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:23px}
body[data-theme="crimson"] .subapp-head{padding-bottom:25px;border-bottom:1px solid var(--line)}
body[data-theme="crimson"] .local-nav{margin:23px 0;border-bottom:1px solid var(--line)}
body[data-theme="crimson"] .local-nav button{border-radius:4px 4px 0 0}
body[data-theme="crimson"] .data-panel{border-top:3px solid var(--accent);box-shadow:var(--shadow)}
body[data-theme="crimson"] :is(th,td){padding-block:15px}

/* B 手帐风：横向页眉、日期纸页、连续指标栏、账本细线。 */
body[data-theme="ledger"]{--bg:#f3eee4;--surface:#fcf9f1;--surface-soft:#eae1d0;--ink:#443b30;--muted:#847461;--line:#dfd4c2;--accent:#886242;--accent-soft:#ede1cd;--accent-ink:#fffaf0;--warning:#9d681f;--warning-soft:#f4e4c4;--success:#677048;--radius:3px;--shadow:3px 4px 0 rgba(109,84,48,.045);--metal:#9b815b;--line-strong:#bcab8b;color-scheme:light}
html[data-mode="dark"] body[data-theme="ledger"]{--bg:#24211c;--surface:#2e2a23;--surface-soft:#3a3329;--ink:#ece2cf;--muted:#b5a68e;--line:#4b4235;--accent:#c8a579;--accent-soft:#463925;--accent-ink:#251c10;--warning:#d5b071;--warning-soft:#45361e;--success:#b2ba90;--shadow:3px 4px 0 rgba(0,0,0,.14);--metal:#b5a17b;--line-strong:#7b694b;color-scheme:dark}
body[data-theme="ledger"] .workspace{display:block}
body[data-theme="ledger"] .sidebar{display:flex;flex-direction:row;align-items:center;gap:36px;width:auto;height:auto;min-height:92px;position:relative;padding:20px 5vw;border-right:0;border-bottom:1px solid var(--line-strong);background:var(--surface)}
body[data-theme="ledger"] .brand{padding:0;flex-shrink:0}
body[data-theme="ledger"] .brand-mark{background:transparent;border:1px solid var(--accent);color:var(--accent);border-radius:3px}
body[data-theme="ledger"] .side-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0}
body[data-theme="ledger"] #navigation{min-width:0;flex:1}
body[data-theme="ledger"] .side-nav button{width:auto;min-height:42px;padding:8px 13px;border-radius:0;background:transparent;white-space:nowrap}
body[data-theme="ledger"] .side-nav button.active{color:var(--accent);box-shadow:inset 0 -2px var(--accent);background:transparent}
body[data-theme="ledger"] .user-card{margin:0 0 0 auto;padding:0;border:0;flex-shrink:0;white-space:nowrap}
body[data-theme="ledger"] :is(.nav-caption,.side-utilities,.sidebar-note){display:none}
body[data-theme="ledger"] .topbar{background:transparent;border-bottom:0;min-height:58px;padding:12px 5vw}
body[data-theme="ledger"] #main-content{padding:30px 5vw 48px;max-width:1530px;margin:auto}
body[data-theme="ledger"] .welcome-block{display:flex;align-items:center;gap:35px;padding:12px 0 35px;margin-bottom:6px}
body[data-theme="ledger"] .welcome-copy{order:2}
body[data-theme="ledger"] .welcome-title{font-size:39px;font-weight:500;line-height:1.55;letter-spacing:1.4px}
body[data-theme="ledger"] .date-display{order:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;min-width:136px;min-height:158px;padding:16px 19px;color:var(--accent);background:var(--surface-soft);border:1px solid var(--line-strong);box-shadow:5px 5px 0 var(--line)}
body[data-theme="ledger"] .date-display:before,body[data-theme="ledger"] .date-display:after{content:'';position:absolute;top:-9px;width:5px;height:17px;background:var(--bg);border:1px solid var(--line-strong);border-radius:3px}
body[data-theme="ledger"] .date-display:before{left:27px}
body[data-theme="ledger"] .date-display:after{right:27px}
body[data-theme="ledger"] .day-number{font-size:70px;font-weight:500}
body[data-theme="ledger"] .date-meta{font-size:12px;margin-top:12px;padding:9px 0 0;border-top:1px solid var(--line-strong);border-left:0;text-align:center}
body[data-theme="ledger"] .hub-metrics{gap:0;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);padding:24px 0;margin-bottom:37px}
body[data-theme="ledger"] .metric-card{border:0;border-radius:0;border-left:1px solid var(--line);background:transparent;padding:0 30px;box-shadow:none}
body[data-theme="ledger"] .metric-card:first-child{border-left:0;padding-left:0}
body[data-theme="ledger"] .hub-content{grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:42px}
body[data-theme="ledger"] .app-directory{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--accent);padding:25px 29px}
body[data-theme="ledger"] .section-head{border-bottom:1px dashed var(--line-strong);padding-bottom:20px;margin-bottom:8px}
body[data-theme="ledger"] .app-links{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
body[data-theme="ledger"] .app-entry{display:grid;grid-template-columns:33px 38px minmax(0,1fr) 20px;align-items:center;gap:15px;width:100%;min-height:95px;padding:19px 2px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}
body[data-theme="ledger"] .app-entry:last-child{border-bottom:0}
body[data-theme="ledger"] .app-entry:hover{background:var(--surface-soft)}
body[data-theme="ledger"] .app-code{color:var(--metal);font-size:13px}
body[data-theme="ledger"] .app-symbol{width:33px;height:33px;color:var(--accent);background:transparent}
body[data-theme="ledger"] :is(.todo-panel,.notice-panel){background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
body[data-theme="ledger"] .todo-item{border-bottom:1px solid var(--line)}
body[data-theme="ledger"] .subapp-head{padding:8px 0 28px}
body[data-theme="ledger"] .subapp-title{font-weight:500;letter-spacing:1px}
body[data-theme="ledger"] .local-nav{border-bottom:1px solid var(--line-strong);margin:5px 0 25px}
body[data-theme="ledger"] .local-nav button{border-radius:0;background:transparent}
body[data-theme="ledger"] .local-nav button.active{color:var(--accent);background:transparent;box-shadow:inset 0 -2px var(--accent)}
body[data-theme="ledger"] .metric-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;gap:0}
body[data-theme="ledger"] .data-panel{border-radius:3px;border-top:3px solid var(--accent);box-shadow:var(--shadow)}
body[data-theme="ledger"] .panel-head{border-bottom-style:dashed;padding:24px 28px}
body[data-theme="ledger"] :is(th,td){padding-block:17px}
body[data-theme="ledger"] .recent-chip{border-radius:3px;background:transparent}
/* C 杂志风：参考图的入口版面，暖纸、问候、日期、目录与事项。 */
body[data-theme="editorial"]{--bg:#f5f2eb;--surface:#faf7f0;--surface-soft:#eae3d7;--ink:#292822;--muted:#827b70;--line:#ddd6ca;--accent:#a2845e;--accent-soft:#ede2cf;--accent-ink:#fffbf4;--warning:#9b672c;--warning-soft:#f2e5d0;--success:#677450;--radius:2px;--shadow:none;--metal:#aa8a5f;--line-strong:#c4b7a2;color-scheme:light}
html[data-mode="dark"] body[data-theme="editorial"]{--bg:#25231f;--surface:#2b2924;--surface-soft:#37332b;--ink:#eee8dc;--muted:#b6ac9b;--line:#494338;--accent:#c1a179;--accent-soft:#423725;--accent-ink:#251e15;--warning:#d1af78;--warning-soft:#43361f;--success:#b0b996;--metal:#bea17a;--line-strong:#786954;color-scheme:dark}
body[data-theme="editorial"] .workspace{display:block;background:var(--bg)}
body[data-theme="editorial"] .sidebar{display:none}
body[data-theme="editorial"] .main-shell{width:100%}
body[data-theme="editorial"] .topbar{max-width:1260px;margin:auto;min-height:75px;padding:18px 48px;border-bottom:0;background:transparent}
body[data-theme="editorial"] .breadcrumb{letter-spacing:1px}
body[data-theme="editorial"] #main-content{max-width:1260px;margin:auto;padding:28px 48px 64px}
body[data-theme="editorial"] .welcome-block{display:flex;align-items:flex-end;justify-content:space-between;gap:38px;min-height:217px;padding:0 0 42px}
body[data-theme="editorial"] .eyebrow{color:var(--muted);letter-spacing:4px;font-size:11px;font-weight:400}
body[data-theme="editorial"] .welcome-title{max-width:680px;font-size:55px;font-weight:500;line-height:1.45;letter-spacing:-1.3px;margin:14px 0 16px}
body[data-theme="editorial"] .welcome-title br{display:block}
body[data-theme="editorial"] .welcome-note{font-size:14px;line-height:1.9;color:var(--muted)}
body[data-theme="editorial"] .date-display{flex-shrink:0;flex-direction:column;align-items:flex-end;gap:0;text-align:right;padding-bottom:13px}
body[data-theme="editorial"] .day-number{font-size:73px;color:var(--metal);font-weight:400}
body[data-theme="editorial"] .date-meta{margin-top:15px;font-size:13px;color:var(--muted);border-top:1px solid var(--line-strong);border-left:0;padding:10px 0 0}
body[data-theme="editorial"] .hub-metrics{gap:0;margin:0 0 42px;border-bottom:1px solid var(--line-strong);padding:0 0 26px}
body[data-theme="editorial"] .metric-card{padding:0 22px;background:transparent;border:0;border-left:1px solid var(--line);border-radius:0;box-shadow:none}
body[data-theme="editorial"] .metric-card:first-child{padding-left:0;border-left:0}
body[data-theme="editorial"] .metric-value{font-weight:500}
body[data-theme="editorial"] .hub-content{grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:70px}
body[data-theme="editorial"] :is(.app-directory,.todo-panel,.notice-panel){background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
body[data-theme="editorial"] .section-head{padding:0 0 18px;border-bottom:1px solid var(--line-strong)}
body[data-theme="editorial"] .section-head h2{font-size:21px;font-weight:500;letter-spacing:1px}
body[data-theme="editorial"] .app-links{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
body[data-theme="editorial"] .app-entry{display:grid;grid-template-columns:30px 30px minmax(0,1fr) 20px;align-items:center;gap:18px;width:100%;min-height:105px;padding:23px 0;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;text-align:left}
body[data-theme="editorial"] .app-entry:hover{background:var(--surface-soft)}
body[data-theme="editorial"] .app-code{color:var(--muted);font-size:12px}
body[data-theme="editorial"] .app-symbol{width:28px;height:28px;color:var(--metal);background:transparent}
body[data-theme="editorial"] .app-entry .entry-copy h3{font-size:17px;font-weight:500}
body[data-theme="editorial"] .todo-item{padding-block:21px;border-bottom:1px solid var(--line)}
body[data-theme="editorial"] .announcement-item{padding-block:16px}
body[data-theme="editorial"] .recent-apps{margin-top:35px}
body[data-theme="editorial"] .recent-chip{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding-inline:0;margin-right:24px}
body[data-theme="editorial"] .subapp-head{padding:5px 0 28px}
body[data-theme="editorial"] .subapp-title{font-size:36px;font-weight:500;letter-spacing:-.5px}
body[data-theme="editorial"] .local-nav{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);gap:24px;margin:0 0 31px}
body[data-theme="editorial"] .local-nav button{border-radius:0;padding-inline:0;background:transparent}
body[data-theme="editorial"] .local-nav button.active{background:transparent;color:var(--ink);box-shadow:inset 0 -2px var(--accent)}
body[data-theme="editorial"] .metric-grid{gap:0;margin-bottom:32px}
body[data-theme="editorial"] .data-panel{border-radius:0;background:transparent;border:0;border-top:1px solid var(--line-strong);box-shadow:none}
body[data-theme="editorial"] :is(.panel-head,.filter-bar){padding-inline:0}
body[data-theme="editorial"] th{background:var(--surface-soft);font-weight:500}
body[data-theme="editorial"] :is(th,td){padding-block:17px}
body[data-theme="editorial"] .dialog{border-radius:6px}

/* D 静奢风：独立精选卡、稳重圆角、低饱和材质与模块分组。 */
body[data-theme="luxury"]{--bg:#efede8;--surface:#fcfbf8;--surface-soft:#e7e1d7;--ink:#38352f;--muted:#81796d;--line:#e2dcd1;--accent:#786247;--accent-soft:#ebe1d0;--accent-ink:#fffaf2;--warning:#996a2c;--warning-soft:#f3e5ce;--success:#61765b;--radius:18px;--shadow:0 9px 26px rgba(62,51,31,.045);--metal:#a28c69;--line-strong:#c7b899;color-scheme:light}
html[data-mode="dark"] body[data-theme="luxury"]{--bg:#1f201e;--surface:#2a2b27;--surface-soft:#35362f;--ink:#ebe7db;--muted:#aea998;--line:#44443a;--accent:#bca983;--accent-soft:#403c2e;--accent-ink:#201e17;--warning:#d3b175;--warning-soft:#413823;--success:#a5b497;--shadow:0 9px 26px rgba(0,0,0,.15);--metal:#b5a37e;--line-strong:#726b52;color-scheme:dark}
body[data-theme="luxury"] .workspace{display:grid;grid-template-columns:220px minmax(0,1fr);gap:23px;padding:24px;align-items:start}
body[data-theme="luxury"] .sidebar{position:sticky;top:24px;width:auto;height:calc(100vh - 94px);min-height:570px;padding:30px 18px 22px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}
body[data-theme="luxury"] .brand{padding:0 9px 32px}
body[data-theme="luxury"] .brand-mark{border-radius:12px;border:1px solid var(--line-strong);background:var(--surface-soft);color:var(--accent)}
body[data-theme="luxury"] .side-nav{display:grid;gap:7px}
body[data-theme="luxury"] .side-nav button{min-height:46px;border-radius:12px;padding:11px 15px}
body[data-theme="luxury"] .side-nav button.active{background:var(--accent-soft);color:var(--accent)}
body[data-theme="luxury"] .user-card{border-top:1px solid var(--line);padding-top:22px}
body[data-theme="luxury"] .topbar{padding:11px 12px;border:0;min-height:52px;background:transparent}
body[data-theme="luxury"] #main-content{max-width:1420px;margin:auto;padding:22px 12px 34px}
body[data-theme="luxury"] .welcome-block{padding:8px 3px 33px;min-height:163px}
body[data-theme="luxury"] .welcome-title{font-size:40px;line-height:1.5;font-weight:500;letter-spacing:-.7px}
body[data-theme="luxury"] .date-display{padding:17px 23px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
body[data-theme="luxury"] .day-number{font-size:54px;color:var(--metal)}
body[data-theme="luxury"] .hub-metrics{gap:17px;margin-bottom:32px}
body[data-theme="luxury"] .metric-card{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:24px;box-shadow:var(--shadow)}
body[data-theme="luxury"] .hub-content{grid-template-columns:minmax(0,1fr) 284px;gap:23px}
body[data-theme="luxury"] .app-directory{border:0;background:transparent;padding:0}
body[data-theme="luxury"] .section-head{padding:0 2px 19px}
body[data-theme="luxury"] .app-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
body[data-theme="luxury"] .app-entry{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:27px;min-height:255px;padding:26px 21px 23px;text-align:left;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}
body[data-theme="luxury"] .app-entry:hover{border-color:var(--line-strong);background:var(--surface-soft)}
body[data-theme="luxury"] .app-code{position:absolute;top:28px;right:21px;font-size:11px;color:var(--muted)}
body[data-theme="luxury"] .app-symbol{width:52px;height:52px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--line);border-radius:15px}
body[data-theme="luxury"] .entry-arrow{margin-top:auto;align-self:flex-end;width:30px;height:30px;border:1px solid var(--line);border-radius:50%}
body[data-theme="luxury"] :is(.todo-panel,.notice-panel){padding:23px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}
body[data-theme="luxury"] .recent-chip{border-radius:12px;background:var(--surface);border:1px solid var(--line)}
body[data-theme="luxury"] .subapp-head{padding:6px 3px 25px}
body[data-theme="luxury"] .subapp-title{font-size:34px;font-weight:500}
body[data-theme="luxury"] .local-nav{width:fit-content;max-width:100%;padding:5px;margin-bottom:25px;background:var(--surface-soft);border-radius:13px;border:1px solid var(--line)}
body[data-theme="luxury"] .local-nav button{border-radius:9px}
body[data-theme="luxury"] .local-nav button.active{color:var(--accent);background:var(--surface);box-shadow:0 2px 6px rgba(0,0,0,.035)}
body[data-theme="luxury"] .metric-grid{gap:16px}
body[data-theme="luxury"] .data-panel{border-radius:20px;box-shadow:var(--shadow)}
body[data-theme="luxury"] .panel-head{padding:24px}
body[data-theme="luxury"] .filter-bar{padding-inline:24px}
body[data-theme="luxury"] .records-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:24px}
body[data-theme="luxury"] .record-card{padding:23px;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:0 4px 14px rgba(0,0,0,.025)}
body[data-theme="luxury"] .record-card:hover{border-color:var(--line-strong)}
body[data-theme="luxury"] .detail-aside{padding:24px;border:1px solid var(--line);background:var(--surface);border-radius:20px}
body[data-theme="luxury"] .dialog{border-radius:22px}

/* E 瑞士风：不对称网格、粗细层级、方正平面与列表／详情。 */
body[data-theme="swiss"]{--bg:#f4f4f1;--surface:#fafaf7;--surface-soft:#e7e7e2;--ink:#242621;--muted:#73776e;--line:#d6d8d0;--accent:#d94734;--accent-soft:#f4ded8;--accent-ink:#fffdfa;--warning:#a0631c;--warning-soft:#f3e3c9;--success:#48724e;--radius:0px;--shadow:none;--metal:#676d60;--line-strong:#92998b;color-scheme:light}
html[data-mode="dark"] body[data-theme="swiss"]{--bg:#1c1e1b;--surface:#232620;--surface-soft:#30342c;--ink:#f0f2e9;--muted:#aeb6a7;--line:#454d3f;--accent:#ec7964;--accent-soft:#4b2e28;--accent-ink:#221a16;--warning:#d5ac65;--warning-soft:#43351f;--success:#9bbf94;--metal:#aab2a1;--line-strong:#7c8870;color-scheme:dark}
body[data-theme="swiss"] .workspace{display:grid;grid-template-columns:190px minmax(0,1fr);gap:0}
body[data-theme="swiss"] .sidebar{width:auto;padding:33px 19px;background:var(--bg);border-right:1px solid var(--line-strong)}
body[data-theme="swiss"] .brand{padding:0 0 35px}
body[data-theme="swiss"] .brand-mark{border-radius:0;color:var(--accent-ink);background:var(--accent)}
body[data-theme="swiss"] .side-nav{display:grid;gap:0;border-top:1px solid var(--line-strong)}
body[data-theme="swiss"] .side-nav button{min-height:51px;border-radius:0;padding:12px 5px;border-bottom:1px solid var(--line);font-weight:500}
body[data-theme="swiss"] .side-nav button.active{color:var(--accent);background:transparent;box-shadow:inset 3px 0 var(--accent);padding-left:12px}
body[data-theme="swiss"] .user-card{padding:22px 0 0;border-top:1px solid var(--line-strong)}
body[data-theme="swiss"] .topbar{background:transparent;padding-inline:40px;border-bottom:1px solid var(--line-strong)}
body[data-theme="swiss"] #main-content{max-width:1530px;padding:37px 40px 48px;margin:auto}
body[data-theme="swiss"] .welcome-block{display:grid;grid-template-columns:minmax(0,1fr) 178px;gap:35px;align-items:end;padding:4px 0 30px;border-bottom:3px solid var(--ink)}
body[data-theme="swiss"] .eyebrow{letter-spacing:1.5px;font-size:11px;font-weight:600}
body[data-theme="swiss"] .welcome-title{font-size:59px;font-weight:700;letter-spacing:-2px;line-height:1.35;margin:14px 0 17px}
body[data-theme="swiss"] .date-display{display:flex;flex-direction:column;align-items:flex-start;gap:0;border-left:4px solid var(--accent);padding:0 0 4px 21px}
body[data-theme="swiss"] .day-number{font-size:72px;font-weight:700;color:var(--ink)}
body[data-theme="swiss"] .date-meta{font-size:12px;margin-top:15px;color:var(--muted);border-left:0;padding-left:0}
body[data-theme="swiss"] .hub-home .section-head{padding:17px 0}
body[data-theme="swiss"] .hub-metrics{grid-template-columns:1.25fr 1fr 1fr;gap:0;padding:26px 0;margin-bottom:38px;border-bottom:1px solid var(--line-strong)}
body[data-theme="swiss"] .metric-card{border:0;border-right:1px solid var(--line-strong);border-radius:0;background:transparent;padding:0 25px;box-shadow:none}
body[data-theme="swiss"] .metric-card:first-child{padding-left:0}
body[data-theme="swiss"] .metric-card:last-child{border-right:0}
body[data-theme="swiss"] .metric-value{font-weight:700}
body[data-theme="swiss"] .hub-content{grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:0}
body[data-theme="swiss"] .app-directory{background:transparent;padding:0 33px 0 0;border:0;border-right:1px solid var(--line-strong);border-radius:0}
body[data-theme="swiss"] .hub-aside{padding-left:33px}
body[data-theme="swiss"] .section-head{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:17px 0}
body[data-theme="swiss"] .section-head h2{font-size:17px;font-weight:700}
body[data-theme="swiss"] .app-links{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
body[data-theme="swiss"] .app-entry{display:grid;grid-template-columns:48px 32px minmax(0,1fr) 24px;align-items:center;gap:19px;min-height:115px;padding:22px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;text-align:left;background:transparent}
body[data-theme="swiss"] .app-entry:hover{background:var(--surface-soft)}
body[data-theme="swiss"] .app-code{font-size:27px;font-weight:700;color:var(--accent);letter-spacing:-1px}
body[data-theme="swiss"] .app-symbol{width:29px;height:29px;color:var(--ink);background:transparent}
body[data-theme="swiss"] .app-entry .entry-copy h3{font-size:19px;font-weight:700}
body[data-theme="swiss"] :is(.todo-panel,.notice-panel){background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
body[data-theme="swiss"] .todo-item{border-bottom:1px solid var(--line);padding-block:21px}
body[data-theme="swiss"] .recent-apps{margin-top:34px}
body[data-theme="swiss"] .recent-chip{border-radius:0;border:1px solid var(--line-strong);background:transparent}
body[data-theme="swiss"] .subapp-head{padding:1px 0 28px;border-bottom:3px solid var(--ink)}
body[data-theme="swiss"] .subapp-title{font-size:35px;font-weight:700;letter-spacing:-1px}
body[data-theme="swiss"] .local-nav{margin:0 0 29px;border-bottom:1px solid var(--line-strong);gap:0}
body[data-theme="swiss"] .local-nav button{padding:13px 22px;border-radius:0;border-right:1px solid var(--line);font-weight:600}
body[data-theme="swiss"] .local-nav button.active{background:var(--ink);color:var(--bg)}
body[data-theme="swiss"] .metric-grid{gap:0;padding:5px 0 26px;border-bottom:1px solid var(--line-strong)}
body[data-theme="swiss"] .content-grid{grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}
body[data-theme="swiss"] .data-panel{border:0;border-top:1px solid var(--ink);border-radius:0;background:transparent}
body[data-theme="swiss"] .panel-head{padding:20px 0}
body[data-theme="swiss"] .filter-bar{padding:17px 0}
body[data-theme="swiss"] .record-list{display:grid;gap:0}
body[data-theme="swiss"] .record-item{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:21px 17px;min-height:92px;background:transparent;text-align:left}
body[data-theme="swiss"] .record-item.active,body[data-theme="swiss"] .record-item.selected{border-left:4px solid var(--accent);background:var(--surface-soft);padding-left:13px}
body[data-theme="swiss"] .detail-aside{padding:24px;border:1px solid var(--line-strong);border-top:4px solid var(--accent);border-radius:0;background:var(--surface)}
body[data-theme="swiss"] :is(.button,.badge,.dialog,.form-grid input,.form-grid select){border-radius:0}
/* 响应式仅调整结构与比例；基础交互和弹层由base.css负责。 */
@media(max-width:1350px){
  body[data-theme="crimson"] .hub-content{grid-template-columns:minmax(0,1fr) 270px;gap:22px}
  body[data-theme="crimson"] .app-links{grid-template-columns:minmax(0,1fr)}
  body[data-theme="crimson"] .app-entry{flex-direction:row;align-items:center;min-height:100px;gap:16px;padding:21px 18px}
  body[data-theme="crimson"] .app-code{display:none}
  body[data-theme="crimson"] .entry-arrow{margin:0 0 0 auto;align-self:center}
  body[data-theme="luxury"] .hub-content{grid-template-columns:minmax(0,1fr)}
  body[data-theme="luxury"] .hub-aside{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-theme="luxury"] .records-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-theme="editorial"] .hub-content{gap:42px}
  body[data-theme="swiss"] .content-grid{grid-template-columns:minmax(0,1fr) 270px;gap:22px}
}
@media(max-width:1050px){
  body[data-theme="crimson"] .workspace{grid-template-columns:190px minmax(0,1fr)}
  body[data-theme="crimson"] #main-content{padding:28px}
  body[data-theme="crimson"] .topbar{padding-inline:28px}
  body[data-theme="crimson"] .hub-content{grid-template-columns:minmax(0,1fr)}
  body[data-theme="crimson"] .hub-aside{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-theme="ledger"] .sidebar{gap:22px;padding-inline:4vw;flex-wrap:wrap}
  body[data-theme="ledger"] .user-card{margin-left:auto}
  body[data-theme="ledger"] .hub-content{gap:28px;grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr)}
  body[data-theme="editorial"] :is(#main-content,.topbar){padding-inline:32px}
  body[data-theme="editorial"] .welcome-title{font-size:46px}
  body[data-theme="editorial"] .hub-content{grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr);gap:32px}
  body[data-theme="luxury"] .workspace{grid-template-columns:190px minmax(0,1fr);gap:17px;padding:18px}
  body[data-theme="luxury"] .sidebar{padding:26px 12px;top:18px}
  body[data-theme="luxury"] .app-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-theme="luxury"] .app-entry:last-child{grid-column:1/-1;min-height:150px}
  body[data-theme="swiss"] .workspace{grid-template-columns:165px minmax(0,1fr)}
  body[data-theme="swiss"] :is(#main-content,.topbar){padding-inline:28px}
  body[data-theme="swiss"] .welcome-title{font-size:47px}
  body[data-theme="swiss"] .welcome-block{grid-template-columns:minmax(0,1fr) 135px;gap:24px}
  body[data-theme="swiss"] .hub-content{grid-template-columns:minmax(0,1fr);gap:29px}
  body[data-theme="swiss"] .app-directory{padding-right:0;border-right:0}
  body[data-theme="swiss"] .hub-aside{padding-left:0;grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-theme="swiss"] .content-grid{grid-template-columns:minmax(0,1fr)}
  body[data-theme="swiss"] .detail-aside{margin-top:4px}
}
@media(max-width:760px){
  body[data-theme] .metric-value{font-size:32px}
  body[data-theme] .metric-label{font-size:12px}
  body[data-theme] .metric-note{font-size:11px}
  body[data-theme] :is(.hub-content,.content-grid){grid-template-columns:minmax(0,1fr)}
  body[data-theme] .hub-aside{grid-template-columns:minmax(0,1fr)}
  body[data-theme] .hub-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-theme] .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-theme] .welcome-note{font-size:12px;line-height:1.9}
  body[data-theme] .app-entry .entry-copy h3{font-size:16px}
  body[data-theme] .app-entry .entry-copy p{font-size:12px}
  body[data-theme] .local-nav{overflow-x:auto;flex-wrap:nowrap}
  body[data-theme] .local-nav button{white-space:nowrap;flex-shrink:0}
  body[data-theme="crimson"] .workspace{display:block}
  body[data-theme="crimson"] .sidebar{display:none}
  body[data-theme="crimson"] :is(#main-content,.topbar){padding-inline:18px}
  body[data-theme="crimson"] #main-content{padding-top:23px}
  body[data-theme="crimson"] .welcome-block{gap:20px;min-height:132px;padding-bottom:20px}
  body[data-theme="crimson"] .welcome-title{font-size:28px}
  body[data-theme="crimson"] .date-display{padding-left:17px}
  body[data-theme="crimson"] .day-number{font-size:45px}
  body[data-theme="crimson"] .metric-card{padding:16px 13px}
  body[data-theme="crimson"] .hub-metrics .metric-card{padding:16px 13px;border:1px solid var(--line);border-radius:6px}
  body[data-theme="crimson"] .hub-metrics{gap:9px;margin-bottom:26px}
  body[data-theme="crimson"] .app-directory{padding:20px 17px}
  body[data-theme="crimson"] :is(.todo-panel,.notice-panel){padding:20px 17px}
  body[data-theme="ledger"] .sidebar{padding:18px;gap:16px;min-height:75px}
  body[data-theme="ledger"] .sidebar .brand{max-width:calc(100% - 70px)}
  body[data-theme="ledger"] #navigation{order:3;flex:0 0 100%}
  body[data-theme="ledger"] .side-nav{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto;gap:10px}
  body[data-theme="ledger"] .side-nav button{min-height:39px;padding:6px 8px;flex-shrink:0}
  body[data-theme="ledger"] .user-card{margin-left:auto}
  body[data-theme="ledger"] :is(#main-content,.topbar){padding-inline:18px}
  body[data-theme="ledger"] #main-content{padding-top:17px}
  body[data-theme="ledger"] .welcome-block{gap:22px;padding:8px 0 28px}
  body[data-theme="ledger"] .welcome-title{font-size:28px;letter-spacing:.5px}
  body[data-theme="ledger"] .date-display{min-width:86px;min-height:125px;padding:12px 10px}
  body[data-theme="ledger"] .day-number{font-size:50px}
  body[data-theme="ledger"] .date-meta{font-size:10px;margin-top:9px}
  body[data-theme="ledger"] .date-display:before{left:18px}
  body[data-theme="ledger"] .date-display:after{right:18px}
  body[data-theme="ledger"] .metric-card{padding:0 13px}
  body[data-theme="ledger"] .hub-metrics{padding:20px 0;margin-bottom:28px}
  body[data-theme="ledger"] .app-directory{padding:22px 19px}
  body[data-theme="ledger"] .app-entry{grid-template-columns:24px 28px minmax(0,1fr) 15px;gap:12px;min-height:101px}
  body[data-theme="ledger"] .hub-content{gap:31px}
  body[data-theme="ledger"] .metric-grid .metric-card:nth-child(3){border-left:0;padding-left:0}
  body[data-theme="ledger"] .metric-grid{row-gap:22px}
  body[data-theme="editorial"] :is(#main-content,.topbar){padding-inline:24px}
  body[data-theme="editorial"] .topbar{min-height:62px}
  body[data-theme="editorial"] #main-content{padding-top:15px}
  body[data-theme="editorial"] .welcome-block{min-height:190px;padding-bottom:30px;gap:22px}
  body[data-theme="editorial"] .eyebrow{font-size:10px;letter-spacing:3px}
  body[data-theme="editorial"] .welcome-title{font-size:38px;max-width:280px;line-height:1.5;letter-spacing:-.9px}
  body[data-theme="editorial"] .date-display{padding-bottom:8px}
  body[data-theme="editorial"] .day-number{font-size:48px;letter-spacing:-1px}
  body[data-theme="editorial"] .date-meta{font-size:11px;margin-top:12px}
  body[data-theme="editorial"] .hub-metrics{margin-bottom:31px;padding-bottom:24px}
  body[data-theme="editorial"] .metric-card{padding:0 13px}
  body[data-theme="editorial"] .hub-content{gap:35px}
  body[data-theme="editorial"] .section-head h2{font-size:19px}
  body[data-theme="editorial"] .app-entry{grid-template-columns:24px 26px minmax(0,1fr) 15px;gap:15px;min-height:101px}
  body[data-theme="editorial"] .metric-grid{row-gap:24px}
  body[data-theme="editorial"] .metric-grid .metric-card:nth-child(3){border-left:0;padding-left:0}
  body[data-theme="luxury"] .workspace{display:block;padding:0}
  body[data-theme="luxury"] .sidebar{display:none}
  body[data-theme="luxury"] :is(#main-content,.topbar){padding-inline:18px}
  body[data-theme="luxury"] #main-content{padding-top:15px}
  body[data-theme="luxury"] .welcome-title{font-size:29px}
  body[data-theme="luxury"] .welcome-block{min-height:137px;padding-bottom:22px;gap:18px}
  body[data-theme="luxury"] .date-display{padding:13px 15px;border-radius:13px}
  body[data-theme="luxury"] .day-number{font-size:43px}
  body[data-theme="luxury"] .metric-card{padding:17px 13px;border-radius:13px}
  body[data-theme="luxury"] .hub-metrics .metric-card{padding:17px 13px;border:1px solid var(--line);border-radius:13px}
  body[data-theme="luxury"] .hub-metrics{gap:9px;margin-bottom:28px}
  body[data-theme="luxury"] .app-links{gap:13px}
  body[data-theme="luxury"] .app-entry{min-height:220px;padding:22px 19px;gap:24px;border-radius:17px}
  body[data-theme="luxury"] .app-entry:last-child{min-height:160px}
  body[data-theme="luxury"] .app-code{top:24px;right:19px}
  body[data-theme="luxury"] .app-symbol{width:43px;height:43px;border-radius:12px}
  body[data-theme="luxury"] :is(.todo-panel,.notice-panel){padding:22px;border-radius:17px}
  body[data-theme="luxury"] .records-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:17px;gap:12px}
  body[data-theme="luxury"] .record-card{padding:18px;border-radius:13px}
  body[data-theme="luxury"] .panel-head{padding:21px 18px}
  body[data-theme="luxury"] .filter-bar{padding-inline:18px}
  body[data-theme="swiss"] .workspace{display:block}
  body[data-theme="swiss"] .sidebar{display:none}
  body[data-theme="swiss"] :is(#main-content,.topbar){padding-inline:18px}
  body[data-theme="swiss"] #main-content{padding-top:24px}
  body[data-theme="swiss"] .welcome-block{grid-template-columns:minmax(0,1fr) 97px;gap:20px;padding-bottom:24px}
  body[data-theme="swiss"] .welcome-title{font-size:38px;letter-spacing:-1.2px;line-height:1.4}
  body[data-theme="swiss"] .date-display{padding-left:13px;border-left-width:3px}
  body[data-theme="swiss"] .day-number{font-size:47px}
  body[data-theme="swiss"] .date-meta{font-size:10px;line-height:1.8;margin-top:12px}
  body[data-theme="swiss"] .hub-metrics{padding:22px 0;margin-bottom:29px}
  body[data-theme="swiss"] .metric-card{padding:0 13px}
  body[data-theme="swiss"] .hub-content{gap:30px}
  body[data-theme="swiss"] .app-entry{grid-template-columns:38px 25px minmax(0,1fr) 16px;gap:14px;min-height:103px}
  body[data-theme="swiss"] .app-code{font-size:23px}
  body[data-theme="swiss"] .app-symbol{width:25px;height:25px}
  body[data-theme="swiss"] .hub-aside{padding:0}
  body[data-theme="swiss"] .metric-grid{row-gap:24px}
  body[data-theme="swiss"] .local-nav button{padding-inline:17px}
  body[data-theme="swiss"] .record-item{padding:20px 12px}
  body[data-theme="swiss"] .detail-aside{padding:21px}
}
@media(max-width:390px){
  body[data-theme] .hub-metrics .metric-card{padding-inline:10px}
  body[data-theme="ledger"] .hub-metrics .metric-card:first-child,body[data-theme="editorial"] .hub-metrics .metric-card:first-child,body[data-theme="swiss"] .hub-metrics .metric-card:first-child{padding-left:0}
  body[data-theme="ledger"] .welcome-block{gap:17px}
  body[data-theme="ledger"] .date-display{min-width:77px}
  body[data-theme="editorial"] :is(#main-content,.topbar){padding-inline:20px}
  body[data-theme="editorial"] .welcome-title{font-size:34px}
  body[data-theme="editorial"] .day-number{font-size:42px}
  body[data-theme="luxury"] .app-links{grid-template-columns:minmax(0,1fr)}
  body[data-theme="luxury"] .app-entry,body[data-theme="luxury"] .app-entry:last-child{grid-column:auto;min-height:195px}
  body[data-theme="luxury"] .records-grid{grid-template-columns:minmax(0,1fr)}
  body[data-theme="swiss"] .welcome-title{font-size:34px}
  body[data-theme="swiss"] .welcome-block{grid-template-columns:minmax(0,1fr) 87px;gap:17px}
}

/* 目录网格必须保留序号列，避免隐藏子项造成列位移。 */
@media(max-width:760px){body[data-theme="ledger"] .app-code,body[data-theme="editorial"] .app-code,body[data-theme="swiss"] .app-code{display:block}body[data-theme="ledger"] .app-entry .entry-copy,body[data-theme="editorial"] .app-entry .entry-copy,body[data-theme="swiss"] .app-entry .entry-copy{width:auto;min-width:0}}
