/* ════════════════════════════════════════════════════════════════ 竞品情报门户 · 子页主题层（tokens-only） ---------------------------------------------------------------- 门户首页引 portal-theme.css（布局＋皮肤全套）；子页只引本文件， 它「只改变量、基本不改排版」——子页原有的结构/间距/栅格全保留， 颜色跟门户右上角切换器联动，共用 localStorage['yotta.portal.theme']。 两条硬规矩，改的时候别破： ① 本文件必须排在子页自己的 之后。:root 和 [data-theme] 优先级相同，靠「后来者胜」覆盖；顺序一换整个主题层就失效。 ② 结构性规则（圆角/边框/阴影/body 底）一律锁在 [data-page="simple"] 里。.card/.item/.row 这类通用类名， 排期站自己的日历也在用（.row 有 6 个），不加作用域会把日历 整片刷成主题色 —— 这个坑已经踩过一次。 新子页在 早定色脚本里把 data-page 设成 simple 即可。 变量名沿用子页那一套（--bg/--bg2/--card/--accent/…）， 不是门户那套（--ac/--c1..--c5），别混。 ════════════════════════════════════════════════════════════════ */ /* ══════════ 极简 · 暖纸 ══════════ */ [data-theme="d"]{ --bg:#f6f4ef; --bg2:#efebe1; --card:#fffdf9; --card-hover:#fffaf0; --line:#ddd7cc; --line2:#eae4d9; --tx:#1b1a17; --tx2:#55504a; --tx3:#8b847a; --accent:#8b3a2f; --accent2:#a8802c; --ok:#5d7a5a; --warn:#a8802c; --plan:#8b847a; --radius:4px; --serif:"Noto Serif SC",Georgia,serif; /* 排期站专用：桌面底 + 工具条按钮 + 滚动条 + 桌面上的字（日历本体不动） */ --desk:radial-gradient(120% 120% at 30% 0%,#fbf9f4 0%,#f1ede3 58%,#e4ddcd 100%); --desk-tx:#2c2822; --desk-tx2:#7d7466; --desk-tsh:none; --btn-bg:linear-gradient(#fffdf9,#f3efe5); --btn-bd:#c9c0ad; --btn-tx:#3d3730; --btn-sh:0 1px 0 #d8d0be; --btn-tsh:none; --sb-track:#e8e2d4; --sb-thumb:#b7ac95; } /* ══════════ 霓虹 · 亮色科技 ══════════ */ [data-theme="e"]{ --bg:#f2f5ff; --bg2:#e9efff; --card:#ffffff; --card-hover:#f6faff; --line:#dbe4fb; --line2:#c9d6f7; --tx:#141c33; --tx2:#55618a; --tx3:#8a94b4; --accent:#0aa2ff; --accent2:#7c3aed; --ok:#00c2a8; --warn:#ff9f0a; --plan:#8a94b4; --radius:14px; --serif:inherit; --mono:ui-monospace,"SF Mono",Menlo,monospace; --desk:radial-gradient(120% 120% at 30% 0%,#f8fbff 0%,#e9f0ff 58%,#dbe5fb 100%); --desk-tx:#1a2547; --desk-tx2:#6f7ba6; --desk-tsh:none; --btn-bg:linear-gradient(#ffffff,#f2f6ff); --btn-bd:#c6d4f4; --btn-tx:#22305c; --btn-sh:0 2px 8px rgba(60,90,180,.12); --btn-tsh:none; --sb-track:#dce6fb; --sb-thumb:#9db3e4; } /* ══════════ 像素 · 春日草地 ══════════ */ [data-theme="g"]{ --bg:#aed488; --bg2:#e8e0c6; --card:#fffdf2; --card-hover:#f7f3e3; --line:#5d6b4a; --line2:#c8bf9f; --tx:#3f4636; --tx2:#6f7862; --tx3:#8d9779; --accent:#c94f3d; --accent2:#6faa4a; --ok:#4f9d84; --warn:#c78b1e; --plan:#8d9779; --radius:0px; --serif:inherit; --desk:radial-gradient(120% 120% at 30% 0%,#c9e6a8 0%,#aed488 58%,#93c36f 100%); --desk-tx:#33402a; --desk-tx2:#5b6b48; --desk-tsh:0 1px 0 rgba(255,255,255,.5); --btn-bg:linear-gradient(#fffdf2,#f2ecd8); --btn-bd:#5d6b4a; --btn-tx:#3f4636; --btn-sh:2px 2px 0 rgba(93,107,74,.4); --btn-tsh:none; --sb-track:#93c36f; --sb-thumb:#5d6b4a; } /* ────────── 以下结构性规则只作用于「简单子页」 ────────── */ /* 极简 */ [data-page="simple"][data-theme="d"] h1, [data-page="simple"][data-theme="d"] h2{font-family:var(--serif);letter-spacing:.01em} [data-page="simple"][data-theme="d"] header{border-bottom:2px solid var(--tx)} [data-page="simple"][data-theme="d"] .card,[data-page="simple"][data-theme="d"] a.card{ border-radius:var(--radius);box-shadow:none} [data-page="simple"][data-theme="d"] .card:hover, [data-page="simple"][data-theme="d"] a.card:hover{box-shadow:0 2px 0 var(--accent)} /* 霓虹 */ [data-page="simple"][data-theme="e"] body{ background: radial-gradient(58% 40% at 10% 0%,rgba(10,162,255,.14),transparent 70%), radial-gradient(52% 38% at 92% 6%,rgba(255,45,155,.11),transparent 70%), var(--bg); background-attachment:fixed;-webkit-font-smoothing:antialiased} [data-page="simple"][data-theme="e"] .card,[data-page="simple"][data-theme="e"] a.card{ border-radius:var(--radius);box-shadow:0 6px 22px rgba(60,90,180,.07)} [data-page="simple"][data-theme="e"] .card:hover, [data-page="simple"][data-theme="e"] a.card:hover{box-shadow:0 10px 30px rgba(10,162,255,.18)} [data-page="simple"][data-theme="e"] .kicker, [data-page="simple"][data-theme="e"] .sync, [data-page="simple"][data-theme="e"] .cnt{font-family:var(--mono)} /* 像素 */ [data-page="simple"][data-theme="g"] body{ background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 3px,transparent 3px 6px),var(--bg); background-attachment:fixed} [data-page="simple"][data-theme="g"] .card,[data-page="simple"][data-theme="g"] a.card{ border-radius:0;border:2px solid var(--line);box-shadow:3px 3px 0 rgba(93,107,74,.35)} [data-page="simple"][data-theme="g"] .card:hover, [data-page="simple"][data-theme="g"] a.card:hover{ transform:translate(-1px,-1px);box-shadow:5px 5px 0 rgba(93,107,74,.45)} [data-page="simple"][data-theme="g"] header{border-bottom:3px solid var(--line)} [data-page="simple"][data-theme="g"] .tag,[data-page="simple"][data-theme="g"] .chip, [data-page="simple"][data-theme="g"] select,[data-page="simple"][data-theme="g"] input[type=search], [data-page="simple"][data-theme="g"] .note,[data-page="simple"][data-theme="g"] .empty{border-radius:0} [data-page="simple"][data-theme="g"] h1{letter-spacing:.03em} /* 简单子页共通：灯箱遮罩别用纯黑硬边 */ [data-page="simple"] .lb,[data-page="simple"] .lightbox, [data-page="simple"] .modal,[data-page="simple"] .mask{background:rgba(30,34,44,.55)} /* ────────── 排期站：只换「桌面」这层，日历美术保持游戏味 ────────── */ [data-page="schedule"] #ttl{color:var(--desk-tx);text-shadow:var(--desk-tsh,none)} [data-page="schedule"] #ttl small{color:var(--desk-tx2)} [data-page="schedule"] #foot{color:var(--desk-tx2)} [data-page="schedule"] .tsw{top:auto;bottom:14px} /* 顶部让给工具条，切换器挪到右下 */ /* ══════════ 风格切换器 ══════════ */ .tsw{position:fixed;top:16px;right:20px;z-index:80} .tsw-btn{display:flex;align-items:center;gap:8px;padding:7px 13px;font-size:.75rem; cursor:pointer;font-family:inherit;font-weight:600; background:var(--card);border:1px solid var(--line);color:var(--tx2); border-radius:var(--radius)} .tsw-btn svg{width:15px;height:15px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke:var(--accent)} .tsw-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:158px;padding:6px; display:none;flex-direction:column;gap:2px; background:var(--card);border:1px solid var(--line);border-radius:var(--radius); box-shadow:0 8px 26px rgba(40,50,70,.16)} .tsw.open .tsw-menu{display:flex} [data-page="schedule"] .tsw-menu{top:auto;bottom:calc(100% + 8px)} /* 右下角要向上弹 */ .tsw-item{display:flex;align-items:center;gap:10px;padding:9px 11px;font-size:.8rem; cursor:pointer;border:0;background:transparent;font-family:inherit;text-align:left;width:100%; color:var(--tx);border-radius:calc(var(--radius) - 2px)} .tsw-item:hover{background:var(--bg2)} .tsw-sw{width:26px;height:18px;flex:none;border:1px solid var(--line)} .tsw-item .nm{flex:1;font-weight:600} .tsw-item .ck{font-size:.8rem;opacity:0;color:var(--accent)} .tsw-item[aria-checked="true"] .ck{opacity:1} [data-theme="g"] .tsw-btn,[data-theme="g"] .tsw-menu{border-width:2px;box-shadow:3px 3px 0 rgba(93,107,74,.35)}