/* ============================================================
   蜂词GEO 工具站 / 功能模块 / 行业方案 / 符号站 —— 2026-09-10 深色视觉系统 v2
   背景：上一版此层仍是浅色主题（--ts-bg:#F4F7FC、字体 #1A2233），
        与已转深的 toolsite.css 冲突：浅底 + 浅色卡片 + 浅色文字 → 辨识度极低。
   本层改为深色权威层（在 toolsite.css 之后加载），统一三级层次与四档文字对比。
   ============================================================ */
:root{
  /* 背景三级：页面 → 表面 → 内嵌 */
  --ts-bg:#070E1C;
  --ts-bg-2:#0B1628;
  --ts-surface:rgba(255,255,255,.062);
  --ts-surface-2:rgba(255,255,255,.10);
  --ts-inset:#0A1425;
  /* 描边 */
  --ts-line:rgba(147,180,235,.22);
  --ts-line-strong:rgba(147,180,235,.46);
  /* 文字四档 */
  --ts-ink:#F3F7FF;
  --ts-ink-2:#C9D8F0;
  --ts-mut:#93A8C9;
  /* 强调色 */
  --ts-accent:#79B2FF;
  --ts-blue:#2F6BEF;
  --ts-blue-d:#1B47C0;
  --ts-orange:#FF8822;
  --ts-orange-2:#FFA655;
  --ts-gold:#FFC14D;
  --ts-ok:#34D399;
  --ts-bad:#F87171;
  --ts-radius:16px;
  --ts-shadow:0 18px 44px -30px rgba(0,0,0,.85);
  --ts-shadow-lg:0 26px 60px -34px rgba(47,107,239,.85);
  --font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI","MiSans","HarmonyOS Sans SC","PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
}
body{
  font-family:var(--font-ui);color:var(--ts-ink);letter-spacing:.01em;
  background:
    radial-gradient(1100px 520px at 12% -6%,rgba(47,107,239,.20),transparent 62%),
    radial-gradient(900px 460px at 92% 2%,rgba(255,136,34,.10),transparent 60%),
    linear-gradient(180deg,var(--ts-bg) 0%,#081326 45%,var(--ts-bg) 100%);
  background-attachment:fixed;
  -webkit-font-smoothing:antialiased;
}
a{transition:color .2s}
.ts-wrap{max-width:1180px}

/* 顶部导航 */
.ts-header{background:rgba(7,15,30,.82);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border-bottom:1px solid var(--ts-line);box-shadow:0 10px 34px rgba(0,0,0,.42)}
.ts-logo{font-weight:800;font-size:19px;color:#fff}
.ts-logo em{font-weight:400;color:var(--ts-mut)}
.ts-nav a{font-weight:500;border-radius:10px;color:var(--ts-ink-2)}
.ts-nav a:hover{background:var(--ts-surface);color:#fff}
.ts-nav a.on{background:linear-gradient(135deg,rgba(255,136,34,.16),rgba(47,107,239,.12));color:var(--ts-gold);font-weight:700;box-shadow:inset 0 0 0 1px rgba(255,136,34,.28)}
.ts-breadcrumb{background:rgba(255,255,255,.03);backdrop-filter:blur(8px);border-bottom:1px solid var(--ts-line)}

/* 索引头部 */
.ts-index-head{padding:40px 0 12px}
.ts-index-head h1{font-size:34px;font-weight:900;letter-spacing:-.5px;line-height:1.35;color:#fff;text-shadow:0 2px 26px rgba(47,107,239,.4)}
.ts-index-head p{font-size:16.5px;color:var(--ts-ink-2)}

/* 底部 CTA：深色渐变卡 + 金色主按钮（原浅蓝底白字不可读） */
.ts-cta{
  background:linear-gradient(135deg,rgba(27,71,192,.94),rgba(11,22,40,.96) 55%,rgba(255,136,34,.28));
  border:1px solid var(--ts-line-strong);
  box-shadow:0 30px 70px -40px rgba(0,0,0,.95);
}
.ts-cta:hover{transform:translateY(-2px);box-shadow:0 36px 80px -42px rgba(47,107,239,.95)}
.ts-cta h2{color:#fff}
.ts-cta p{color:var(--ts-ink-2)}
.ts-cta .ts-btn{background:linear-gradient(135deg,#FFB84D,#F7A600);color:#1A1408;font-weight:800;box-shadow:0 14px 32px -16px rgba(247,166,0,.95)}
.ts-cta .ts-btn:hover{background:linear-gradient(135deg,#FFC766,#F09500);transform:translateY(-1px)}

/* 分类卡 */
.ts-cat{
  background:linear-gradient(180deg,var(--ts-surface),rgba(255,255,255,.028));
  border:1px solid var(--ts-line);border-radius:var(--ts-radius);box-shadow:var(--ts-shadow);
  transition:border-color .25s,box-shadow .25s;
}
.ts-cat:hover{border-color:var(--ts-line-strong);box-shadow:var(--ts-shadow-lg)}
.ts-cat h2{font-size:19px;font-weight:800;color:#fff;padding-left:14px;border-left:4px solid var(--ts-gold);letter-spacing:.02em}

/* 工具卡 */
.ts-tool-card{
  border:1px solid var(--ts-line);border-radius:12px;
  background:linear-gradient(180deg,var(--ts-surface-2),rgba(255,255,255,.045));
  transition:all .25s cubic-bezier(.22,.61,.36,1);
}
.ts-tool-card:hover{border-color:var(--ts-line-strong);box-shadow:var(--ts-shadow-lg);transform:translateY(-3px);background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.06))}
.ts-tool-card h3{font-size:15.5px;font-weight:700;color:var(--ts-accent)}
.ts-tool-card p{font-size:12.5px;color:var(--ts-mut)}

/* 工具页主体 */
.ts-tool-head h1{font-size:30px;font-weight:900;letter-spacing:-.5px;color:#fff;text-shadow:0 2px 24px rgba(47,107,239,.35)}
.ts-tool-desc{font-size:15.5px;color:var(--ts-ink-2)}
.ts-tool-box,.ts-sec{
  background:linear-gradient(180deg,var(--ts-surface),rgba(255,255,255,.03));
  border:1px solid var(--ts-line);border-radius:var(--ts-radius);box-shadow:var(--ts-shadow);
}
.ts-sec h2{font-size:18.5px;font-weight:800;color:#fff}

/* 表单与按钮 */
.ts-input{border:1px solid var(--ts-line);border-radius:10px;background:var(--ts-inset);color:var(--ts-ink);transition:border-color .2s,box-shadow .2s}
.ts-input::placeholder{color:#6F86A8}
.ts-input:focus{border-color:var(--ts-accent);box-shadow:0 0 0 3px rgba(121,178,255,.20);background:#0C1830}
.ts-btn{border-radius:10px;background:linear-gradient(135deg,#3E7BFF,#2354D8);box-shadow:0 12px 28px -16px rgba(47,107,239,.95);font-weight:600;transition:all .2s cubic-bezier(.22,.61,.36,1);color:#fff}
.ts-btn:hover{background:linear-gradient(135deg,#4C8BFF,#2A5FE8);box-shadow:0 18px 38px -18px rgba(47,107,239,1);transform:translateY(-1px)}
.ts-btn.ghost{background:rgba(255,255,255,.04);border:1px solid var(--ts-line-strong);color:var(--ts-accent);box-shadow:none}
.ts-btn.ghost:hover{background:rgba(121,178,255,.14);color:#fff}
.ts-btn.orange{background:linear-gradient(135deg,#FFA655,#FF8822);color:#1A1408;box-shadow:0 12px 28px -16px rgba(255,136,34,.95)}

/* 输出 / 统计 */
.ts-out,pre.ts-out{background:var(--ts-inset);border:1px solid var(--ts-line);border-left:3px solid var(--ts-accent);border-radius:12px;color:var(--ts-ink)}
pre.ts-out{max-height:420px}
.ts-stats .stat{background:var(--ts-surface);border:1px solid var(--ts-line);border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.ts-stats b{font-size:22px;color:var(--ts-gold)}

/* 侧栏 / 速查 */
.ts-sidebar{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid var(--ts-line);box-shadow:var(--ts-shadow)}
.ts-sidebar .ts-sb-item{border-radius:0 8px 8px 0}
.ts-sb-item.on,.ts-sb-item:hover{background:linear-gradient(135deg,rgba(47,107,239,.26),rgba(255,136,34,.10));color:#fff}
.ts-sb-all{color:var(--ts-gold)}

/* 表格 */
.ts-table{background:var(--ts-surface);border:1px solid var(--ts-line);border-radius:12px;overflow:hidden}
.ts-table th{background:var(--ts-surface-2);color:var(--ts-accent)}
.ts-table th,.ts-table td{border-color:var(--ts-line)}

/* 页脚 */
.ts-footer{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent);color:var(--ts-mut);border-top:1px solid var(--ts-line)}
.ts-footer a,.ts-footer-links a{color:var(--ts-ink-2)}
.ts-footer a:hover,.ts-footer-links a:hover{color:var(--ts-gold)}

/* ---------- 功能模块索引页：阶段卡内边距与间距（保留原修正，颜色转深） ---------- */
.ts-feature-page .feat-cat{padding:30px 30px 26px;margin:26px 0 30px}
.ts-feature-page .feat-cat .feat-stage-role{margin:8px 0 0 58px;color:var(--ts-ink-2)}
.ts-feature-page .feat-cat .feat-group{margin:22px 0 12px;color:var(--ts-ink-2)}
.ts-feature-page .feat-stage-head h2{font-size:23px;font-weight:800;letter-spacing:.5px;color:#fff;padding:0;border-left:none;margin:0}

/* 移动端 */
@media (max-width:640px){
  .ts-index-head h1{font-size:26px}
  .ts-tool-head h1{font-size:24px}
  .ts-cat{padding:16px}
}
@media (max-width:760px){
  .ts-feature-page .feat-cat{padding:22px 16px 18px;margin:20px 0 24px}
  .ts-feature-page .feat-cat .feat-stage-role{margin-left:0;margin-top:6px}
  .ts-feature-page .feat-stage-head h2{font-size:20px}
  .ts-nav{display:none !important}
  .ts-breadcrumb{display:none !important}
  .ts-cta{display:none !important}
  .ts-header-in{flex-wrap:nowrap;min-height:50px;justify-content:flex-start;padding:6px 14px}
  .ts-header{position:sticky;top:0}
}
@media (prefers-reduced-motion:reduce){
  .ts-tool-card,.ts-btn,.ts-cta{transition:none!important;transform:none!important}
}