/* 由 scripts/build-tokens.js 从 server/views/tokens.js 生成，请勿直接编辑。 */
:root{--bg:#FFFFFF;--bg-subtle:#F7F8F9;--bg-hover:#F1F3F5;--border:#E5E7EB;--border-strong:#D1D5DB;--text:#111827;--text-2:#4B5563;--text-3:#9CA3AF;--accent:#0D9488;--accent-hover:#0F766E;--accent-soft:#F0FDFA;--green:#16A34A;--green-soft:#F0FDF4;--amber:#B45309;--amber-soft:#FFFBEB;--red:#DC2626;--radius-el:6px;--radius-card:8px}
  body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text);}
  .font-mono,code,kbd,pre,samp{font-family:'JetBrains Mono', 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;}
  .rounded-\[2rem\]{border-radius:var(--radius-card) !important;}.rounded-\[1\.5rem\]{border-radius:var(--radius-card) !important;}.rounded-\[1\.25rem\]{border-radius:var(--radius-card) !important;}
  /* UI 规范 4.4：不使用阴影。唯一例外是 Hero 搜索框的极轻投影，
     那一处在页面里单独写，这里把 Tailwind 的 shadow 工具类统一压掉。 */
  .shadow,.shadow-sm,.shadow-md,.shadow-lg,.shadow-xl,.shadow-2xl{box-shadow:none !important;}
  /* 键盘可见焦点：全站统一，鼠标点击不出现 */
  :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm,4px);}
  .line-clamp-1,.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;}
  .line-clamp-1{-webkit-line-clamp:1;}
  .line-clamp-2{-webkit-line-clamp:2;}
  .line-clamp-3{-webkit-line-clamp:3;}
  /* UI 规范 7：动效统一 120ms ease-out，且只在用户触发时动 */
  a,button,input,select,textarea,[class*="transition"]{transition-duration:120ms;transition-timing-function:ease-out;}
  /* UI 规范 8：移动端输入框字号 >=16px，避免 iOS 聚焦时自动缩放 */
  @media (max-width:640px){
    input,select,textarea{font-size:16px;}
  }
  @media (prefers-reduced-motion:reduce){
    *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;}
  }
/* 无障碍：屏幕阅读器可见、视觉隐藏。Tailwind 有 sr-only，但静态页只引 tokens.css，所以自己定义一份。 */
  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

  /* ===== 布局容器（demo：max-width 1200px，padding 24px）===== */
  .wrap{max-width:1200px;margin:0 auto;padding:0 24px;}
  .layout{max-width:1200px;margin:0 auto;padding:24px;display:grid;grid-template-columns:1fr 280px;gap:28px;}
  .layout>.content{min-width:0;}

  /* ===== 顶部导航（demo：56px 高）===== */
  .topbar{border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:50;}
  .topbar-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:56px;display:flex;align-items:center;gap:32px;}
  .logo{font-family:'JetBrains Mono', 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;font-weight:700;font-size:18px;letter-spacing:-.5px;color:var(--text);display:flex;align-items:center;gap:8px;flex-shrink:0;}
  .logo-mark{width:24px;height:24px;background:var(--accent);color:#fff;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;}
  .nav{display:flex;gap:4px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;}
  .nav::-webkit-scrollbar{display:none;}
  .nav a{padding:6px 12px;border-radius:6px;color:var(--text-2);font-size:14px;white-space:nowrap;}
  .nav a:hover{background:var(--bg-hover);color:var(--text);}
  /* 当前页：强调色文字 + 加粗 + 浅色底三重区分，不用底部下划线 */
  .nav a.active{color:var(--accent);font-weight:600;background:var(--accent-soft);}
  .topbar-right{display:flex;align-items:center;gap:12px;flex-shrink:0;}

  /* 顶栏迷你搜索（demo：220px，带 kbd） */
  .mini-search{display:flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:6px;padding:5px 10px;color:var(--text-3);font-size:13px;width:220px;flex-shrink:0;}
  .mini-search input{border:none;outline:none;background:transparent;flex:1;min-width:0;font-size:13px;color:var(--text);}
  .mini-search kbd{font-family:'JetBrains Mono', 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;font-size:11px;color:var(--text-3);background:var(--bg-subtle);border:1px solid var(--border);border-radius:4px;padding:1px 5px;}

  /* ===== 按钮（UI 规范 5.1）===== */
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;}
  .btn-primary{background:var(--accent);color:#fff;}
  .btn-primary:hover{background:var(--accent-hover);}
  .btn-ghost{border:1px solid var(--border);color:var(--text);background:#fff;}
  .btn-ghost:hover{background:var(--bg-hover);}
  .btn-text{color:var(--text-3);}
  .btn-text:hover{color:var(--accent);}
  .btn:disabled,.btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed;}

  /* ===== Hero（demo：bg-subtle 底，居中，32px H1）===== */
  .hero{border-bottom:1px solid var(--border);background:var(--bg-subtle);}
  .hero-inner{max-width:1200px;margin:0 auto;padding:56px 24px 48px;text-align:center;}
  .hero h1{font-size:32px;font-weight:700;letter-spacing:-.5px;line-height:1.25;margin:0 0 12px;}
  .hero h1 .accent{color:var(--accent);}
  .hero .lead{color:var(--text-2);font-size:15px;max-width:520px;margin:0 auto 28px;}
  .hero-search{max-width:640px;margin:0 auto;display:flex;background:#fff;border:1px solid var(--border-strong);border-radius:8px;overflow:hidden;box-shadow:0 1px 2px rgba(17,24,39,.04);}
  .hero-search input{flex:1;min-width:0;border:none;outline:none;padding:14px 18px;font-size:15px;color:var(--text);background:transparent;}
  .hero-search input::placeholder{color:var(--text-3);}
  .hero-search button{padding:0 24px;background:var(--text);color:#fff;font-size:14px;font-weight:500;border:none;cursor:pointer;}
  .hero-search button:hover{background:#000;}
  .hero-stats{margin-top:20px;display:flex;justify-content:center;gap:32px;font-size:13px;color:var(--text-3);font-family:'JetBrains Mono', 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;flex-wrap:wrap;}
  .hero-stats b{color:var(--text);font-weight:600;margin-right:4px;}

  /* ===== 分类 tab（demo：下划线式，sticky 在导航下）===== */
  .cat-bar{border-bottom:1px solid var(--border);background:#fff;position:sticky;top:56px;z-index:40;}
  .cat-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
  .cat-inner::-webkit-scrollbar{display:none;}
  .cat{padding:12px 14px;font-size:14px;color:var(--text-2);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer;}
  .cat:hover{color:var(--text);}
  .cat.active{color:var(--text);font-weight:500;border-bottom-color:var(--accent);}
  .cat .count{font-family:'JetBrains Mono', 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;font-size:12px;color:var(--text-3);margin-left:4px;}

  /* ===== 站点卡片（demo：双列 gap 12px，8px 圆角）===== */
  .site-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  .site-card{display:block;border:1px solid var(--border);border-radius:8px;padding:16px;background:#fff;}
  .site-card:hover{border-color:var(--border-strong);background:var(--bg-subtle);}
  .site-head{display:flex;align-items:center;gap:12px;margin-bottom:8px;}
  .site-logo{width:36px;height:36px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;flex-shrink:0;object-fit:cover;background:var(--bg-hover);}
  .site-name{font-weight:600;font-size:15px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;}
  .badge-verified{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--accent);background:var(--accent-soft);padding:1px 6px;border-radius:4px;font-weight:500;}
  .badge-sponsored{display:inline-flex;align-items:center;font-size:11px;color:var(--amber);background:var(--amber-soft);padding:1px 6px;border-radius:4px;font-weight:500;}
  .site-desc{color:var(--text-2);font-size:13px;line-height:1.55;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .site-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--text-3);}

  /* ===== 工具卡片附加信息（Phase 2）===== */
  .tool-plat{font-family:'JetBrains Mono', 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;font-size:11px;color:var(--text-3);}
  .tool-setup{font-family:'JetBrains Mono', 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;font-size:10px;color:var(--text-3);letter-spacing:1px;margin-left:auto;cursor:help;}

  /* ===== 标签（UI 规范 5.3）===== */
  .tag{padding:2px 8px;border-radius:4px;background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-2);font-size:12px;}
  .tag.green{color:var(--green);background:var(--green-soft);border-color:transparent;}
  .tag.amber{color:var(--amber);background:var(--amber-soft);border-color:transparent;}
  .tag.accent{color:var(--accent);background:var(--accent-soft);border-color:transparent;}
  .tag.on{background:var(--text);color:#fff;border-color:var(--text);}

  /* 巡检状态点（demo 的 .ping，MVP 不显示毫秒数） */
  .ping{font-family:'JetBrains Mono', 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;display:inline-flex;align-items:center;gap:4px;color:var(--green);}
  .ping::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0;}
  .ping.bad{color:var(--red);}
  .ping.bad::before{background:var(--red);}
  .ping.unknown{color:var(--text-3);}
  .ping.unknown::before{background:var(--border-strong);}

  /* ===== 侧栏（demo：280px 固定宽）===== */
  .sidebar{display:flex;flex-direction:column;gap:20px;min-width:0;}
  .side-box{border:1px solid var(--border);border-radius:8px;overflow:hidden;}
  .side-title{padding:12px 16px;font-size:13px;font-weight:600;border-bottom:1px solid var(--border);background:var(--bg-subtle);display:flex;align-items:center;justify-content:space-between;gap:8px;}
  .side-title a{font-size:12px;color:var(--text-3);font-weight:400;white-space:nowrap;}
  .side-title a:hover{color:var(--accent);}
  .side-list{padding:6px 0;}
  .side-item{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:13px;}
  .side-item:hover{background:var(--bg-subtle);}
  .side-rank{font-family:'JetBrains Mono', 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;font-size:12px;color:var(--text-3);width:18px;flex-shrink:0;}
  .side-item:nth-child(-n+3) .side-rank{color:var(--accent);font-weight:700;}
  .side-item-name{flex:1;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .side-item-sub{font-size:11px;color:var(--text-3);font-family:'JetBrains Mono', 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;flex-shrink:0;}
  .side-empty{padding:16px;font-size:12px;color:var(--text-3);text-align:center;}

  /* ===== 提示条（UI 规范 5.7：左侧 3px 竖条 + soft 底）===== */
  .notice{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:6px;padding:10px 14px;font-size:13px;color:var(--text-2);background:var(--accent-soft);}
  .notice b{color:var(--text);}

  /* ===== 提交 CTA（demo：虚线框）===== */
  .submit-cta{border:1px dashed var(--border-strong);border-radius:8px;padding:20px;text-align:center;}
  .submit-cta h4{font-size:14px;margin:0 0 4px;font-weight:600;}
  .submit-cta p{font-size:12px;color:var(--text-3);margin:0 0 12px;}

  /* ===== 筛选器（/sites 的排序与标签）===== */
  .filter-box{border:1px solid var(--border);border-radius:8px;padding:4px 16px;margin-bottom:16px;}
  .filter-row{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);}
  .filter-row:last-child{border-bottom:none;}
  .filter-label{flex-shrink:0;width:64px;font-size:12px;font-weight:500;color:var(--text-3);padding-top:3px;}
  .filter-chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0;}
  .filter-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:4px;border:1px solid var(--border);background:#fff;color:var(--text-2);font-size:12px;}
  .filter-chip:hover{border-color:var(--border-strong);}
  .filter-chip.on{background:var(--text);border-color:var(--text);color:#fff;}
  .filter-chip .count{font-family:'JetBrains Mono', 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;font-size:11px;color:var(--text-3);}
  .filter-chip.on .count{color:rgba(255,255,255,.6);}
  .filter-clear a{font-size:12px;color:var(--text-3);}
  .filter-clear a:hover{color:var(--accent);}

  /* ===== 分页 ===== */
  .pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;}
  .pager-info{font-family:'JetBrains Mono', 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;font-size:12px;color:var(--text-3);}

  /* ===== 区块标题 ===== */
  .sec{max-width:1200px;margin:0 auto;padding:32px 24px;}
  .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap;}
  .sec-head h2{font-size:20px;font-weight:600;letter-spacing:-.2px;margin:0;}
  .sec-head p{font-size:13px;color:var(--text-2);margin:4px 0 0;}

  /* ===== 页脚（demo：单行链接 + 版权，不是四栏矩阵）===== */
  .foot{border-top:1px solid var(--border);margin-top:40px;padding:32px 24px;text-align:center;color:var(--text-3);font-size:12px;}
  .foot-links{display:flex;justify-content:center;gap:20px;margin-bottom:12px;flex-wrap:wrap;}
  .foot-links a:hover{color:var(--text-2);}

  /* ===== 表格（排行榜等）===== */
  .tbl{width:100%;border-collapse:collapse;font-size:13px;}
  .tbl th{text-align:left;padding:10px 14px;background:var(--bg-subtle);border-bottom:1px solid var(--border);font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;}
  .tbl td{padding:10px 14px;border-bottom:1px solid var(--border);}
  .tbl tbody tr:last-child td{border-bottom:none;}
  .tbl tbody tr:hover{background:var(--bg-subtle);}
  .tbl-wrap{border:1px solid var(--border);border-radius:8px;overflow:hidden;}

  /* ===== 搜索结果（/search）===== */
  .result-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);}
  .result-item:last-child{border-bottom:none;}
  .result-item:hover{background:var(--bg-subtle);}
  .result-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
  .result-title{font-size:14px;font-weight:600;color:var(--text);}
  .result-desc{font-size:13px;color:var(--text-2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .result-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-3);font-family:'JetBrains Mono', 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;}
  mark{background:var(--accent-soft);color:var(--accent-hover);border-radius:2px;padding:0 1px;}

  /* ===== 排行榜（/rank）===== */
  .rank-num{font-family:'JetBrains Mono', 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;font-size:13px;font-weight:700;color:var(--text-3);}
  .rank-num.top{color:var(--accent);}
  .rank-site{display:flex;align-items:center;gap:10px;min-width:0;}
  .rank-site:hover .rank-name{color:var(--accent);}
  .rank-name{display:block;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .rank-sub{display:block;font-size:11px;color:var(--text-3);}
  .rank-clicks{font-family:'JetBrains Mono', 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;font-size:13px;color:var(--text);}
  .trend{font-family:'JetBrains Mono', 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;font-size:12px;}
  .trend.up{color:var(--green);}
  .trend.down{color:var(--text-3);}

  /* ===== 更新日志（/changelog）===== */
  .log-day{margin-bottom:24px;}
  .log-day-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
  .log-day-head h2{font-size:13px;font-weight:600;margin:0;}
  .log-day-head span{font-size:11px;color:var(--text-3);}
  .log-list{border:1px solid var(--border);border-radius:8px;overflow:hidden;}
  .log-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px;}
  .log-item:last-child{border-bottom:none;}
  .log-item>.tag{flex-shrink:0;}
  .log-body{flex:1;min-width:0;}
  .log-name{font-weight:600;color:var(--text);}
  a.log-name:hover{color:var(--accent);}
  .log-detail{color:var(--text-2);}
  .log-detail::before{content:" · ";color:var(--text-3);}
  .log-time{flex-shrink:0;font-family:'JetBrains Mono', 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;font-size:11px;color:var(--text-3);}

  /* 小屏隐藏次要列 */
  @media (max-width:640px){ .hide-sm{display:none;} }

  /* ===== 表单 ===== */
  .field{margin-bottom:18px;}
  .field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text);}
  /* 字段下方的辅助说明。两种 class 都要支持：
     站点提交页（静态 HTML）用 .field-hint，工具提交页（视图）也用 .field-hint，
     早期还有 .hint 的写法 —— 统一成同一套样式，避免有的有样式有的没有。 */
  .field-hint,.field .hint{display:block;font-size:12px;color:var(--text-3);margin-top:6px;line-height:1.5;}
  .field-hint:empty{display:none;}
  .field input[type="text"],.field input[type="url"],.field input[type="number"],
  .field input[type="search"],.field select,.field textarea{
    width:100%;padding:9px 12px;font-size:14px;color:var(--text);background:#fff;
    border:1px solid var(--border);border-radius:6px;outline:none;font-family:inherit;
  }
  .field input::placeholder,.field textarea::placeholder{color:var(--text-3);}
  .field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);}
  .field textarea{resize:vertical;line-height:1.6;}
  /* 多选行（平台、标签） */
  .checkbox-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2);cursor:pointer;padding:4px 0;}
  .checkbox-row input{accent-color:var(--accent);margin:0;}
  .form-card{border:1px solid var(--border);border-radius:8px;padding:24px;background:#fff;}

  /* ===== 文档型正文（/about /privacy /terms /disclaimer /guidelines）===== */
  .doc{font-size:14px;color:var(--text-2);line-height:1.75;}
  .doc h2{font-size:16px;font-weight:600;color:var(--text);margin:28px 0 10px;}
  .doc h2:first-child{margin-top:0;}
  .doc h3{font-size:14px;font-weight:600;color:var(--text);margin:20px 0 8px;}
  .doc p{margin:0 0 12px;}
  .doc ul,.doc ol{margin:0 0 12px;padding-left:22px;}
  .doc li{margin-bottom:6px;}
  .doc a{color:var(--accent);}
  .doc a:hover{color:var(--accent-hover);text-decoration:underline;}
  .doc strong{color:var(--text);font-weight:600;}
  .doc .notice a{color:var(--accent-hover);}
  .doc-updated{font-size:12px;color:var(--text-3);margin-top:32px;padding-top:16px;border-top:1px solid var(--border);}
  .doc code{font-size:13px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:4px;padding:1px 5px;}

  /* ===== 提交成功页 ===== */
  .ok-card{border:1px solid var(--border);border-radius:8px;padding:32px 28px;text-align:center;}
  .ok-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;margin-bottom:16px;}
  .ok-title{font-size:20px;font-weight:700;margin:0 0 8px;}
  .ok-desc{font-size:14px;color:var(--text-2);line-height:1.7;margin:0 0 24px;}
  .ok-meta{display:grid;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:6px;overflow:hidden;text-align:left;margin:0 0 20px;}
  .ok-meta>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#fff;}
  .ok-meta dt{font-size:12px;color:var(--text-3);margin:0;}
  .ok-meta dd{font-size:13px;color:var(--text);margin:0;text-align:right;}
  .ok-meta dd.mono{font-family:'JetBrains Mono', 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;}
  .ok-hint{font-size:12px;color:var(--text-3);line-height:1.7;margin:0 0 20px;}
  .ok-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;}
  .ok-foot{font-size:12px;color:var(--text-3);margin:20px 0 0;padding-top:16px;border-top:1px solid var(--border);}
  .ok-foot a{color:var(--accent);}

  /* ===== 错误页（404 / 5xx）===== */
  .err-code{font-family:'JetBrains Mono', 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;font-size:56px;font-weight:700;color:var(--border-strong);line-height:1;margin-bottom:16px;}
  .err-title{font-size:24px;font-weight:700;letter-spacing:-.3px;margin:0 0 10px;}
  .err-msg{font-size:14px;color:var(--text-2);line-height:1.7;max-width:420px;margin:0 auto 8px;}
  .err-detail{font-size:12px;color:var(--text-3);font-family:'JetBrains Mono', 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;margin:0 auto 8px;word-break:break-all;}
  .err-actions{display:flex;justify-content:center;gap:10px;margin-top:24px;flex-wrap:wrap;}
  .err-search{display:flex;max-width:400px;margin:28px auto 0;border:1px solid var(--border);border-radius:6px;overflow:hidden;}
  .err-search input{flex:1;min-width:0;border:none;outline:none;padding:9px 12px;font-size:13px;color:var(--text);background:#fff;}
  .err-search button{padding:0 16px;background:var(--bg-hover);color:var(--text-2);font-size:13px;border:none;cursor:pointer;}
  .err-search button:hover{background:var(--border);}

  /* ===== 标签多选（提交页）===== */
  .tag-choice{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--border);border-radius:6px;font-size:12px;color:var(--text-2);cursor:pointer;background:#fff;}
  .tag-choice:hover{border-color:var(--border-strong);}
  .tag-choice input{margin:0;width:13px;height:13px;accent-color:var(--accent);}
  .tag-choice.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-hover);}
  .tag-choice.disabled{opacity:.45;cursor:not-allowed;}

  /* ===== 详情页（站点与工具共用）===== */
  /* 工具详情页 /tool/:slug 与站点详情页共用这套语义 class。
     之前只在生成产物 tokens.css 里加过，被 build:tokens 覆盖了 ——
     改样式必须改这里（tokens.js），不能直接改 tokens.css。 */
  .detail-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px;}
  .detail-title{flex:1;min-width:0;}
  .detail-title h1{font-size:24px;font-weight:700;margin:0 0 4px 0;word-break:break-word;line-height:1.3;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
  .detail-title p{font-size:14px;color:var(--text-2);margin:0;line-height:1.6;}
  .detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;}
  .detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px;}
  .detail-section{margin-top:32px;}
  .detail-section h2{font-size:18px;font-weight:700;margin:0 0 12px 0;}
  .review-box{border:1px solid var(--border);border-radius:8px;padding:16px;}
  .review-foot{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:12px;color:var(--text-3);}
  .crumb{display:flex;align-items:center;gap:6px;padding-top:16px;padding-bottom:16px;font-size:12px;color:var(--text-3);flex-wrap:wrap;}
  .crumb a{color:var(--text-3);}
  .crumb a:hover{color:var(--text);}
  .crumb-current{color:var(--text-2);}
  /* 快速信息表（工具详情页侧栏） */
  .info-list{margin:0;padding:0;}
  .info-list>div{display:flex;gap:12px;padding:9px 16px;border-bottom:1px solid var(--border);font-size:13px;}
  .info-list>div:last-child{border-bottom:none;}
  .info-list dt{flex-shrink:0;width:72px;color:var(--text-3);margin:0;}
  .info-list dd{flex:1;min-width:0;margin:0;color:var(--text);word-break:break-word;}
  .info-list dd .mono{font-family:'JetBrains Mono', 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;font-size:12px;}
  /* 举报弹窗（工具与站点共用） */
  .modal{position:fixed;inset:0;z-index:100;background:rgba(17,24,39,.4);padding:16px;overflow-y:auto;}
  .modal-inner{min-height:100%;display:flex;align-items:center;justify-content:center;}
  .modal-box{width:100%;max-width:440px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:24px;position:relative;}
  .modal-close{position:absolute;top:16px;right:16px;color:var(--text-3);background:none;border:none;cursor:pointer;padding:4px;}
  .modal-close:hover{color:var(--text);}
  .modal-box h3{font-size:17px;font-weight:700;margin:0 0 4px 0;}
  .modal-desc{font-size:13px;color:var(--text-2);margin:0 0 16px;}
  .modal-foot{font-size:12px;color:var(--text-3);text-align:center;margin:10px 0 0;}
  .radio-row{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:13px;cursor:pointer;}
  .radio-row input{accent-color:var(--accent);}

  /* ===== 价格说明（/compare 的小字备注）===== */
  /* 原来是一串灰色 <li> 挤在标题下，三类信息混在一起没有层次。
     改成逐条带图标的小卡：每条一行，前图标+粗体标签，后跟说明文字。 */
  .price-notes{display:flex;flex-direction:column;gap:8px;margin:0 0 20px;max-width:640px;}
  .price-note{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-subtle);font-size:12px;line-height:1.6;color:var(--text-2);}
  .price-note-icon{flex-shrink:0;margin-top:1px;color:var(--text-3);}
  .price-note b{color:var(--text);font-weight:600;}
  .price-note code{font-family:'JetBrains Mono', 'SF Mono', SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;font-size:11px;background:#fff;border:1px solid var(--border);border-radius:3px;padding:0 4px;color:var(--text);}
  /* 待核那条用琥珀色，与表格里的"待核"徽标呼应 */
  .price-note.warn{border-color:var(--amber);background:var(--amber-soft);}
  .price-note.warn .price-note-icon{color:var(--amber);}
  .price-note.warn b{color:var(--amber);}

  /* ===== 空态 ===== */
  .empty{border:1px dashed var(--border-strong);border-radius:8px;padding:48px 24px;text-align:center;}
  .empty-title{font-size:14px;font-weight:500;color:var(--text-2);margin-bottom:4px;}
  .empty-sub{font-size:12px;color:var(--text-3);}

  /* ===== 响应式（UI 规范 8）===== */
  @media (max-width:900px){
    .layout{grid-template-columns:1fr;}
    .sidebar{order:2;}
    .mini-search{display:none;}
  }
  @media (max-width:640px){
    .site-grid{grid-template-columns:1fr;}
    .hero h1{font-size:26px;}
    .hero-inner{padding:40px 16px 32px;}
    .hero-stats{gap:16px;}
    .wrap,.layout,.topbar-inner,.cat-inner,.sec{padding-left:16px;padding-right:16px;}
    .layout{padding-top:16px;padding-bottom:16px;}
    .nav{display:none;}
    /* 移动端触摸目标最小 44px */
    .nav a,.cat,.side-item{min-height:44px;}
    .cat{display:inline-flex;align-items:center;}
  }