/* ==========================================================================
   感搜 TouchSo · TOUCH 搜索引擎 —— 样式层 v1.0
   © 2026 感动新视界科技（深圳）有限公司 · 李红光　内部研发件·保密
   结构：① 令牌 ② 基础 ③ 浏览器外壳 ④ 首页 ⑤ 结果页 ⑥ 图片/视频
        ⑦ 感搜AI ⑧ 内容安全 ⑨ 五模式总览 ⑩ 拦截页 ⑪ 通用组件
        ⑫ 五形态适配覆盖（pc / tablet / phone / tv / car）
   ========================================================================== */

/* ------------------------------------------------------------ ① 令牌 -- */
:root{
  --gold:#f2c14e; --cyan:#38c8f5; --purple:#a86cff; --green:#4fd1a5;
  --danger:#ff7a7a; --warn:#ffc36b;

  --bg:#070d18; --bg2:#0a1322; --surface:#0b1526; --card:rgba(255,255,255,.045);
  --card2:rgba(255,255,255,.075); --line:rgba(255,255,255,.10); --line2:rgba(255,255,255,.16);
  --tx:#dbe8ff; --tx2:#9ab4dd; --tx3:#6d86ad; --tx4:#4d6183;
  --chip:rgba(255,255,255,.06);
  --glow:0 0 0 1px rgba(242,193,78,.35), 0 8px 30px rgba(0,0,0,.45);
  --sh:0 6px 26px rgba(0,0,0,.35);
  --r:12px; --r2:16px; --r3:22px;
  --fs:14px;                 /* 基准字号 —— 各模式覆盖 */
  --hit:36px;                /* 最小点击区 */
  --maxw:1180px;
  --dur:.22s;
  --ff:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei","Segoe UI",system-ui,sans-serif;
}
html[data-theme="light"]{
  --bg:#f2f5fa; --bg2:#ffffff; --surface:#ffffff; --card:#ffffff;
  --card2:#f6f8fc; --line:#e2e8f2; --line2:#d3dceb;
  --tx:#16233a; --tx2:#4f6484; --tx3:#7c90ac; --tx4:#a3b2c7;
  --chip:#eef2f9;
  --sh:0 4px 18px rgba(20,40,80,.08);
  --glow:0 0 0 1px rgba(200,150,20,.45), 0 8px 26px rgba(20,40,80,.14);
}
*{ margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html,body{ height:100%; }
body{
  font-family:var(--ff); font-size:var(--fs); color:var(--tx);
  background:
    radial-gradient(1100px 620px at 78% -12%, rgba(56,200,245,.10), transparent 60%),
    radial-gradient(900px 560px at 12% 0%, rgba(168,108,255,.09), transparent 58%),
    var(--bg);
  overflow:hidden; -webkit-font-smoothing:antialiased;
}
button,input,select,textarea{ font-family:inherit; font-size:inherit; color:inherit; }
button{ cursor:pointer; border:none; background:none; }
a{ color:inherit; text-decoration:none; }
::-webkit-scrollbar{ width:9px; height:9px; }
::-webkit-scrollbar-thumb{ background:rgba(140,165,205,.30); border-radius:9px; }
::-webkit-scrollbar-thumb:hover{ background:rgba(140,165,205,.5); }
::-webkit-scrollbar-track{ background:transparent; }
.sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }

/* ------------------------------------------------------------ ② 骨架 -- */
#win{ position:fixed; inset:0; display:flex; flex-direction:column; }
#chrome{ flex:none; background:var(--surface); border-bottom:1px solid var(--line); z-index:30; }
#shell{ flex:1; overflow-y:auto; overflow-x:hidden; position:relative; scroll-behavior:smooth; }
html[data-mode="car"] #shell, html[data-mode="tv"] #shell{ scroll-behavior:auto; }
.view{ display:none; min-height:100%; }
.view.on{ display:block; }
.wrap{ max-width:var(--maxw); margin:0 auto; padding:0 18px; }

/* --------------------------------------------------- ③ 浏览器外壳 ---- */
.tabstrip{ display:flex; align-items:flex-end; gap:4px; padding:6px 8px 0; background:var(--bg2); }
.tab{
  display:flex; align-items:center; gap:8px; min-width:0; max-width:210px; flex:1 1 auto;
  padding:8px 10px; border-radius:10px 10px 0 0; background:transparent; color:var(--tx2);
  font-size:12.5px; border:1px solid transparent; border-bottom:none; transition:background var(--dur);
}
.tab.on{ background:var(--surface); color:var(--tx); border-color:var(--line); }
.tab .fav{ width:14px; height:14px; border-radius:4px; flex:none; background:linear-gradient(135deg,var(--cyan),var(--purple)); }
.tab .tt{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tab .x{ flex:none; width:18px; height:18px; border-radius:50%; display:grid; place-items:center; font-size:13px; color:var(--tx3); }
.tab .x:hover{ background:var(--card2); color:var(--tx); }
.tabact{ flex:none; width:30px; height:30px; margin-bottom:5px; border-radius:9px; display:grid; place-items:center;
  color:var(--tx2); font-size:17px; }
.tabact:hover{ background:var(--card2); color:var(--tx); }
.tabsp{ flex:1; }

.toolbar{ display:flex; align-items:center; gap:8px; padding:8px 12px; border-top:1px solid var(--line); background:var(--surface); }
.nb{ width:34px; height:34px; border-radius:10px; display:grid; place-items:center; color:var(--tx2); font-size:16px; flex:none; transition:background var(--dur),color var(--dur); }
.nb:hover{ background:var(--card2); color:var(--tx); }
.nb:disabled{ opacity:.3; cursor:default; }
.nb:disabled:hover{ background:none; }
.omnibox{
  flex:1; min-width:0; display:flex; align-items:center; gap:9px; height:38px; padding:0 12px;
  background:var(--card); border:1px solid var(--line); border-radius:999px; transition:border-color var(--dur),box-shadow var(--dur);
}
.omnibox:focus-within{ border-color:rgba(56,200,245,.55); box-shadow:0 0 0 3px rgba(56,200,245,.13); }
.omnibox .sec{ flex:none; font-size:13px; color:var(--green); }
.omnibox input{ flex:1; min-width:0; background:none; border:none; outline:none; font-size:13.5px; color:var(--tx); }
.omnibox input::placeholder{ color:var(--tx4); }
.omnibox .om-ico{ flex:none; color:var(--tx3); font-size:14px; }
.pill{ flex:none; padding:5px 11px; border-radius:999px; font-size:12px; border:1px solid var(--line2);
  background:var(--card); color:var(--tx2); display:flex; align-items:center; gap:6px; }
.pill:hover{ background:var(--card2); color:var(--tx); }
.pill.gold{ border-color:rgba(242,193,78,.5); background:rgba(242,193,78,.10); color:var(--gold); }
.pill.cyan{ border-color:rgba(56,200,245,.5); background:rgba(56,200,245,.10); color:var(--cyan); }
.pill.green{ border-color:rgba(79,209,165,.5); background:rgba(79,209,165,.10); color:var(--green); }
.modebadge{ flex:none; display:flex; align-items:center; gap:7px; padding:6px 12px; border-radius:999px;
  border:1px solid rgba(242,193,78,.45); background:rgba(242,193,78,.10); color:var(--gold); font-size:12.5px; font-weight:600; }

.bmbar{ display:flex; align-items:center; gap:4px; padding:5px 12px 7px; background:var(--surface);
  border-top:1px dashed var(--line); overflow-x:auto; }
.bmbar::-webkit-scrollbar{ height:0; }
.bmk{ flex:none; padding:5px 10px; border-radius:8px; font-size:12px; color:var(--tx2); white-space:nowrap; }
.bmk:hover{ background:var(--card2); color:var(--tx); }
.bmk.b{ color:var(--gold); }

/* ------------------------------------------------------------ ④ 首页 -- */
.home{ display:flex; flex-direction:column; align-items:center; padding:clamp(28px,7vh,86px) 18px 40px; }
.brandbig{ display:flex; align-items:center; gap:14px; margin-bottom:6px; }
.brandbig .lg{ width:clamp(36px,4vw,46px); height:clamp(36px,4vw,46px); }
.brandbig h1{ font-size:clamp(30px,4.4vw,46px); font-weight:800; letter-spacing:2px;
  background:linear-gradient(100deg,var(--gold) 12%,#fff 46%,var(--cyan) 88%);
  -webkit-background-clip:text; background-clip:text; color:transparent; }
html[data-theme="light"] .brandbig h1{ background:linear-gradient(100deg,#c8912a 10%,#1d3557 52%,#0f8fc4 92%);
  -webkit-background-clip:text; background-clip:text; }
.brandsub{ color:var(--tx3); font-size:13px; letter-spacing:3px; margin-bottom:26px; }
.searchbig{ width:min(680px,100%); display:flex; align-items:center; gap:10px; height:52px; padding:0 8px 0 18px;
  background:var(--surface); border:1px solid var(--line2); border-radius:999px; box-shadow:var(--sh);
  transition:box-shadow var(--dur),border-color var(--dur); position:relative; }
.searchbig:focus-within{ border-color:rgba(56,200,245,.6); box-shadow:var(--glow); }
.searchbig input{ flex:1; min-width:0; background:none; border:none; outline:none; font-size:15.5px; }
.searchbig input::placeholder{ color:var(--tx4); }
.sb-btn{ flex:none; width:38px; height:38px; border-radius:50%; display:grid; place-items:center; font-size:16px; color:var(--tx2); }
.sb-btn:hover{ background:var(--card2); color:var(--tx); }
.sb-go{ flex:none; padding:0 20px; height:38px; border-radius:999px; font-weight:700; font-size:14px;
  background:linear-gradient(135deg,var(--gold),#e0a92f); color:#20190a; }
.sb-go:hover{ filter:brightness(1.06); }
.suggest{ position:absolute; top:56px; left:0; right:0; background:var(--surface); border:1px solid var(--line2);
  border-radius:var(--r2); box-shadow:var(--sh); overflow:hidden; z-index:40; display:none; }
.suggest.on{ display:block; }
.sg{ display:flex; align-items:center; gap:11px; padding:10px 16px; font-size:13.5px; color:var(--tx2); }
.sg:hover,.sg.cur{ background:var(--card2); color:var(--tx); }
.sg .si{ flex:none; color:var(--tx4); font-size:13px; }
.sg b{ color:var(--gold); font-weight:600; }
.sg .sd{ margin-left:auto; font-size:11.5px; color:var(--tx4); }

.hotwrap{ width:min(680px,100%); margin-top:26px; }
.hothead{ display:flex; align-items:center; gap:9px; margin-bottom:12px; color:var(--tx2); font-size:13px; font-weight:600; }
.hothead .dt{ width:6px; height:6px; border-radius:50%; background:var(--gold); box-shadow:0 0 10px var(--gold); }
.hotlist{ display:grid; grid-template-columns:repeat(2,1fr); gap:9px; }
.hotit{ display:flex; align-items:center; gap:10px; padding:11px 13px; border-radius:var(--r);
  background:var(--card); border:1px solid var(--line); transition:border-color var(--dur),transform var(--dur); }
.hotit:hover{ border-color:rgba(242,193,78,.4); transform:translateY(-1px); }
.hotit .rk{ flex:none; width:20px; font-size:12.5px; color:var(--tx4); font-variant-numeric:tabular-nums; }
.hotit .rk.t1{ color:var(--danger); } .hotit .rk.t2{ color:var(--warn); } .hotit .rk.t3{ color:var(--gold); }
.hotit .tx{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13.5px; }
.hotit .tg{ flex:none; font-size:10.5px; padding:1px 6px; border-radius:5px; font-weight:700; }
.tg.沸{ background:rgba(255,122,122,.18); color:#ff9a9a; } .tg.热{ background:rgba(255,195,107,.18); color:var(--warn); }
.tg.新{ background:rgba(79,209,165,.16); color:var(--green); } .tg.荐{ background:rgba(56,200,245,.16); color:var(--cyan); }
.hotit .hm{ flex:none; font-size:11px; color:var(--tx4); font-variant-numeric:tabular-nums; }

.scwrap{ width:min(680px,100%); margin-top:26px; }
.scgrid{ display:grid; grid-template-columns:repeat(8,1fr); gap:10px; }
.sc{ display:flex; flex-direction:column; align-items:center; gap:8px; padding:10px 4px; border-radius:var(--r);
  transition:background var(--dur); }
.sc:hover{ background:var(--card); }
.sc .ic{ width:44px; height:44px; border-radius:13px; display:grid; place-items:center; font-size:19px;
  border:1px solid var(--line2); }
.sc span{ font-size:11.5px; color:var(--tx2); }

/* ---------------------------------------------------------- ⑤ 结果页 -- */
.serp-top{ position:sticky; top:0; z-index:20; background:var(--surface); border-bottom:1px solid var(--line); padding:12px 0 0; }
.serp-top .row{ display:flex; align-items:center; gap:12px; }
.minibrand{ display:flex; align-items:center; gap:9px; flex:none; }
.minibrand .lg{ width:24px; height:24px; }
.minibrand b{ font-size:19px; font-weight:800; letter-spacing:1px; color:var(--gold); }
.serp-box{ flex:1; min-width:0; display:flex; align-items:center; gap:9px; height:40px; padding:0 14px;
  background:var(--card); border:1px solid var(--line2); border-radius:999px; }
.serp-box:focus-within{ border-color:rgba(56,200,245,.55); box-shadow:0 0 0 3px rgba(56,200,245,.12); }
.serp-box input{ flex:1; min-width:0; background:none; border:none; outline:none; font-size:14px; }
.serp-tabs{ display:flex; gap:2px; margin-top:12px; overflow-x:auto; }
.serp-tabs::-webkit-scrollbar{ height:0; }
.tabx{ flex:none; padding:9px 15px; border-radius:10px 10px 0 0; font-size:13.5px; color:var(--tx3);
  border-bottom:2px solid transparent; white-space:nowrap; }
.tabx:hover{ color:var(--tx); background:var(--card); }
.tabx.on{ color:var(--gold); border-bottom-color:var(--gold); font-weight:600; }
.tabx .cn{ font-size:11px; color:var(--tx4); margin-left:5px; }

.serp-body{ display:grid; grid-template-columns:minmax(0,1fr) 348px; gap:26px; max-width:var(--maxw);
  margin:0; padding:22px 18px 60px; align-items:start; }   /* 列表页靠左（总裁定版 2026-10-12），右栏=关键词推广广告位 */
.res-meta{ font-size:12.5px; color:var(--tx4); margin-bottom:14px; }
.filters{ display:flex; flex-wrap:wrap; gap:7px; margin-bottom:18px; }
.fchip{ padding:5px 11px; border-radius:999px; font-size:12px; border:1px solid var(--line2); background:var(--card); color:var(--tx3); }
.fchip.on{ border-color:rgba(242,193,78,.5); background:rgba(242,193,78,.1); color:var(--gold); }

.result{ padding:0 0 20px; margin-bottom:18px; border-bottom:1px solid var(--line); }
.result:last-child{ border-bottom:none; }
.r-url{ display:flex; align-items:center; gap:7px; font-size:12.5px; color:var(--tx3); margin-bottom:5px; }
.r-url .fd{ width:16px; height:16px; border-radius:5px; flex:none; }
.r-url .bd{ flex:none; font-size:10px; padding:0 5px; border-radius:4px; background:rgba(242,193,78,.16); color:var(--gold); }
.r-title{ font-size:17px; color:var(--cyan); font-weight:600; line-height:1.45; }
html[data-theme="light"] .r-title{ color:#1461a8; }
.r-title:hover{ text-decoration:underline; }
.r-snip{ font-size:13.5px; color:var(--tx2); line-height:1.75; margin-top:6px; }
.r-snip em{ font-style:normal; color:var(--gold); }
.r-foot{ display:flex; align-items:center; gap:12px; margin-top:9px; font-size:12px; color:var(--tx4); }
.r-foot .ax{ color:var(--tx3); } .r-foot .ax:hover{ color:var(--cyan); }
.result.marked{ background:rgba(255,195,107,.06); border:1px dashed rgba(255,195,107,.35); border-radius:var(--r); padding:12px 14px; }
.result.marked .r-title,.result.marked .r-snip{ filter:blur(4.5px); user-select:none; pointer-events:none; }
.safetag{ display:inline-flex; align-items:center; gap:5px; font-size:11.5px; padding:3px 9px; border-radius:999px;
  background:rgba(255,195,107,.15); color:var(--warn); margin-bottom:8px; }
.safetag.red{ background:rgba(255,122,122,.15); color:var(--danger); }

/* 右侧 AI 栏 */
.rail{ position:sticky; top:150px; display:flex; flex-direction:column; gap:14px; }
.card{ background:var(--card); border:1px solid var(--line); border-radius:var(--r2); padding:16px; }
.card.ai{ border-color:rgba(56,200,245,.33); background:linear-gradient(165deg,rgba(56,200,245,.09),rgba(168,108,255,.05) 60%,transparent); }
.card h3{ display:flex; align-items:center; gap:8px; font-size:14.5px; margin-bottom:10px; }
.aihead{ display:flex; align-items:center; gap:9px; margin-bottom:11px; }
.aihead .av{ width:28px; height:28px; border-radius:9px; display:grid; place-items:center; flex:none;
  background:linear-gradient(135deg,var(--cyan),var(--purple)); font-size:14px; }
.aihead b{ font-size:14px; }
.aihead .md{ margin-left:auto; font-size:10.5px; color:var(--tx4); padding:2px 7px; border-radius:6px; background:var(--chip); }
.aibody{ font-size:13.5px; line-height:1.85; color:var(--tx); }
.aibody strong{ color:var(--gold); }
.aibody .cite{ display:inline-block; min-width:15px; height:15px; line-height:15px; text-align:center; font-size:9.5px;
  border-radius:4px; background:rgba(56,200,245,.18); color:var(--cyan); margin:0 2px; vertical-align:super; cursor:pointer; }
.aip{ display:flex; gap:9px; margin-top:11px; font-size:13px; }
.aip .k{ flex:none; width:44px; color:var(--cyan); font-weight:600; }
.aip .v{ flex:1; color:var(--tx2); line-height:1.7; }
.aifollow{ display:flex; flex-wrap:wrap; gap:7px; margin-top:14px; padding-top:12px; border-top:1px dashed var(--line); }
.aifollow .fq{ padding:6px 11px; border-radius:999px; font-size:12px; border:1px solid rgba(56,200,245,.35);
  background:rgba(56,200,245,.07); color:var(--cyan); }
.aifollow .fq:hover{ background:rgba(56,200,245,.16); }
.cursor{ display:inline-block; width:7px; height:14px; background:var(--cyan); vertical-align:-2px; animation:bl .9s steps(1) infinite; }
@keyframes bl{ 50%{ opacity:0; } }

/* ------------------------------------------------------ ⑥ 图片/视频 --- */
.imgrid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:12px; }
.imgcell{ border-radius:var(--r); overflow:hidden; border:1px solid var(--line); background:var(--card); transition:transform var(--dur); }
.imgcell:hover{ transform:translateY(-2px); border-color:var(--line2); }
.imgcell .ph{ width:100%; aspect-ratio:4/3; display:block; }
.imgcell .im{ padding:8px 10px; font-size:12px; color:var(--tx2); }
.imgcell .isz{ float:right; color:var(--tx4); font-size:11px; }
.vgrid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(252px,1fr)); gap:16px; }
.vcell{ border-radius:var(--r); overflow:hidden; border:1px solid var(--line); background:var(--card); }
.vcell .ph{ position:relative; width:100%; aspect-ratio:16/9; }
.vcell .dur{ position:absolute; right:8px; bottom:8px; padding:2px 7px; border-radius:6px; font-size:11px;
  background:rgba(0,0,0,.66); color:#fff; }
.vcell .pl{ position:absolute; inset:0; display:grid; place-items:center; }
.vcell .pl i{ width:46px; height:46px; border-radius:50%; background:rgba(0,0,0,.45); border:2px solid rgba(255,255,255,.85);
  display:grid; place-items:center; color:#fff; font-size:16px; font-style:normal; }
.vcell .vm{ padding:10px 12px; }
.vcell .vt{ font-size:13.5px; line-height:1.5; margin-bottom:6px; }
.vcell .vv{ font-size:11.5px; color:var(--tx4); }
.newslist{ display:flex; flex-direction:column; gap:9px; }
.newsit{ display:flex; gap:14px; padding:14px; border-radius:var(--r); background:var(--card); border:1px solid var(--line); }
.newsit .ph{ width:112px; height:70px; border-radius:9px; flex:none; }
.newsit .nt{ font-size:14.5px; font-weight:600; line-height:1.5; margin-bottom:6px; }
.newsit .ns{ font-size:12.5px; color:var(--tx3); }
.kncard{ background:linear-gradient(160deg,rgba(242,193,78,.08),transparent 65%); border:1px solid rgba(242,193,78,.28);
  border-radius:var(--r2); padding:16px 18px; margin-bottom:20px; }
.kncard h3{ font-size:16px; margin-bottom:12px; color:var(--gold); }
.knrow{ display:flex; gap:12px; padding:7px 0; font-size:13.5px; border-bottom:1px dashed var(--line); }
.knrow:last-child{ border-bottom:none; }
.knrow .kk{ flex:none; width:74px; color:var(--tx3); }
.knrow .kv{ flex:1; color:var(--tx); }

/* ------------------------------------------------------------ ⑦ AI ---- */
.aiview{ max-width:900px; margin:0 auto; padding:24px 18px 90px; }
.chat{ display:flex; flex-direction:column; gap:18px; }
.msg{ display:flex; gap:12px; }
.msg .av{ width:34px; height:34px; border-radius:11px; flex:none; display:grid; place-items:center; font-size:15px; }
.msg.u .av{ background:linear-gradient(135deg,#2a3d61,#16233a); color:var(--gold); }
.msg.a .av{ background:linear-gradient(135deg,var(--cyan),var(--purple)); }
.msg .bd{ flex:1; min-width:0; }
.msg .who{ font-size:11.5px; color:var(--tx4); margin-bottom:6px; }
.bubble{ background:var(--card); border:1px solid var(--line); border-radius:var(--r2); padding:14px 16px;
  font-size:14px; line-height:1.85; }
.msg.u .bubble{ background:var(--card2); }
.bubble .cite{ display:inline-block; min-width:15px; height:15px; line-height:15px; text-align:center; font-size:9.5px;
  border-radius:4px; background:rgba(56,200,245,.18); color:var(--cyan); margin:0 2px; vertical-align:super; cursor:pointer; }
.srcrow{ display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
.srcchip{ display:flex; align-items:center; gap:7px; padding:6px 11px; border-radius:9px; font-size:12px;
  background:var(--chip); border:1px solid var(--line); color:var(--tx2); }
.srcchip .n{ width:15px; height:15px; border-radius:4px; background:rgba(56,200,245,.2); color:var(--cyan);
  font-size:9.5px; display:grid; place-items:center; }
.think{ display:flex; align-items:center; gap:9px; font-size:12.5px; color:var(--tx3); padding:9px 0; }
.think .dot{ width:6px; height:6px; border-radius:50%; background:var(--cyan); animation:pp 1.2s infinite; }
.think .dot:nth-child(2){ animation-delay:.2s; } .think .dot:nth-child(3){ animation-delay:.4s; }
@keyframes pp{ 0%,100%{ opacity:.25; } 50%{ opacity:1; } }
.aiinput{ position:sticky; bottom:0; padding:14px 0; background:linear-gradient(0deg,var(--bg) 62%,transparent); }
.aibox{ display:flex; align-items:center; gap:10px; padding:8px 8px 8px 16px; background:var(--surface);
  border:1px solid var(--line2); border-radius:999px; box-shadow:var(--sh); }
.aibox input{ flex:1; min-width:0; background:none; border:none; outline:none; font-size:14px; }
.aibox button{ flex:none; width:38px; height:38px; border-radius:50%; display:grid; place-items:center; font-size:15px; color:var(--tx2); }
.aibox button.go{ background:linear-gradient(135deg,var(--cyan),#1d9fd0); color:#04121f; font-weight:700; }
.quickq{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:16px; }
.quickq .q{ padding:7px 13px; border-radius:999px; font-size:12.5px; background:var(--card); border:1px solid var(--line); color:var(--tx2); }
.quickq .q:hover{ border-color:var(--cyan); color:var(--cyan); }

/* -------------------------------------------------------- ⑧ 内容安全 -- */
.safewrap{ max-width:1020px; margin:0 auto; padding:24px 18px 70px; }
.pagetitle{ display:flex; align-items:center; gap:12px; margin-bottom:6px; }
.pagetitle .ic{ width:38px; height:38px; border-radius:12px; display:grid; place-items:center; font-size:18px;
  background:linear-gradient(135deg,rgba(79,209,165,.2),rgba(56,200,245,.12)); border:1px solid rgba(79,209,165,.4); }
.pagetitle h2{ font-size:20px; }
.pagedesc{ color:var(--tx3); font-size:13px; margin-bottom:22px; line-height:1.7; }
.grid2{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.grid3{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.pipe{ display:flex; flex-direction:column; gap:0; }
.pstep{ display:flex; gap:13px; padding:12px 0; }
.pstep .idx{ flex:none; width:26px; height:26px; border-radius:9px; display:grid; place-items:center; font-size:12px;
  background:rgba(56,200,245,.14); color:var(--cyan); font-weight:700; }
.pstep .pc{ flex:1; }
.pstep .pt{ font-size:13.5px; font-weight:600; margin-bottom:3px; }
.pstep .pd{ font-size:12.5px; color:var(--tx3); line-height:1.6; }
.pstep .ps{ flex:none; align-self:flex-start; font-size:11px; padding:3px 8px; border-radius:6px;
  background:var(--chip); color:var(--tx3); }
.catrow{ display:flex; align-items:center; gap:12px; padding:11px 13px; border-radius:var(--r);
  background:var(--card); border:1px solid var(--line); margin-bottom:8px; }
.catrow .ic{ width:32px; height:32px; border-radius:10px; display:grid; place-items:center; font-size:15px; flex:none; }
.catrow .nm{ flex:1; font-size:13.5px; }
.catrow .nm small{ display:block; color:var(--tx4); font-size:11.5px; margin-top:2px; }
.catrow .st{ flex:none; font-size:11.5px; color:var(--green); }
.sw{ position:relative; width:42px; height:24px; border-radius:999px; background:var(--line2); flex:none; transition:background var(--dur); }
.sw.on{ background:linear-gradient(135deg,var(--gold),#e0a92f); }
.sw i{ position:absolute; top:2px; left:2px; width:20px; height:20px; border-radius:50%; background:#fff; transition:transform var(--dur); }
.sw.on i{ transform:translateX(18px); }
.lvrow{ display:flex; gap:10px; }
.lv{ flex:1; padding:12px; border-radius:var(--r); border:1px solid var(--line); background:var(--card); }
.lv.on{ border-color:var(--gold); background:rgba(242,193,78,.08); }
.lv b{ font-size:13.5px; display:block; margin-bottom:5px; }
.lv span{ font-size:11.5px; color:var(--tx3); line-height:1.55; }
.logrow{ display:flex; align-items:center; gap:10px; padding:9px 11px; font-size:12.5px; border-bottom:1px dashed var(--line); }
.logrow .tm{ color:var(--tx4); font-variant-numeric:tabular-nums; flex:none; }
.logrow .qy{ flex:1; color:var(--tx2); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.logrow .rs{ flex:none; font-size:11px; padding:2px 8px; border-radius:6px; }
.rs.blk{ background:rgba(255,122,122,.16); color:var(--danger); }
.rs.mask{ background:rgba(255,195,107,.16); color:var(--warn); }
.rs.pass{ background:rgba(79,209,165,.16); color:var(--green); }
.stat{ text-align:center; padding:16px 10px; border-radius:var(--r2); background:var(--card); border:1px solid var(--line); }
.stat .n{ font-size:26px; font-weight:800; font-variant-numeric:tabular-nums; }
.stat .l{ font-size:12px; color:var(--tx3); margin-top:5px; }
.demoq{ display:flex; flex-wrap:wrap; gap:9px; margin-top:12px; }
.demoq button{ padding:9px 14px; border-radius:10px; font-size:12.5px; border:1px solid rgba(255,122,122,.4);
  background:rgba(255,122,122,.08); color:#ffa8a8; }
.demoq button:hover{ background:rgba(255,122,122,.16); }

/* ------------------------------------------------------- ⑨ 五模式 ---- */
.modewrap{ max-width:1160px; margin:0 auto; padding:24px 18px 70px; }
.modewall{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:18px; }
.dev{ border-radius:var(--r2); border:1px solid var(--line); background:var(--card); padding:14px; }
.dev.on{ border-color:var(--gold); box-shadow:0 0 0 1px rgba(242,193,78,.3); }
.dev .dh{ display:flex; align-items:center; gap:9px; margin-bottom:12px; }
.dev .dh .ic{ width:30px; height:30px; border-radius:9px; display:grid; place-items:center; font-size:15px; background:var(--chip); }
.dev .dh b{ font-size:14px; }
.dev .dh .btn{ margin-left:auto; font-size:11.5px; padding:4px 10px; border-radius:8px; border:1px solid var(--line2); color:var(--tx2); }
.dev .dh .btn.on{ border-color:var(--gold); color:var(--gold); background:rgba(242,193,78,.1); }
.dev .dsc{ font-size:11.5px; color:var(--tx3); line-height:1.6; margin-bottom:12px; }
.dev .probe{ font-size:11px; color:var(--tx4); padding-top:10px; border-top:1px dashed var(--line); }
.sk{ border-radius:12px; border:1px solid var(--line2); background:var(--bg2); padding:9px; height:190px; overflow:hidden; }
.sk .bar{ height:16px; border-radius:5px; background:var(--line); margin-bottom:7px; }
.sk .bar.g{ background:linear-gradient(90deg,var(--gold),transparent); }
.sk .bar.c{ background:linear-gradient(90deg,var(--cyan),transparent); }
.sk .bx{ height:44px; border-radius:8px; background:var(--card2); border:1px solid var(--line); margin-bottom:7px; }
.sk.tv .bar{ height:22px; } .sk.tv .bx{ height:58px; }
.sk.car .bx{ height:62px; }
.sk .cols{ display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.herenow{ display:flex; align-items:center; gap:14px; padding:14px 16px; border-radius:var(--r2);
  background:linear-gradient(120deg,rgba(242,193,78,.1),rgba(56,200,245,.06)); border:1px solid rgba(242,193,78,.3); margin-bottom:20px; }
.herenow .big{ font-size:17px; font-weight:700; }
.herenow .sm{ font-size:12.5px; color:var(--tx3); margin-top:4px; line-height:1.7; }
.herenow .kv{ display:flex; gap:8px; flex-wrap:wrap; margin-top:8px; }
.kv-item{ font-size:11.5px; padding:3px 9px; border-radius:7px; background:var(--chip); color:var(--tx2); }
.kv-item b{ color:var(--gold); }

/* ------------------------------------------------------- ⑩ 拦截页 ---- */
.blockpage{ max-width:640px; margin:0 auto; padding:60px 24px; text-align:center; }
.blockpage .bi{ width:78px; height:78px; margin:0 auto 22px; border-radius:24px; display:grid; place-items:center; font-size:34px;
  background:linear-gradient(135deg,rgba(255,122,122,.18),rgba(255,195,107,.12)); border:1px solid rgba(255,122,122,.45); }
.blockpage h2{ font-size:22px; margin-bottom:12px; }
.blockpage .bd{ color:var(--tx2); font-size:13.5px; line-height:1.9; margin-bottom:10px; }
.blockpage .tags{ display:flex; gap:8px; justify-content:center; flex-wrap:wrap; margin:18px 0; }
.blockpage .tags span{ font-size:11.5px; padding:4px 11px; border-radius:999px; background:rgba(255,122,122,.12); color:#ffa8a8; }
.blockpage .acts{ display:flex; gap:12px; justify-content:center; margin-top:24px; flex-wrap:wrap; }
.btn{ padding:11px 22px; border-radius:11px; font-size:13.5px; font-weight:600; }
.btn.pri{ background:linear-gradient(135deg,var(--gold),#e0a92f); color:#20190a; }
.btn.gho{ border:1px solid var(--line2); color:var(--tx2); background:var(--card); }
.btn.gho:hover{ border-color:var(--tx2); color:var(--tx); }

/* ------------------------------------------------------- ⑪ 通用 ------- */
.toast{ position:fixed; left:50%; bottom:34px; transform:translate(-50%,20px); z-index:200; opacity:0;
  padding:12px 22px; border-radius:12px; background:rgba(12,20,36,.96); border:1px solid var(--line2);
  color:var(--tx); font-size:13.5px; box-shadow:var(--sh); transition:opacity var(--dur),transform var(--dur); pointer-events:none; }
html[data-theme="light"] .toast{ background:rgba(255,255,255,.98); }
.toast.on{ opacity:1; transform:translate(-50%,0); }
.drawer{ position:fixed; inset:0; z-index:150; display:none; }
.drawer.on{ display:block; }
.drawer .mask{ position:absolute; inset:0; background:rgba(0,0,0,.55); }
.drawer .pane{ position:absolute; right:0; top:0; bottom:0; width:min(400px,92vw); background:var(--surface);
  border-left:1px solid var(--line2); padding:18px; overflow-y:auto; animation:sl .25s ease; }
@keyframes sl{ from{ transform:translateX(30px); opacity:.4; } }
.drawer h3{ font-size:16px; margin-bottom:14px; display:flex; align-items:center; gap:9px; }
.drawer .x{ margin-left:auto; width:30px; height:30px; border-radius:9px; display:grid; place-items:center; color:var(--tx3); }
.ditem{ display:flex; align-items:center; gap:11px; padding:11px 12px; border-radius:var(--r); border:1px solid var(--line);
  background:var(--card); margin-bottom:8px; }
.ditem .ic{ width:30px; height:30px; border-radius:9px; background:var(--chip); display:grid; place-items:center; flex:none; font-size:14px; }
.ditem .dc{ flex:1; min-width:0; }
.ditem .dt{ font-size:13px; } .ditem .ds{ font-size:11.5px; color:var(--tx4); margin-top:2px; }
.switchrow{ display:flex; align-items:center; gap:11px; padding:11px 0; border-bottom:1px dashed var(--line); font-size:13.5px; }
.switchrow .mut{ margin-left:auto; }
.sectitle{ font-size:12px; color:var(--tx4); letter-spacing:1.5px; margin:20px 0 10px; text-transform:uppercase; }
.footbar{ text-align:center; padding:26px 18px 40px; color:var(--tx4); font-size:11.5px; line-height:2; }
.footbar a{ color:var(--tx3); } .footbar a:hover{ color:var(--gold); }
/* 页脚品牌小标：裸 span 定宽，防 LOGO 图回退原始 192px */
.footbar [data-logo]{ width:20px; height:20px; display:inline-block; vertical-align:middle; }
.bnav{ display:none; }

/* =========================================================== ⑫ 五形态 == */

/* ---------------- 电脑 PC：宽屏多栏、紧凑 ---------------- */
html[data-mode="pc"]{ --fs:14px; --maxw:1200px; --hit:34px; }

/* ---------------- 平板 Pad：双栏、大命中区 ---------------- */
html[data-mode="tablet"]{ --fs:15px; --maxw:900px; --hit:42px; --r:14px; }
html[data-mode="tablet"] .serp-body{ grid-template-columns:minmax(0,1fr) 300px; }
html[data-mode="tablet"] .scgrid{ grid-template-columns:repeat(6,1fr); }

/* ---------------- 手机 Phone：单列、底部导航 ---------------- */
html[data-mode="phone"]{ --fs:15px; --maxw:100%; --hit:46px; --r:14px; --r2:18px; }
html[data-mode="phone"] .tabstrip, html[data-mode="phone"] .bmbar{ display:none; }
html[data-mode="phone"] .toolbar{ padding:8px 10px; gap:6px; }
html[data-mode="phone"] .nb.opt{ display:none; }
html[data-mode="phone"] .serp-body{ grid-template-columns:1fr; gap:14px; padding:14px 12px 96px; }
html[data-mode="phone"] .rail{ position:static; }
html[data-mode="phone"] .hotlist{ grid-template-columns:1fr; }
html[data-mode="phone"] .scgrid{ grid-template-columns:repeat(4,1fr); }
html[data-mode="phone"] .imgrid{ grid-template-columns:repeat(2,1fr); gap:8px; }
html[data-mode="phone"] .vgrid{ grid-template-columns:1fr; }
html[data-mode="phone"] .grid2, html[data-mode="phone"] .grid3{ grid-template-columns:1fr; }
html[data-mode="phone"] .lvrow{ flex-direction:column; }
html[data-mode="phone"] .result{ padding-bottom:16px; margin-bottom:14px; }
html[data-mode="phone"] .r-title{ font-size:16px; }
html[data-mode="phone"] .newsit .ph{ width:86px; height:60px; }
html[data-mode="phone"] .serp-tabs{ margin:10px -12px 0; padding:0 12px; }
html[data-mode="phone"] .bnav{ display:flex; }

/* ---------------- 电视 TV：10 英尺 UI、焦点导航 ---------------- */
html[data-mode="tv"]{ --fs:19px; --maxw:1400px; --r:16px; --r2:22px; --hit:56px; }
html[data-mode="tv"] body{ background:#04070d; }
html[data-mode="tv"] .tabstrip{ display:none; }
html[data-mode="tv"] .bmbar{ display:none; }
html[data-mode="tv"] .toolbar{ padding:16px 32px; gap:14px; }
html[data-mode="tv"] .omnibox{ height:56px; }
html[data-mode="tv"] .nb{ width:52px; height:52px; font-size:22px; }
html[data-mode="tv"] .brandbig h1{ font-size:74px; }
html[data-mode="tv"] .searchbig{ height:74px; max-width:1000px; }
html[data-mode="tv"] .serp-body{ grid-template-columns:minmax(0,1fr) 460px; gap:40px; }
html[data-mode="tv"] .r-title{ font-size:26px; }
html[data-mode="tv"] .r-snip{ font-size:19px; }
html[data-mode="tv"] .hotlist{ grid-template-columns:repeat(2,1fr); }
html[data-mode="tv"] .scgrid{ grid-template-columns:repeat(8,1fr); }
html[data-mode="tv"] .sc .ic{ width:64px; height:64px; font-size:28px; border-radius:18px; }
/* 遥控焦点环 */
html[data-mode="tv"] :focus-visible, html[data-mode="tv"] .focused{
  outline:none; box-shadow:0 0 0 4px var(--gold), 0 0 30px rgba(242,193,78,.4); border-radius:12px; }
html[data-mode="tv"] .focushint{ display:flex !important; }

/* ---------------- 车载 Car：语音优先、驾驶安全 ---------------- */
html[data-mode="car"]{ --fs:20px; --maxw:1200px; --r:18px; --r2:24px; --hit:64px; }
html[data-mode="car"] .tabstrip, html[data-mode="car"] .bmbar{ display:none; }
html[data-mode="car"] .toolbar{ padding:14px 28px; gap:12px; }
html[data-mode="car"] .nb{ width:56px; height:56px; font-size:24px; }
html[data-mode="car"] .omnibox{ height:58px; font-size:19px; }
html[data-mode="car"] .brandbig h1{ font-size:60px; }
html[data-mode="car"] .searchbig{ height:76px; }
html[data-mode="car"] .serp-body{ grid-template-columns:1fr; gap:18px; max-width:1000px; padding:20px 24px 40px; }
html[data-mode="car"] .rail{ position:static; }
html[data-mode="car"] .r-title{ font-size:24px; } html[data-mode="car"] .r-snip{ font-size:18px; line-height:1.85; }
html[data-mode="car"] .result{ padding-bottom:26px; margin-bottom:24px; }
html[data-mode="car"] .hotlist{ grid-template-columns:1fr; }
html[data-mode="car"] .scgrid{ grid-template-columns:repeat(4,1fr); }
html[data-mode="car"] .sc .ic{ width:66px; height:66px; font-size:30px; border-radius:20px; }
html[data-mode="car"] *{ transition:none !important; animation-duration:.001s !important; }
html[data-mode="car"] .voicehero{ display:flex !important; }
.voicehero, .focushint{ display:none; }
.voicehero{ align-items:center; gap:20px; padding:18px 22px; margin-bottom:20px; border-radius:var(--r2);
  background:linear-gradient(120deg,rgba(56,200,245,.12),rgba(168,108,255,.07)); border:1px solid rgba(56,200,245,.35); }
.voicehero .mic{ width:86px; height:86px; border-radius:50%; flex:none; display:grid; place-items:center; font-size:36px;
  background:linear-gradient(135deg,var(--cyan),var(--purple)); color:#04121f; box-shadow:0 0 34px rgba(56,200,245,.4); }
.voicehero .vt{ font-size:22px; font-weight:700; }
.voicehero .vs{ font-size:15px; color:var(--tx2); margin-top:7px; line-height:1.7; }

/* 底部导航（手机） */
.bnav{ position:fixed; left:0; right:0; bottom:0; z-index:60; background:var(--surface); border-top:1px solid var(--line);
  padding:6px 8px calc(env(safe-area-inset-bottom) + 6px); justify-content:space-around; }
.bnav button{ flex:1; display:flex; flex-direction:column; align-items:center; gap:3px; padding:6px 2px; border-radius:10px;
  color:var(--tx3); font-size:10.5px; }
.bnav button i{ font-size:19px; font-style:normal; }
.bnav button.on{ color:var(--gold); }
.noprint{ }
@media print{ .noprint{ display:none; } }

/* ===================================================== ⑬ 客户端形态覆盖 = */

/* ---- 手机·平板端（App 外壳）：无标签栏 / 书签栏 / 地址栏 ---- */
html[data-client="mobile"] .tabstrip,
html[data-client="mobile"] .bmbar,
html[data-client="mobile"] .toolbar{ display:none; }
.mbar{ display:none; }
html[data-client="mobile"] .mbar{
  display:flex; align-items:center; gap:8px;
  padding:calc(env(safe-area-inset-top) + 8px) 12px 9px;
  background:var(--surface); border-bottom:1px solid var(--line);
}
html[data-client="mobile"] .mbar .omnibox{ height:40px; }
html[data-client="mobile"] .mbar .nb{ width:38px; height:38px; font-size:17px; }
html[data-client="mobile"] .bnav{ display:flex; }
html[data-client="mobile"] .home{ padding-top:clamp(20px,5vh,56px); }
html[data-client="mobile"] .brandbig h1{ font-size:clamp(26px,7vw,38px); }
html[data-client="mobile"] .footbar{ padding-bottom:100px; }
html[data-client="mobile"] .safewrap,
html[data-client="mobile"] .modewrap{ padding-bottom:100px; }
html[data-client="mobile"] .aiview{ padding-bottom:110px; }
html[data-client="mobile"] .drawer .pane{ width:100%; }

/* 移动端首页：扫码 / 语音 动作条 */
.mactions{ display:flex; gap:10px; width:min(680px,100%); margin-top:14px; }
.mactions button{ flex:1; display:flex; align-items:center; justify-content:center; gap:8px;
  padding:13px 10px; border-radius:14px; border:1px solid var(--line2); background:var(--card);
  color:var(--tx2); font-size:13.5px; }
.mactions button:hover{ border-color:var(--cyan); color:var(--cyan); }

/* 电脑端：工具栏左侧品牌钮 */
.dbrand{ display:flex; align-items:center; gap:9px; flex:none; padding-right:4px; }
.dbrand b{ font-size:16px; font-weight:800; color:var(--gold); letter-spacing:1px; }
.mbrand{ display:none; }
html[data-client="mobile"] .mbrand{ display:flex; align-items:center; gap:7px; flex:none; }
html[data-client="mobile"] .mbrand b{ font-size:16px; font-weight:800; color:var(--gold); }

/* 入口页（产品总览） */
.entry{ max-width:1180px; margin:0 auto; padding:46px 20px 70px; }
.entry h1{ font-size:40px; font-weight:800; letter-spacing:2px;
  background:linear-gradient(100deg,var(--gold) 10%,#fff 48%,var(--cyan) 90%);
  -webkit-background-clip:text; background-clip:text; color:transparent; }
html[data-theme="light"] .entry h1{ background:linear-gradient(100deg,#c8912a 10%,#1d3557 52%,#0f8fc4 92%);
  -webkit-background-clip:text; background-clip:text; }
.clients{ display:grid; grid-template-columns:repeat(auto-fit,minmax(330px,1fr)); gap:22px; margin:30px 0 10px; }
.clientcard{ display:block; border-radius:22px; border:1px solid var(--line); background:var(--card);
  padding:22px; transition:transform var(--dur),border-color var(--dur); }
.clientcard:hover{ transform:translateY(-3px); border-color:var(--gold); }
.clientcard .ch{ display:flex; align-items:center; gap:12px; margin-bottom:8px; }
.clientcard .ch .ic{ width:46px; height:46px; border-radius:14px; display:grid; place-items:center; font-size:22px;
  background:linear-gradient(135deg,rgba(242,193,78,.22),rgba(56,200,245,.12)); border:1px solid rgba(242,193,78,.4); }
.clientcard h3{ font-size:20px; }
.clientcard .cs{ font-size:13px; color:var(--tx3); line-height:1.75; margin-bottom:14px; }
.clientcard ul{ list-style:none; font-size:12.5px; color:var(--tx2); line-height:2; }
.clientcard li::before{ content:"▸ "; color:var(--gold); }
.clientcard .go{ display:inline-flex; align-items:center; gap:7px; margin-top:16px; padding:11px 20px;
  border-radius:11px; font-size:13.5px; font-weight:600; background:linear-gradient(135deg,var(--gold),#e0a92f); color:#20190a; }
.clientcard .dlgo{ margin-left:14px; color:var(--cyan); border:1px solid rgba(56,200,245,.45); background:rgba(56,200,245,.08); cursor:pointer; }
.clientcard .dlgo:hover{ background:rgba(56,200,245,.18); }
.frames{ display:flex; gap:18px; align-items:flex-end; justify-content:center; flex-wrap:wrap; margin:8px 0 4px; }
.fr{ border:2px solid var(--line2); border-radius:16px; background:var(--bg2); padding:8px; position:relative; }
.fr .scr{ border-radius:10px; overflow:hidden; background:var(--bg); }
.fr .cap{ text-align:center; font-size:11.5px; color:var(--tx4); margin-top:7px; }
.fr.pc{ width:300px; } .fr.pc .scr{ height:180px; }
.fr.pad{ width:190px; } .fr.pad .scr{ height:250px; }
.fr.ph{ width:128px; border-radius:22px; } .fr.ph .scr{ height:250px; border-radius:16px; }

/* 品牌标响应式：SVG 跟随容器缩放，避免溢出压住副标题 */
.brandbig .lg svg, .minibrand .lg svg, .dbrand svg, .mbrand svg{ width:100%; height:100%; display:block; }
.dbrand svg{ width:30px; height:30px; }
/* v5 正式 LOGO 图：img 全端定尺寸，防原始 192px 撑爆顶栏 */
.brandbig .lg img, .minibrand .lg img, .dbrand img, .mbrand img, .brand img{ width:100%; height:100%; display:block; }
.dbrand [data-logo], .mbrand [data-logo]{ width:26px; height:26px; display:block; flex:none; }
.brand [data-logo]{ width:30px; height:30px; display:block; flex:none; }
html[data-mode="tv"] .brand [data-logo]{ width:44px; height:44px; }
html[data-mode="car"] .brand [data-logo]{ width:34px; height:34px; }
html[data-client="mobile"] .brandbig .lg{ width:34px; height:34px; }
/* PWA 可安装应用：安装按钮（Edge/Chrome beforeinstallprompt 触发时出现） */
.pwainst{ position:fixed; right:18px; bottom:18px; z-index:999; border:1px solid rgba(242,193,78,.55);
  background:linear-gradient(135deg,#f2c14e,#e8a92e); color:#231a06; font-weight:800; font-size:13.5px;
  padding:10px 18px; border-radius:999px; cursor:pointer; box-shadow:0 6px 22px rgba(0,0,0,.45); }
.pwainst:hover{ filter:brightness(1.06); }
html[data-mode="car"] .pwainst{ display:none; }

/* ================================================= ⑭ 感盾护航（搜索安全联动） = */
/* 脱敏标记 */
b.mk{ color:var(--gold); background:rgba(242,193,78,.12); border-bottom:1px dashed rgba(242,193,78,.5);
  border-radius:4px; padding:0 3px; font-weight:600 }
/* 安全中心 · 护航区块 */
.gsub{ font-size:12px; font-weight:400; color:var(--tx4); margin-left:6px }
.gsub2{ font-size:12px; color:var(--tx4); line-height:1.8 }
.maskdemo{ display:grid; gap:8px; margin:12px 0 }
.mdrow{ display:grid; grid-template-columns:78px 1fr 24px 1fr; gap:10px; align-items:center;
  font-size:13px; padding:9px 12px; background:var(--card2); border:1px solid var(--line); border-radius:10px }
.mdrow .ml{ color:var(--tx3) }
.mdrow .mr{ color:var(--tx2); font-family:ui-monospace,Consolas,monospace; font-size:12.5px; word-break:break-all }
.mdrow .ma{ color:var(--tx4); text-align:center }
.mdrow .mo{ color:var(--tx) }
.dldemo{ display:flex; flex-wrap:wrap; gap:9px }
.dlbtn{ font-size:12.5px; padding:9px 14px; border-radius:10px; border:1px solid var(--line2);
  background:var(--card2); color:var(--tx2); cursor:pointer }
.dlbtn:hover{ border-color:var(--gold); color:var(--gold) }
.dlbtn em{ color:var(--tx4); font-style:normal; font-size:11.5px; margin-left:4px }
.gdl-note{ margin-top:10px; font-size:12px; color:var(--green); border-top:1px dashed var(--line2); padding-top:9px }
/* 护航弹层 */
.gmodal{ position:fixed; inset:0; z-index:200; display:none }
.gmodal.on{ display:block }
.gmodal .gm-mask{ position:absolute; inset:0; background:rgba(3,6,12,.72); backdrop-filter:blur(3px) }
.gmodal .gm-box{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:min(520px,92vw); max-height:88vh; overflow:auto; text-align:left;
  background:var(--card); border:1px solid var(--line2); border-radius:18px; padding:26px;
  box-shadow:0 24px 70px rgba(0,0,0,.6) }
.gm-ic{ font-size:40px; text-align:center; margin-bottom:8px }
.gmodal h3{ text-align:center; font-size:18px; margin-bottom:14px }
.gm-lv{ display:block; width:max-content; margin:0 auto 16px; padding:5px 16px;
  border:1px solid; border-radius:100px; font-size:13px; font-weight:600 }
.gm-kv{ display:flex; gap:12px; font-size:13px; padding:8px 0; border-bottom:1px solid var(--line) }
.gm-kv span{ color:var(--tx3); width:52px; flex:none }
.gm-kv b{ color:var(--tx); word-break:break-all }
.gm-reason{ margin-top:12px; font-size:13px; color:#ffb3b3; background:rgba(255,107,107,.08);
  border:1px solid rgba(255,107,107,.25); border-radius:10px; padding:11px 14px; line-height:1.75 }
.gm-tip{ margin-top:12px; font-size:12.5px; color:var(--tx3); line-height:1.8 }
.gm-steps{ margin:14px 0; display:grid; gap:10px }
.gm-step{ display:flex; gap:12px; align-items:flex-start; opacity:.45; transition:opacity .3s }
.gm-step.act,.gm-step.done{ opacity:1 }
.gm-step .dot{ width:12px; height:12px; border-radius:50%; border:2px solid var(--line2); flex:none; margin-top:5px }
.gm-step.act .dot{ border-color:var(--cyan); background:var(--cyan); box-shadow:0 0 0 4px rgba(56,200,245,.18) }
.gm-step.done .dot{ border-color:var(--green); background:var(--green) }
.gm-step .st{ font-size:13.5px; color:var(--tx); font-weight:600 }
.gm-step .sd{ font-size:12px; color:var(--tx3); line-height:1.7 }
.gm-verdict .gv{ display:flex; gap:12px; align-items:center; margin-top:14px; padding:14px;
  border:1px solid; border-radius:12px; background:var(--card2) }
.gm-verdict .sd{ font-size:12.5px; color:var(--tx3); line-height:1.7; margin-top:3px }
.gm-acts{ display:flex; gap:10px; justify-content:center; margin-top:18px }
@media(max-width:520px){ .mdrow{ grid-template-columns:1fr; gap:4px } .mdrow .ma{ display:none } }

/* ============================================= ⑮ 关键词搜索推广（竞价广告） = */
.adslot{ margin:0 0 18px }
.adhead{ display:flex; align-items:center; gap:10px; margin-bottom:10px; flex-wrap:wrap }
.adbadge{ font-size:11px; font-weight:700; color:#20190a;
  background:linear-gradient(135deg,var(--gold),var(--gold2)); padding:2px 9px; border-radius:5px }
.adtip{ font-size:11.5px; color:var(--tx4) }
.aditem{ position:relative; border:1px solid rgba(242,193,78,.28);
  background:linear-gradient(180deg,rgba(242,193,78,.05),transparent);
  border-radius:12px; padding:14px 16px; margin-bottom:10px; cursor:pointer; transition:border-color .2s }
.aditem:hover{ border-color:var(--gold) }
.adurl{ display:flex; align-items:center; gap:8px; font-size:12px; color:var(--tx3); margin-bottom:6px }
.adurl .fd{ width:14px; height:14px; border-radius:4px; flex:none }
.adpos{ margin-left:auto; font-size:11px; color:var(--gold); font-family:ui-monospace,Consolas,monospace }
.adt{ display:block; font-size:16px; font-weight:600; color:var(--cyan); text-decoration:none; margin-bottom:5px }
.ads{ font-size:13.5px; color:var(--tx2); line-height:1.75 }
.adlinks{ display:flex; gap:14px; flex-wrap:wrap; margin-top:8px; font-size:12px; color:var(--cyan2) }