* { margin: 0; padding: 0; box-sizing: border-box; }
  body { font-family: -apple-system, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif; background: #fff; color: #202124; min-height: 100vh; display: flex; flex-direction: column; }
  .wrap { width: min(1080px, 92vw); margin: 0 auto; flex: 1; }

  /* 首页状态:居中 */
  #home { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 70vh; }
  #home .logo { font-size: 64px; font-weight: 800; letter-spacing: 2px; user-select: none; }
  #home .logo span:nth-child(1){ color:#4285F4; } #home .logo span:nth-child(2){ color:#EA4335; }
  #home .logo span:nth-child(3){ color:#FBBC05; } #home .logo span:nth-child(4){ color:#4285F4; }
  #home .logo span:nth-child(5){ color:#34A853; } #home .logo span:nth-child(6){ color:#EA4335; }
  .tagline { color:#70757a; margin: 10px 0 28px; font-size: 15px; }
  /* 首页热搜词三列入口 */
  .hottags { margin-top: 26px; width: min(640px, 92vw); }
  .hottags-title { font-size: 13px; color:#70757a; margin-bottom: 10px; display:flex; gap:8px; align-items:center; }
  .hottags-title .refresh { color:#4285F4; cursor:pointer; font-size:12px; background:none; border:none; padding:0; }
  .hottags-title .refresh:hover { text-decoration:underline; }
  .hottags-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap: 5px 18px; }
  /* CLS 修复(2026-10-16 实测): 热搜词/大家正在搜这两块是异步填充的, 原来要 2.5~3.7 秒才出现,
   * 出现时把下面(#wordnav 等)整块顶下去 → 手机 CLS 0.35~0.46(>0.25 算"差")。
   * ① 首帧就渲染同尺寸占位按钮, 高度与真按钮一致(grid 行高由最高的项决定);
   * ② min-height 兜底: 真实条数比预期少时也不会回缩(回缩同样是位移)。
   * 高度值是按填满后实测取的: 手机(2列) 275/310px, 桌面(3列) 170/205px。 */
  .hottags-grid button.ph { color: transparent; cursor: default;
    background: linear-gradient(#eef0f3, #eef0f3) center / 78% 12px no-repeat; border-radius: 4px; }
  #hottags-grid { min-height: 170px; }
  #realtags-grid { min-height: 205px; }
  @media (max-width: 640px) { #hottags-grid { min-height: 275px; } #realtags-grid { min-height: 310px; } }
  .hottags-grid button { text-align:left; background:none; border:none; color:#1a0dab; font-size:14px; cursor:pointer; padding:5px 2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .hottags-grid button:hover { text-decoration:underline; color:#d93025; }
  .hottags-grid .heat { color:#d97706; font-size:12px; margin-left:6px; }
  @media (max-width: 640px) { .hottags-grid { grid-template-columns: repeat(2, 1fr); } }
  .wordnav { margin-top: 30px; width: min(760px, 94vw); }
  /* 词库块同理: 它从"词库加载中…"涨到 3827px(桌面)/6261px(手机), 会把页脚顶下去(桌面实测 CLS 0.059)。
   * 整块预留不现实, 改为预留到"页脚被推到首屏之外"即可 —— 页脚在加载前后都不在视口内, 就不计入 CLS。 */
  .wordnav-body { min-height: 900px; }
  @media (max-width: 640px) { .wordnav-body { min-height: 1100px; } }
  .wordnav-title { font-size: 14px; color:#70757a; margin-bottom: 12px; font-weight:600; display:flex; align-items:center; gap:6px; }
  .wordnav-cat { margin-bottom: 14px; }
  .wordnav-cat-name { font-size: 13px; color:#202124; font-weight:600; margin-bottom: 6px; }
  .wordnav-words { display:flex; flex-wrap:wrap; gap:6px; }
  .wordnav-words a { display:inline-block; padding:4px 12px; border:1px solid #dadce0; border-radius:99px; font-size:13px; color:#1a0dab; text-decoration:none; }
  .wordnav-words a:hover { background:#f8f9fa; color:#d93025; }
  .wordnav-more { color:#4285F4; font-size:13px; text-decoration:none; margin-left:auto; }
  .wordnav-more:hover { text-decoration:underline; }
  .wordnav-sec { margin:16px 0 10px; padding:7px 10px; background:#f1f5ff; border-radius:8px; font-size:12.5px; color:#3c4043; font-weight:600; }
  .wordnav-sec a { color:#4285F4; text-decoration:none; margin-left:6px; font-weight:400; }
  .wordnav-sec a:hover { text-decoration:underline; }

  .searchbar { display:flex; align-items:center; gap:8px; background:#fff; border:1px solid #dfe1e5; border-radius:24px; padding: 4px 8px 4px 20px; width:100%; box-shadow: 0 1px 6px rgba(32,33,36,.1); }
  .searchbar:focus-within { box-shadow: 0 1px 8px rgba(32,33,36,.2); }
  .searchbar input { flex:1; border:none; outline:none; font-size:17px; padding:12px 0; background:transparent; }
  .searchbar button { background:#4285F4; color:#fff; border:none; border-radius:18px; padding:10px 22px; font-size:15px; cursor:pointer; }
  .searchbar button:hover { background:#3367d6; }

  /* 结果状态 */
  #results { display:none; padding-top: 26px; }
  #results .headbar { display:flex; align-items:center; gap:26px; margin-bottom:18px; }
  #results .logo-sm { font-size:26px; font-weight:800; }
  #results .logo-sm span:nth-child(1){ color:#4285F4; } #results .logo-sm span:nth-child(2){ color:#EA4335; }
  #results .logo-sm span:nth-child(3){ color:#FBBC05; } #results .logo-sm span:nth-child(4){ color:#4285F4; }
  #results .logo-sm span:nth-child(5){ color:#34A853; } #results .logo-sm span:nth-child(6){ color:#EA4335; }
  #results .searchbar { max-width:560px; }
  .meta { color:#70757a; font-size:13px; margin-bottom:16px; }
  .note { background:#fef7e0; border:1px solid #fde293; color:#7a5c00; padding:12px 16px; border-radius:8px; font-size:14px; margin-bottom:16px; }
  .item { margin-bottom:26px; }
  .item .domain { color:#202124; font-size:13px; display:flex; align-items:center; gap:6px; }
  .item .domain .fav { width:16px; height:16px; border-radius:50%; background:#e8eaed; display:inline-flex; align-items:center; justify-content:center; font-size:10px; }
  .item .domain .favbtn { border:none; background:transparent; cursor:pointer; font-size:16px; color:#9aa0a6; padding:0 2px; line-height:1; }
  .item .domain .favbtn:hover { color:#f59e0b; }
  .item .domain .favbtn.favbed { color:#f59e0b; }
  .item .domain .favbtn-off { opacity:.45; }
  .topuser { position:fixed; top:14px; right:56px; z-index:50; font-size:13px; }
  .topuser a { color:#4285F4; text-decoration:none; background:#fff; border:1px solid #dadce0; border-radius:999px; padding:6px 14px; display:inline-block; }
  .topuser a:hover { background:#f8f9fa; }
  .item a.title { color:#1a0dab; font-size:20px; line-height:1.4; text-decoration:none; display:block; }
  .item a.title:hover { text-decoration:underline; }
  .item .url { color:#006621; font-size:13px; word-break:break-all; }
  .item .snip { color:#4d5156; font-size:14px; line-height:1.58; margin-top:4px; }
  .hl { color:#d93025; font-weight:700; }
  /* AI 总结按钮 + 总结框 */
  .item .aibtn { border:1px solid #dadce0; background:#fff; border-radius:99px; padding:2px 11px; font-size:12px; color:#1a73e8; cursor:pointer; margin-left:8px; line-height:1.7; }
  .item .aibtn:hover { background:#f0f6ff; border-color:#1a73e8; }
  .aisum { display:none; margin-top:8px; border:1px solid #dbe3ff; background:#f5f8ff; border-radius:10px; padding:10px 14px 12px; font-size:13.5px; line-height:1.65; color:#1e293b; }
  .aisum.aisum-open { display:block; }
  .aisum-head { font-size:12.5px; color:#4f46e5; font-weight:600; margin-bottom:6px; display:flex; align-items:center; gap:8px; cursor:pointer; user-select:none; }
  .aisum-head:hover { opacity:.85; }
  .aisum-state { color:#9ca3af; font-weight:400; font-size:12px; }
  .aisum-err { border-color:#fecaca; background:#fef2f2; }
  .aisum-err .aisum-head { color:#dc2626; }
  .aisum-body { white-space:pre-wrap; }
  body[data-tpl="dark"] .item .aibtn { background:#1a1d24; border-color:#2a2f3a; color:#7aa2ff; }
  body[data-tpl="dark"] .aisum { background:#1c2333; border-color:#2c3a55; color:#c3c9d4; }
  body[data-tpl="dark"] .aisum-head { color:#7aa2ff; }
  body[data-tpl="dark"] .aisum-state { color:#6b7280; }
  body[data-tpl="neon"] .item .aibtn { background:rgba(16,16,34,.7); border-color:#3b3b8a; color:#a78bfa; }
  body[data-tpl="neon"] .aisum { background:rgba(16,16,34,.75); border-color:#2c2c66; color:#b9b9d8; }
  body[data-tpl="neon"] .aisum-head { color:#a78bfa; }
  body[data-tpl="dos"] .item .aibtn { background:#000; border:1px solid #33ff33; border-radius:0; color:#33ff33; font-family:inherit; }
  body[data-tpl="dos"] .aisum { background:#000; border:1px dashed #33ff33; border-radius:0; color:#33dd33; font-family:inherit; }
  body[data-tpl="dos"] .aisum-head { color:#33ff33; }
  /* 分类导航 */
  .typetabs { display:flex; gap:6px; margin-bottom:14px; flex-wrap:wrap; }
  .typetabs button { border:1px solid #dadce0; background:#fff; border-radius:99px; padding:6px 16px; font-size:13.5px; color:#3c4043; cursor:pointer; }
  .typetabs button:hover { background:#f8f9fa; }
  .typetabs button.tcur { background:#4285F4; border-color:#4285F4; color:#fff; font-weight:600; }
  /* 首页分类入口 */
  .typeicons { display:flex; gap:10px; margin-top:16px; flex-wrap:wrap; justify-content:center; }
  .typeicons button { border:1px solid #e8eaed; background:#fff; border-radius:14px; padding:10px 18px; font-size:14px; color:#3c4043; cursor:pointer; box-shadow:0 1px 3px rgba(0,0,0,.06); }
  .typeicons button:hover { box-shadow:0 2px 8px rgba(0,0,0,.12); border-color:#4285F4; color:#1a0dab; }
  .pager button { border:1px solid #dadce0; background:#fff; border-radius:18px; padding:7px 16px; cursor:pointer; font-size:14px; }
  .pager button:hover:not(:disabled) { background:#f8f9fa; }
  .pager button:disabled { opacity:.45; cursor:default; }
  .pager button.cur { background:#4285F4; color:#fff; border-color:#4285F4; font-weight:700; }
  .pager .dots { color:#70757a; padding:0 2px; }
  .pager .info { color:#70757a; font-size:13px; margin-left:6px; }
  .pager select { padding:6px 8px; border:1px solid #dadce0; border-radius:8px; font-size:13px; }
  /* 相关搜索 / 相关结果(右侧边栏) */
  .layout { display:flex; gap:26px; align-items:flex-start; }
  .main-col { flex:1; min-width:0; }
  .side-col { width:340px; flex-shrink:0; position:sticky; top:64px; }
  @media (max-width: 1080px) {
    .layout { flex-direction:column; }
    .side-col { width:100%; position:static; }
  }
  .relblock { border:1px solid #e8eaed; border-radius:12px; padding:16px 16px 10px; }
  .relblock h4 { font-size:14px; color:#202124; margin-bottom:12px; font-weight:700; }
  .relkws { display:flex; flex-wrap:wrap; gap:8px; }
  .relkws button { border:1px solid #dadce0; background:#fff; border-radius:99px; padding:6px 13px; font-size:13px; color:#1a0dab; cursor:pointer; }
  .relkws button:hover { background:#f0f4ff; border-color:#1a0dab; }
  .relitem { margin-bottom:12px; }
  .relitem a { color:#1a0dab; font-size:14px; text-decoration:none; display:block; line-height:1.45; }
  .relitem a:hover { text-decoration:underline; }
  .relitem .relsrc { color:#70757a; font-size:12px; }
  /* POI 列表 */
  .poi-item { margin-bottom:10px; padding:8px 10px; background:#f8fafc; border-radius:8px; border:1px solid #e8eaed; }
  .poi-item:hover { background:#eef2ff; border-color:#1a73e8; }
  .poi-name { font-size:14px; font-weight:600; color:#1a0dab; text-decoration:none; display:block; line-height:1.4; }
  .poi-name:hover { text-decoration:underline; }
  .poi-kind { display:inline-block; font-size:11px; background:#e8eaed; color:#444; border-radius:99px; padding:1px 7px; margin-left:6px; vertical-align:middle; }
  .poi-city { font-size:12px; color:#70757a; margin-top:2px; }
  .poi-addr { font-size:12px; color:#9ca3af; margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  /* POI 分页 */
  .poi-pager { display:flex; gap:6px; align-items:center; margin-top:10px; flex-wrap:wrap; }
  /* POI 入口卡(列表已挪到地图页 earth.cybq.com) */
  .poi-cta .poi-cta-line { font-size:13px; color:#5f6368; line-height:1.5; margin-bottom:9px; }
  .poi-cta .poi-cta-btn { display:inline-block; background:#1a73e8; color:#fff; border-radius:99px; padding:7px 14px; font-size:13px; text-decoration:none; }
  .poi-cta .poi-cta-btn:hover { background:#1765cc; }
  .poi-cta .poi-cta-more { margin-top:9px; font-size:13px; }
  .poi-cta .poi-cta-more a { color:#1a73e8; text-decoration:none; }
  .poi-cta .poi-cta-more a:hover { text-decoration:underline; }
  .poi-pager button { border:1px solid #dadce0; background:#fff; border-radius:99px; padding:5px 12px; font-size:12px; color:#1a73e8; cursor:pointer; }
  .poi-pager button:hover { background:#e8f0fe; }
  .poi-pager button.active { background:#1a73e8; color:#fff; border-color:#1a73e8; }
  .poi-pager .poi-pager-info { font-size:12px; color:#70757a; margin-left:auto; }

  /* AI 生成式答案框(Perplexity 式,置顶卡片) */
  .aibox { margin-bottom:18px; }
  .aibox-head { display:flex; align-items:center; gap:8px; cursor:pointer; font-size:14px; font-weight:700; color:#202124; padding:2px 0 10px; }
  .aibox-head:hover .aibox-title { color:#1a0dab; }
  .aibox-ico { font-size:16px; }
  .aibox-state { margin-left:auto; font-size:12px; font-weight:400; color:#70757a; }
  .aibox-body { font-size:15px; line-height:1.7; color:#202124; overflow-wrap:break-word; }
  .aibox-body p { margin:0 0 8px; }
  .aibox-answer { white-space:pre-wrap; }
  .aibox-spin { display:inline-block; width:14px; height:14px; border:2px solid #dadce0; border-top-color:#1a73e8; border-radius:50%; animation:aispin .8s linear infinite; vertical-align:-2px; margin-right:8px; }
  @keyframes aispin { to { transform: rotate(360deg); } }
  .aibox-sources { display:flex; flex-wrap:wrap; gap:6px; margin:12px 0 0; font-size:12px; color:#70757a; }
  .aibox-src-label { color:#70757a; }
  .aibox-source { border:1px solid #dadce0; border-radius:99px; padding:3px 10px; color:#1a0dab; text-decoration:none; font-size:12px; display:inline-flex; align-items:center; gap:4px; }
  .aibox-source:hover { background:#f0f4ff; border-color:#1a0dab; }
  .aibox-source b { color:#1a73e8; font-weight:600; }
  .aibox-related { margin-top:12px; padding-top:10px; border-top:1px dashed #dadce0; }
  .aibox-related h4 { font-size:13px; color:#70757a; margin:0 0 8px; font-weight:600; }
  .aibox-rel { display:flex; flex-wrap:wrap; gap:8px; }
  .aibox-rel button { border:1px solid #dadce0; background:#fff; border-radius:99px; padding:5px 12px; font-size:13px; color:#1a0dab; cursor:pointer; }
  .aibox-rel button:hover { background:#f0f4ff; border-color:#1a0dab; }
  .aibox-err { color:#d93025; }
  .aibox sup a { color:#1a73e8; text-decoration:none; font-size:11px; }
  .aibox sup a:hover { text-decoration:underline; }
  .aibox.collapsed .aibox-body, .aibox.collapsed .aibox-sources, .aibox.collapsed .aibox-related { display:none; }
  body[data-tpl="dark"] .aibox-head { color:#e5e7eb; } body[data-tpl="dark"] .aibox-body { color:#d1d5db; }
  body[data-tpl="dark"] .aibox-state, body[data-tpl="dark"] .aibox-sources, body[data-tpl="dark"] .aibox-related h4, body[data-tpl="dark"] .aibox-src-label { color:#9ca3af; }
  body[data-tpl="dark"] .aibox-source, body[data-tpl="dark"] .aibox-rel button { background:#1a1d24; border-color:#2a2f3a; color:#7aa2ff; }
  body[data-tpl="dark"] .aibox-related { border-top-color:#262b36; }
  body[data-tpl="neon"] .aibox-head { color:#c4b5fd; } body[data-tpl="neon"] .aibox-body { color:#d8d8ee; }
  body[data-tpl="neon"] .aibox-state { color:#8b8bb8; }
  body[data-tpl="neon"] .aibox-source, body[data-tpl="neon"] .aibox-rel button { background:rgba(16,16,34,.7); border-color:#3b3b8a; color:#a78bfa; }
  /* 推广广告 */
  .adbox { background:#fffdf0; border:1px solid #f2e6b8; border-radius:10px; padding:14px 18px; margin-bottom:18px; }
  .adhead { font-size:12px; color:#b45309; margin-bottom:10px; display:flex; align-items:center; gap:8px; }
  .adhead .tag { background:#eab308; color:#fff; font-size:11px; padding:2px 8px; border-radius:99px; font-weight:700; }
  .aditem { margin-bottom:14px; }
  .aditem:last-child { margin-bottom:0; }
  .aditem .adtag { color:#0a7d4c; font-size:12px; margin-bottom:2px; }
  .aditem a.title { color:#1a0dab; font-size:17px; text-decoration:none; display:block; line-height:1.4; }
  .aditem a.title:hover { text-decoration:underline; }
  .aditem .url { color:#006621; font-size:12px; word-break:break-all; }
  .aditem .snip { color:#4d5156; font-size:13.5px; margin-top:2px; line-height:1.55; }
  footer { text-align:center; color:#9aa0a6; font-size:12px; padding:18px; }
  footer a { color:#4285F4; text-decoration:none; }
  /* 模板切换器 */
  .tplbtn { position:fixed; top:12px; right:14px; width:36px; height:36px; border-radius:50%; border:1px solid #dadce0; background:#fff; font-size:17px; cursor:pointer; z-index:60; box-shadow:0 1px 4px rgba(0,0,0,.1); display:flex; align-items:center; justify-content:center; }
  .tplbtn:hover { box-shadow:0 2px 8px rgba(0,0,0,.16); }
  .tplname { position:fixed; top:52px; right:14px; background:#111827; color:#fff; font-size:11px; padding:3px 9px; border-radius:99px; z-index:60; display:none; }
  .tplbtn:hover + .tplname { display:block; }

  /* ===== 青工具版(qingtools 风格主题) ===== */
  body[data-tpl="qt"] { background:#f3f5f8; }
  body[data-tpl="qt"] .headbar { background:#fff; border-radius:14px; padding:14px 18px; box-shadow:0 1px 5px rgba(0,0,0,.06); margin-bottom:14px; }
  body[data-tpl="qt"] .item { background:#fff; border:1px solid #eef0f3; border-radius:14px; padding:16px 18px; margin-bottom:12px; box-shadow:0 1px 4px rgba(0,0,0,.05); transition:box-shadow .15s; }
  body[data-tpl="qt"] .item:hover { box-shadow:0 5px 16px rgba(37,99,235,.10); }
  body[data-tpl="qt"] .item a.title { font-size:17px; color:#1d4ed8; }
  body[data-tpl="qt"] .item .url { font-size:12px; }
  body[data-tpl="qt"] .adbox { background:#fff8e1; border-color:#fde68a; border-radius:14px; }
  body[data-tpl="qt"] .aditem a.title { color:#1d4ed8; }
  body[data-tpl="qt"] .typetabs button { background:#fff; border-radius:10px; padding:7px 18px; font-size:14px; }
  body[data-tpl="qt"] .typetabs button.tcur { background:linear-gradient(135deg,#2563eb,#4f46e5); border-color:transparent; box-shadow:0 3px 10px rgba(37,99,235,.3); }
  body[data-tpl="qt"] .side-col .relblock { background:#fff; border:none; box-shadow:0 1px 5px rgba(0,0,0,.06); }
  body[data-tpl="qt"] .meta { background:#fff; border-radius:10px; padding:8px 14px; box-shadow:0 1px 4px rgba(0,0,0,.05); margin-bottom:14px; }
  body[data-tpl="qt"] .pager button { border-radius:10px; background:#fff; }
  body[data-tpl="qt"] .pager button.cur { background:linear-gradient(135deg,#2563eb,#4f46e5); }
  body[data-tpl="qt"] #home .logo { font-size:56px; }
  body[data-tpl="qt"] .tagline { color:#64748b; }
  body[data-tpl="qt"] .hottags-grid button { color:#1d4ed8; }
  body[data-tpl="qt"] .typeicons button { border-radius:12px; background:#fff; }
  body[data-tpl="qt"] footer { color:#94a3b8; }

  /* ===== 暗色版(夜间模式) ===== */
  body[data-tpl="dark"] { background:#0f1115; color:#e5e7eb; }
  body[data-tpl="dark"] .tagline { color:#9ca3af; }
  body[data-tpl="dark"] .searchbar { background:#1a1d24; border-color:#2a2f3a; }
  body[data-tpl="dark"] .searchbar input { color:#e5e7eb; }
  body[data-tpl="dark"] .headbar { background:#1a1d24; border-radius:14px; padding:14px 18px; box-shadow:0 1px 5px rgba(0,0,0,.4); margin-bottom:14px; }
  body[data-tpl="dark"] .meta { background:#1a1d24; border-radius:10px; padding:8px 14px; margin-bottom:14px; color:#9ca3af; }
  body[data-tpl="dark"] .item { background:#1a1d24; border:1px solid #262b36; border-radius:14px; padding:16px 18px; margin-bottom:12px; }
  body[data-tpl="dark"] .item a.title { color:#7aa2ff; }
  body[data-tpl="dark"] .item .url { color:#8ab4f8; }
  body[data-tpl="dark"] .item .snip { color:#c3c9d4; }
  body[data-tpl="dark"] .item .domain { color:#9ca3af; }
  body[data-tpl="dark"] .adbox { background:#1c2333; border-color:#2c3a55; }
  body[data-tpl="dark"] .aditem a.title { color:#7aa2ff; }
  body[data-tpl="dark"] .aditem .url { color:#8ab4f8; }
  body[data-tpl="dark"] .aditem .snip { color:#c3c9d4; }
  body[data-tpl="dark"] .typetabs button { background:#1a1d24; border-color:#2a2f3a; color:#c3c9d4; }
  body[data-tpl="dark"] .typetabs button.tcur { background:#2563eb; border-color:#2563eb; color:#fff; }
  body[data-tpl="dark"] .side-col .relblock { background:#1a1d24; border-color:#262b36; }
  body[data-tpl="dark"] .relblock h4 { color:#e5e7eb; }
  body[data-tpl="dark"] .relkws button { background:#1a1d24; border-color:#2a2f3a; color:#7aa2ff; }
  body[data-tpl="dark"] .relitem a { color:#7aa2ff; }
  body[data-tpl="dark"] .relitem .relsrc { color:#9ca3af; }
  body[data-tpl="dark"] .pager button { background:#1a1d24; border-color:#2a2f3a; color:#c3c9d4; }
  body[data-tpl="dark"] .pager button.cur { background:#2563eb; color:#fff; }
  body[data-tpl="dark"] .pager .info, body[data-tpl="dark"] .pager .dots { color:#9ca3af; }
  body[data-tpl="dark"] .hottags-grid button { color:#7aa2ff; }
  body[data-tpl="dark"] .hottags-title { color:#9ca3af; }
  body[data-tpl="dark"] .typeicons button { background:#1a1d24; border-color:#262b36; color:#c3c9d4; }
  body[data-tpl="dark"] .typeicons button:hover { border-color:#2563eb; color:#7aa2ff; }
  body[data-tpl="dark"] .note { background:#332b12; border-color:#55471c; color:#fbbf24; }
  body[data-tpl="dark"] .hl { color:#f87171; }
  body[data-tpl="dark"] footer { color:#6b7280; }
  body[data-tpl="dark"] footer a { color:#7aa2ff; }
  body[data-tpl="dark"] .tplbtn { background:#1a1d24; border-color:#2a2f3a; }

  /* ===== 报刊版(报纸杂志风) ===== */
  body[data-tpl="magazine"] { background:#faf6ef; color:#2b2b2b; font-family:"Noto Serif SC","Songti SC","SimSun",serif; }
  body[data-tpl="magazine"] .tagline { color:#7a6a4f; }
  body[data-tpl="magazine"] .headbar { background:#fffdf8; border-bottom:3px double #c9b78a; padding:14px 4px 12px; margin-bottom:14px; }
  body[data-tpl="magazine"] .item { background:#fffdf8; border-left:4px solid #c9b78a; padding:14px 18px; margin-bottom:14px; }
  body[data-tpl="magazine"] .item a.title { color:#3d2f14; font-size:18px; }
  body[data-tpl="magazine"] .item .url { color:#8a7748; font-size:12px; }
  body[data-tpl="magazine"] .item .snip { color:#4a4030; }
  body[data-tpl="magazine"] .adbox { background:#fdf6e3; border:1px dashed #c9b78a; }
  body[data-tpl="magazine"] .typetabs button { background:#fffdf8; border:1px solid #c9b78a; border-radius:4px; font-family:inherit; }
  body[data-tpl="magazine"] .typetabs button.tcur { background:#c9b78a; color:#fffdf8; }
  body[data-tpl="magazine"] .side-col .relblock { background:#fffdf8; border:1px solid #e8dfc8; border-radius:6px; }
  body[data-tpl="magazine"] .relkws button { background:#fffdf8; border:1px solid #c9b78a; border-radius:4px; font-family:inherit; }
  body[data-tpl="magazine"] .pager button { background:#fffdf8; border:1px solid #c9b78a; border-radius:4px; font-family:inherit; }
  body[data-tpl="magazine"] .pager button.cur { background:#c9b78a; color:#fff; }
  body[data-tpl="magazine"] .hottags-grid button, body[data-tpl="magazine"] .typeicons button { font-family:inherit; color:#3d2f14; }
  body[data-tpl="magazine"] .meta { color:#7a6a4f; }
  body[data-tpl="magazine"] footer { color:#a39060; }

  /* ===== 极简版(留白苹果风) ===== */
  body[data-tpl="minimal"] { background:#fff; color:#1d1d1f; }
  body[data-tpl="minimal"] .headbar { padding:16px 0; margin-bottom:20px; border-bottom:1px solid #f0f0f0; }
  body[data-tpl="minimal"] .item { padding:20px 6px; margin-bottom:6px; border-bottom:1px solid #f0f0f0; }
  body[data-tpl="minimal"] .item a.title { color:#1d1d1f; font-size:19px; font-weight:600; }
  body[data-tpl="minimal"] .item .url { color:#86868b; font-size:12px; }
  body[data-tpl="minimal"] .item .snip { color:#515154; font-size:14px; }
  body[data-tpl="minimal"] .adbox { background:#fafafa; border:none; border-radius:0; }
  body[data-tpl="minimal"] .typetabs button { background:none; border:none; border-bottom:2px solid transparent; border-radius:0; color:#86868b; padding:8px 14px; }
  body[data-tpl="minimal"] .typetabs button.tcur { border-bottom-color:#1d1d1f; color:#1d1d1f; background:none; }
  body[data-tpl="minimal"] .side-col .relblock { background:#fafafa; border:none; border-radius:16px; }
  body[data-tpl="minimal"] .relkws button { background:#fafafa; border:none; border-radius:12px; }
  body[data-tpl="minimal"] .pager button { background:none; border:none; color:#86868b; border-radius:8px; }
  body[data-tpl="minimal"] .pager button.cur { background:#f5f5f7; color:#1d1d1f; }
  body[data-tpl="minimal"] .hottags-grid button { color:#1d1d1f; }
  body[data-tpl="minimal"] .typeicons button { border:none; background:#fafafa; border-radius:14px; }
  body[data-tpl="minimal"] .meta { color:#86868b; }
  body[data-tpl="minimal"] .searchbar { border-radius:14px; }
  body[data-tpl="minimal"] footer { color:#86868b; }

  /* ===== 霓虹版(赛博朋克) ===== */
  body[data-tpl="neon"] { background:#0a0a16; color:#e2e2f0; }
  body[data-tpl="neon"] .tagline { color:#8b8bb8; }
  body[data-tpl="neon"] .searchbar { background:rgba(20,20,40,.7); border-color:#3b3b8a; }
  body[data-tpl="neon"] .searchbar input { color:#e2e2f0; }
  body[data-tpl="neon"] .headbar { margin-bottom:16px; }
  body[data-tpl="neon"] .item { background:rgba(16,16,34,.75); border:1px solid #2c2c66; border-radius:14px; padding:16px 18px; margin-bottom:12px; box-shadow:0 0 18px rgba(124,58,237,.08); }
  body[data-tpl="neon"] .item a.title { background:linear-gradient(90deg,#f472b6,#a78bfa,#60a5fa); -webkit-background-clip:text; background-clip:text; color:transparent; font-size:17px; }
  body[data-tpl="neon"] .item .url { color:#8b8bb8; }
  body[data-tpl="neon"] .item .snip { color:#b9b9d8; }
  body[data-tpl="neon"] .item .domain { color:#8b8bb8; }
  body[data-tpl="neon"] .adbox { background:rgba(40,20,60,.5); border:1px solid #7c3aed; box-shadow:0 0 16px rgba(124,58,237,.25); }
  body[data-tpl="neon"] .aditem a.title { color:#f472b6; }
  body[data-tpl="neon"] .typetabs button { background:rgba(16,16,34,.7); border-color:#3b3b8a; color:#b9b9d8; }
  body[data-tpl="neon"] .typetabs button.tcur { background:linear-gradient(135deg,#7c3aed,#db2777); border-color:transparent; box-shadow:0 0 14px rgba(124,58,237,.5); }
  body[data-tpl="neon"] .side-col .relblock { background:rgba(16,16,34,.75); border:1px solid #2c2c66; }
  body[data-tpl="neon"] .relkws button { background:rgba(16,16,34,.7); border-color:#3b3b8a; color:#a78bfa; }
  body[data-tpl="neon"] .relitem a { color:#a78bfa; }
  body[data-tpl="neon"] .pager button { background:rgba(16,16,34,.7); border-color:#3b3b8a; color:#b9b9d8; }
  body[data-tpl="neon"] .pager button.cur { background:linear-gradient(135deg,#7c3aed,#db2777); color:#fff; }
  body[data-tpl="neon"] .hottags-grid button { color:#f472b6; }
  body[data-tpl="neon"] .typeicons button { background:rgba(16,16,34,.7); border-color:#3b3b8a; color:#b9b9d8; }
  body[data-tpl="neon"] .meta { color:#8b8bb8; }
  body[data-tpl="neon"] .hl { color:#fbbf24; }
  body[data-tpl="neon"] footer { color:#5a5a88; }
  body[data-tpl="neon"] .tplbtn { background:rgba(16,16,34,.8); border-color:#3b3b8a; }

  /* ===== 玻璃版(毛玻璃拟态) ===== */
  body[data-tpl="glass"] { background:linear-gradient(135deg,#e0e7ff,#f5f3ff,#e0f2fe); color:#1e293b; }
  body[data-tpl="glass"] .headbar { background:rgba(255,255,255,.55); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.6); border-radius:18px; padding:14px 18px; box-shadow:0 8px 24px rgba(99,102,241,.10); margin-bottom:16px; }
  body[data-tpl="glass"] .item { background:rgba(255,255,255,.5); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,.65); border-radius:18px; padding:16px 18px; margin-bottom:12px; box-shadow:0 4px 16px rgba(99,102,241,.08); }
  body[data-tpl="glass"] .item a.title { color:#4338ca; }
  body[data-tpl="glass"] .item .url { color:#6d28d9; }
  body[data-tpl="glass"] .adbox { background:rgba(254,249,195,.55); backdrop-filter:blur(10px); border:1px solid rgba(250,204,21,.4); border-radius:18px; }
  body[data-tpl="glass"] .aditem a.title { color:#4338ca; }
  body[data-tpl="glass"] .typetabs button { background:rgba(255,255,255,.5); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.6); border-radius:12px; }
  body[data-tpl="glass"] .typetabs button.tcur { background:linear-gradient(135deg,#6366f1,#8b5cf6); border-color:transparent; box-shadow:0 4px 14px rgba(99,102,241,.35); }
  body[data-tpl="glass"] .side-col .relblock { background:rgba(255,255,255,.5); backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,.6); border-radius:18px; }
  body[data-tpl="glass"] .relkws button { background:rgba(255,255,255,.55); border:1px solid rgba(255,255,255,.6); border-radius:12px; color:#4338ca; }
  body[data-tpl="glass"] .relitem a { color:#4338ca; }
  body[data-tpl="glass"] .pager button { background:rgba(255,255,255,.55); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.6); border-radius:12px; }
  body[data-tpl="glass"] .pager button.cur { background:linear-gradient(135deg,#6366f1,#8b5cf6); color:#fff; }
  body[data-tpl="glass"] .hottags-grid button { color:#4338ca; }
  body[data-tpl="glass"] .typeicons button { background:rgba(255,255,255,.5); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.6); border-radius:14px; }
  body[data-tpl="glass"] .searchbar { background:rgba(255,255,255,.6); backdrop-filter:blur(10px); border-color:rgba(255,255,255,.7); }
  body[data-tpl="glass"] .meta { color:#64748b; }
  body[data-tpl="glass"] footer { color:#64748b; }
  body[data-tpl="glass"] .tplbtn { background:rgba(255,255,255,.6); backdrop-filter:blur(8px); border-color:rgba(255,255,255,.7); }

  /* ===== 水墨中国风 ===== */
  body[data-tpl="ink"] { background:#f7f3ea; color:#2f2a22; font-family:"KaiTi","STKaiti","楷体",serif; }
  body[data-tpl="ink"] .tagline { color:#8a7a5c; }
  body[data-tpl="ink"] .searchbar { background:rgba(255,255,255,.6); border-color:#c9bda3; border-radius:6px; }
  body[data-tpl="ink"] .headbar { border-bottom:2px solid #2f2a22; padding:14px 2px 10px; margin-bottom:14px; }
  body[data-tpl="ink"] .item { background:rgba(255,255,255,.5); border:1px solid #ddd2ba; border-radius:6px; padding:14px 18px; margin-bottom:12px; }
  body[data-tpl="ink"] .item a.title { color:#1f1a12; font-size:18px; font-weight:700; }
  body[data-tpl="ink"] .item .url { color:#8a7a5c; }
  body[data-tpl="ink"] .item .snip { color:#4a4234; }
  body[data-tpl="ink"] .adbox { background:#fbf6ec; border:1px dashed #b03a2e; }
  body[data-tpl="ink"] .aditem a.title { color:#b03a2e; }
  body[data-tpl="ink"] .typetabs button { background:transparent; border:1px solid #c9bda3; border-radius:4px; font-family:inherit; color:#4a4234; }
  body[data-tpl="ink"] .typetabs button.tcur { background:#b03a2e; border-color:#b03a2e; color:#f7f3ea; }
  body[data-tpl="ink"] .side-col .relblock { background:rgba(255,255,255,.55); border:1px solid #ddd2ba; border-radius:6px; }
  body[data-tpl="ink"] .relkws button { background:transparent; border:1px solid #c9bda3; border-radius:4px; font-family:inherit; color:#8a6d3b; }
  body[data-tpl="ink"] .relitem a { color:#1f1a12; }
  body[data-tpl="ink"] .pager button { background:transparent; border:1px solid #c9bda3; border-radius:4px; font-family:inherit; }
  body[data-tpl="ink"] .pager button.cur { background:#2f2a22; color:#f7f3ea; }
  body[data-tpl="ink"] .hottags-grid button { font-family:inherit; color:#8a6d3b; }
  body[data-tpl="ink"] .typeicons button { background:rgba(255,255,255,.5); border:1px solid #c9bda3; border-radius:6px; font-family:inherit; }
  body[data-tpl="ink"] .meta { color:#8a7a5c; }
  body[data-tpl="ink"] .hl { color:#b03a2e; }
  body[data-tpl="ink"] footer { color:#a39070; }
  body[data-tpl="ink"] .tplbtn { background:rgba(255,255,255,.6); border-color:#c9bda3; border-radius:6px; }

  /* ===== 复古 DOS 风 ===== */
  body[data-tpl="dos"] { background:#000; color:#33ff33; font-family:Consolas,"Courier New",monospace; }
  body[data-tpl="dos"] .tagline { color:#33cc33; }
  body[data-tpl="dos"] .searchbar { background:#000; border:1px solid #33ff33; border-radius:0; box-shadow:none; }
  body[data-tpl="dos"] .searchbar input { color:#33ff33; font-family:inherit; }
  body[data-tpl="dos"] .searchbar button { background:#33ff33; color:#000; border-radius:0; font-family:inherit; }
  body[data-tpl="dos"] .headbar { border:1px solid #33ff33; padding:12px 14px; margin-bottom:14px; }
  body[data-tpl="dos"] .item { border:1px solid #33ff33; border-radius:0; padding:12px 14px; margin-bottom:10px; background:rgba(51,255,51,.04); }
  body[data-tpl="dos"] .item a.title { color:#33ff33; font-size:16px; }
  body[data-tpl="dos"] .item .url { color:#33aa33; }
  body[data-tpl="dos"] .item .snip { color:#33dd33; }
  body[data-tpl="dos"] .adbox { border:1px dashed #ffcc33; background:rgba(255,204,51,.05); border-radius:0; }
  body[data-tpl="dos"] .aditem a.title { color:#ffcc33; }
  body[data-tpl="dos"] .typetabs button { background:#000; border:1px solid #33ff33; border-radius:0; color:#33ff33; font-family:inherit; }
  body[data-tpl="dos"] .typetabs button.tcur { background:#33ff33; color:#000; }
  body[data-tpl="dos"] .side-col .relblock { background:#000; border:1px solid #33ff33; border-radius:0; }
  body[data-tpl="dos"] .relkws button { background:#000; border:1px solid #33ff33; border-radius:0; color:#33ff33; font-family:inherit; }
  body[data-tpl="dos"] .relitem a { color:#33ff33; }
  body[data-tpl="dos"] .pager button { background:#000; border:1px solid #33ff33; border-radius:0; color:#33ff33; font-family:inherit; }
  body[data-tpl="dos"] .pager button.cur { background:#33ff33; color:#000; }
  body[data-tpl="dos"] .hottags-grid button, body[data-tpl="dos"] .typeicons button { background:#000; color:#33ff33; font-family:inherit; }
  body[data-tpl="dos"] .meta { color:#33aa33; }
  body[data-tpl="dos"] footer { color:#338833; }
  body[data-tpl="dos"] .tplbtn { background:#000; border:1px solid #33ff33; border-radius:0; }
  body[data-tpl="dos"] .tplname { background:#33ff33; color:#000; }

  /* ===== 糖果少女风 ===== */
  body[data-tpl="candy"] { background:linear-gradient(135deg,#ffe4f0,#e0f0ff,#f3e8ff); color:#5b3a55; }
  body[data-tpl="candy"] .tagline { color:#b78aa8; }
  body[data-tpl="candy"] .searchbar { background:rgba(255,255,255,.75); border-color:#ffcce0; border-radius:24px; }
  body[data-tpl="candy"] .headbar { background:rgba(255,255,255,.6); border-radius:22px; padding:14px 18px; margin-bottom:14px; }
  body[data-tpl="candy"] .item { background:rgba(255,255,255,.75); border:1px solid #ffd6e6; border-radius:20px; padding:16px 18px; margin-bottom:12px; }
  body[data-tpl="candy"] .item a.title { background:linear-gradient(90deg,#ec4899,#a855f7); -webkit-background-clip:text; background-clip:text; color:transparent; font-size:17px; }
  body[data-tpl="candy"] .item .url { color:#c084fc; }
  body[data-tpl="candy"] .item .snip { color:#7c5a74; }
  body[data-tpl="candy"] .adbox { background:rgba(255,236,245,.8); border:1px solid #f9a8d4; border-radius:20px; }
  body[data-tpl="candy"] .aditem a.title { color:#db2777; }
  body[data-tpl="candy"] .typetabs button { background:rgba(255,255,255,.7); border:1px solid #ffcce0; border-radius:99px; color:#7c5a74; }
  body[data-tpl="candy"] .typetabs button.tcur { background:linear-gradient(135deg,#ec4899,#a855f7); border-color:transparent; color:#fff; box-shadow:0 3px 12px rgba(236,72,153,.35); }
  body[data-tpl="candy"] .side-col .relblock { background:rgba(255,255,255,.7); border:1px solid #ffd6e6; border-radius:20px; }
  body[data-tpl="candy"] .relkws button { background:#fff; border:1px solid #ffcce0; border-radius:99px; color:#db2777; }
  body[data-tpl="candy"] .relitem a { color:#db2777; }
  body[data-tpl="candy"] .pager button { background:#fff; border:1px solid #ffcce0; border-radius:99px; }
  body[data-tpl="candy"] .pager button.cur { background:linear-gradient(135deg,#ec4899,#a855f7); color:#fff; }
  body[data-tpl="candy"] .hottags-grid button { color:#db2777; }
  body[data-tpl="candy"] .typeicons button { background:rgba(255,255,255,.7); border:1px solid #ffcce0; border-radius:16px; color:#7c5a74; }
  body[data-tpl="candy"] .meta { color:#b78aa8; }
  body[data-tpl="candy"] footer { color:#c9a3bc; }
  body[data-tpl="candy"] .tplbtn { background:#fff; border-color:#ffcce0; }

  /* ===== 商务蓝金风 ===== */
  body[data-tpl="business"] { background:#f8fafc; color:#1e293b; font-family:"Times New Roman","Noto Serif SC",serif; }
  body[data-tpl="business"] .tagline { color:#64748b; }
  body[data-tpl="business"] .searchbar { border-radius:6px; border-color:#cbd5e1; }
  body[data-tpl="business"] .searchbar button { background:#1e3a5f; border-radius:4px; font-family:inherit; }
  body[data-tpl="business"] .headbar { border-bottom:2px solid #1e3a5f; padding:14px 2px 10px; margin-bottom:14px; }
  body[data-tpl="business"] .item { background:#fff; border-left:4px solid #c9a227; padding:14px 18px; margin-bottom:12px; box-shadow:0 1px 3px rgba(30,58,95,.08); }
  body[data-tpl="business"] .item a.title { color:#1e3a5f; font-size:17px; font-weight:700; }
  body[data-tpl="business"] .item .url { color:#64748b; }
  body[data-tpl="business"] .item .snip { color:#475569; }
  body[data-tpl="business"] .adbox { background:#fdf8e8; border:1px solid #c9a227; border-radius:6px; }
  body[data-tpl="business"] .aditem a.title { color:#8a6d1a; }
  body[data-tpl="business"] .typetabs button { background:#fff; border:1px solid #cbd5e1; border-radius:4px; font-family:inherit; color:#475569; }
  body[data-tpl="business"] .typetabs button.tcur { background:#1e3a5f; border-color:#1e3a5f; color:#fff; }
  body[data-tpl="business"] .side-col .relblock { background:#fff; border:1px solid #e2e8f0; border-radius:6px; }
  body[data-tpl="business"] .relkws button { background:#fff; border:1px solid #cbd5e1; border-radius:4px; font-family:inherit; color:#1e3a5f; }
  body[data-tpl="business"] .relitem a { color:#1e3a5f; }
  body[data-tpl="business"] .pager button { background:#fff; border:1px solid #cbd5e1; border-radius:4px; font-family:inherit; }
  body[data-tpl="business"] .pager button.cur { background:#1e3a5f; color:#fff; }
  body[data-tpl="business"] .hottags-grid button { color:#1e3a5f; }
  body[data-tpl="business"] .typeicons button { background:#fff; border:1px solid #e2e8f0; border-radius:6px; }
  body[data-tpl="business"] .meta { color:#64748b; }
  body[data-tpl="business"] footer { color:#94a3b8; }
  body[data-tpl="business"] .tplbtn { background:#fff; border-color:#cbd5e1; }

  /* ===== 森林清新风 ===== */
  body[data-tpl="forest"] { background:#f0f7f0; color:#2d3a2d; }
  body[data-tpl="forest"] .tagline { color:#6b8f6b; }
  body[data-tpl="forest"] .searchbar { background:rgba(255,255,255,.8); border-color:#c8e0c8; border-radius:16px; }
  body[data-tpl="forest"] .headbar { background:rgba(255,255,255,.65); border-radius:16px; padding:14px 18px; margin-bottom:14px; }
  body[data-tpl="forest"] .item { background:rgba(255,255,255,.8); border:1px solid #d5e8d5; border-radius:16px; padding:15px 18px; margin-bottom:12px; }
  body[data-tpl="forest"] .item a.title { color:#166534; font-size:17px; }
  body[data-tpl="forest"] .item .url { color:#4d7c4d; }
  body[data-tpl="forest"] .item .snip { color:#4a5a4a; }
  body[data-tpl="forest"] .adbox { background:rgba(240,253,240,.8); border:1px solid #86efac; border-radius:16px; }
  body[data-tpl="forest"] .aditem a.title { color:#15803d; }
  body[data-tpl="forest"] .typetabs button { background:rgba(255,255,255,.7); border:1px solid #c8e0c8; border-radius:99px; color:#3f5a3f; }
  body[data-tpl="forest"] .typetabs button.tcur { background:#16a34a; border-color:#16a34a; color:#fff; }
  body[data-tpl="forest"] .side-col .relblock { background:rgba(255,255,255,.7); border:1px solid #d5e8d5; border-radius:16px; }
  body[data-tpl="forest"] .relkws button { background:#fff; border:1px solid #c8e0c8; border-radius:99px; color:#15803d; }
  body[data-tpl="forest"] .relitem a { color:#15803d; }
  body[data-tpl="forest"] .pager button { background:#fff; border:1px solid #c8e0c8; border-radius:99px; }
  body[data-tpl="forest"] .pager button.cur { background:#16a34a; color:#fff; }
  body[data-tpl="forest"] .hottags-grid button { color:#15803d; }
  body[data-tpl="forest"] .typeicons button { background:rgba(255,255,255,.7); border:1px solid #c8e0c8; border-radius:14px; color:#3f5a3f; }
  body[data-tpl="forest"] .meta { color:#6b8f6b; }
  body[data-tpl="forest"] footer { color:#8fae8f; }
  body[data-tpl="forest"] .tplbtn { background:#fff; border-color:#c8e0c8; }

  /* ===== 背景模式:卡片半透明(透出背景) ===== */
  body.hasbg { position:relative; }
  body.hasbg::before {
    content:""; position:fixed; inset:0; z-index:-1;
    background: var(--bg-src, none) center/cover no-repeat fixed;
    opacity: var(--bg-op, .85);
  }
  body[data-bg="img"] .item, body[data-bg="img"] .adbox,
  body[data-bg="img"] .side-col .relblock, body[data-bg="img"] .headbar,
  body[data-bg="img"] .meta, body[data-bg="img"] .note,
  body[data-bg="img"] .typetabs button, body[data-bg="img"] .pager button,
  body[data-bg="img"] .typeicons button, body[data-bg="img"] .relkws button,
  body[data-bg="img"] .hottags-grid button, body[data-bg="img"] .searchbar {
    background: rgba(255,255,255,.88); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  }
  body[data-bg="img"][data-tpl="dark"] .item, body[data-bg="img"][data-tpl="dark"] .adbox,
  body[data-bg="img"][data-tpl="dark"] .side-col .relblock, body[data-bg="img"][data-tpl="dark"] .headbar,
  body[data-bg="img"][data-tpl="dark"] .meta, body[data-bg="img"][data-tpl="dark"] .typetabs button,
  body[data-bg="img"][data-tpl="dark"] .pager button { background: rgba(17,19,26,.88); }
  body[data-bg="img"][data-tpl="neon"] .item, body[data-bg="img"][data-tpl="neon"] .adbox,
  body[data-bg="img"][data-tpl="neon"] .side-col .relblock, body[data-bg="img"][data-tpl="neon"] .typetabs button,
  body[data-bg="img"][data-tpl="neon"] .pager button { background: rgba(14,14,30,.85); }
  body[data-bg="img"][data-tpl="dos"] .item, body[data-bg="img"][data-tpl="dos"] .adbox,
  body[data-bg="img"][data-tpl="dos"] .side-col .relblock, body[data-bg="img"][data-tpl="dos"] .typetabs button,
  body[data-bg="img"][data-tpl="dos"] .pager button { background: rgba(0,0,0,.85); }

  /* ===== 模板与背景设置面板 ===== */
  .tplpanel { position:fixed; inset:0; background:rgba(0,0,0,.4); z-index:80; display:flex; align-items:center; justify-content:center; }
  .tplpanel.hidden { display:none; }
  .tplpanel-inner { background:#fff; border-radius:16px; width:min(620px,92vw); max-height:84vh; overflow:auto; padding:20px 22px; box-shadow:0 20px 60px rgba(0,0,0,.3); }
  .tplpanel-head { display:flex; align-items:center; justify-content:space-between; font-size:17px; font-weight:700; margin-bottom:14px; }
  .tplpanel-head button { border:none; background:#f3f4f6; width:30px; height:30px; border-radius:50%; cursor:pointer; font-size:14px; }
  .tplpanel-sec { font-size:13px; color:#6b7280; margin:14px 0 8px; font-weight:600; }
  .tplgrid, .bggrid { display:grid; grid-template-columns:repeat(auto-fill,minmax(96px,1fr)); gap:8px; }
  .tplgrid button, .bggrid button { border:2px solid #e5e7eb; background:#fff; border-radius:10px; padding:9px 4px; font-size:13px; cursor:pointer; }
  .tplgrid button:hover, .bggrid button:hover { border-color:#2563eb; }
  .tplgrid button.active, .bggrid button.active { border-color:#2563eb; background:#eff6ff; color:#1d4ed8; font-weight:600; }
  .bggrid .bg-swatch { height:34px; border-radius:8px; margin-bottom:5px; border:1px solid #eee; }
  body[data-tpl="dark"] .tplpanel-inner, body[data-tpl="neon"] .tplpanel-inner, body[data-tpl="dos"] .tplpanel-inner { background:#1a1d24; color:#e5e7eb; }
  body[data-tpl="dark"] .tplgrid button, body[data-tpl="dark"] .bggrid button, body[data-tpl="dark"] .tplpanel-head button { background:#242936; border-color:#2a2f3a; color:#c3c9d4; }