/* ============================================================
   猎手 · 深色酸绿主题  —  作用域：html[data-template="lieshou"]
   设计令牌取自 G:\linshi\ui\lieshou-design-system.md
   覆盖 product.css（首页 / 工作台）与 admin.css（后台）。
   本文件必须在 product.css / admin.css 之后引入才生效。
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap');

html[data-template="lieshou"] {
  /* 设计令牌（猎手） */
  --ls-bg:#0a0e14; --ls-bg-2:#0f141d; --ls-card:#141b26; --ls-card-2:#1a2230;
  --ls-line:rgba(255,255,255,.06); --ls-line-2:rgba(255,255,255,.12);
  --ls-t1:#f2f5f9; --ls-t2:#a7b1c0; --ls-t3:#6b7587;
  --ls-acid:#c6ff3a; --ls-cyan:#2ad4d4; --ls-gold:#f5b544; --ls-ember:#ff6a3d; --ls-magenta:#e44dff;
  --ls-green-ok:#3ddc84; --ls-red-bad:#ff5470;
  --ls-radius:18px; --ls-shadow:0 18px 50px -20px rgba(0,0,0,.7);

  /* 覆盖后台 admin.css 变量 */
  --bg:#0a0e14; --bg-2:#0f141d;
  --border:rgba(255,255,255,.12);
  --text:#f2f5f9;
  --primary:#c6ff3a; --primary-2:#2ad4d4;
  --danger:#ff5470;

  /* 关键：重定义 product.css 根变量（首页/工作台依赖），整站真换肤 */
  --ink:#f2f5f9;        /* 文字→亮色，深色背景上可读 */
  --ink-2:#a7b1c0;
  --panel:#141b26; --panel-2:#1a2230;
  --paper:#0a0e14;      /* 主背景 白→深底 */
  --paper-2:#0f141d;    /* 次背景 浅灰→深底 */
  --line:rgba(255,255,255,.12);  /* 边框 浅灰→深色细边 */
  --muted:#a7b1c0;      /* 次级文字→亮灰 */
  --blue:#c6ff3a; --cyan:#2ad4d4; --green:#3ddc84;  /* 主色系→酸绿/青/绿 */
  --amber:#f5b544; --red:#ff5470;
  --shadow:0 18px 50px -20px rgba(0,0,0,.7);
  color-scheme: dark;
}

/* 字体栈 */
html[data-template="lieshou"] body { font-family:'Sora','Noto Sans SC',sans-serif; }

/* 基础底色 */
html[data-template="lieshou"] body { background:var(--ls-bg); color:var(--ls-t1); }
html[data-template="lieshou"] .home-page,
html[data-template="lieshou"] .agent-page,
html[data-template="lieshou"] body.admin-body { background:var(--ls-bg); }

/* 链接 */
html[data-template="lieshou"] a { color:var(--ls-acid); text-decoration:none; }
html[data-template="lieshou"] a:hover { color:var(--ls-cyan); }

/* ============ 导航 / 玻璃拟态 ============ */
html[data-template="lieshou"] .nav,
html[data-template="lieshou"] .official-nav,
html[data-template="lieshou"] .agent-header {
  background:rgba(10,14,20,.72);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid var(--ls-line);
}
html[data-template="lieshou"] .nav-links a,
html[data-template="lieshou"] .official-nav-links a { color:var(--ls-t2); }
html[data-template="lieshou"] .nav-links a:hover,
html[data-template="lieshou"] .official-nav-links a:hover { color:var(--ls-acid); }
html[data-template="lieshou"] .brand-title,
html[data-template="lieshou"] .official-brand .brand-title { color:var(--ls-t1); }
html[data-template="lieshou"] .brand-badge,
html[data-template="lieshou"] .official-brand .brand-badge {
  background:linear-gradient(135deg,var(--ls-acid),var(--ls-cyan));
  color:#0a0e14; font-weight:800;
  box-shadow:0 0 24px -4px var(--ls-acid);
}
html[data-template="lieshou"] .brand-badge.has-logo { background:transparent; box-shadow:none; }

/* ============ 按钮 ============ */
html[data-template="lieshou"] .btn-primary,
html[data-template="lieshou"] .btn-glow,
html[data-template="lieshou"] .abtn.primary {
  background:var(--ls-acid); color:#0a0e14; border:none; font-weight:700;
  box-shadow:0 14px 30px -10px var(--ls-acid);
}
html[data-template="lieshou"] .btn-primary:hover,
html[data-template="lieshou"] .btn-glow:hover,
html[data-template="lieshou"] .abtn.primary:hover { transform:translateY(-2px); filter:brightness(1.05); }
html[data-template="lieshou"] .btn-quiet {
  color:var(--ls-t1); border:1px solid var(--ls-line-2); background:transparent;
}
html[data-template="lieshou"] .btn-quiet:hover { border-color:var(--ls-acid); color:var(--ls-acid); }

/* ============ Hero ============ */
html[data-template="lieshou"] .engine-hero {
  background:radial-gradient(1200px 600px at 50% -10%, rgba(198,255,58,.10), transparent 60%), var(--ls-bg);
}
html[data-template="lieshou"] .engine-hero-copy h1,
html[data-template="lieshou"] .engine-hero h1 {
  background:linear-gradient(120deg,var(--ls-acid),var(--ls-cyan));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  font-weight:800;
}
html[data-template="lieshou"] .engine-eyebrow,
html[data-template="lieshou"] .engine-hero-copy .engine-eyebrow {
  color:var(--ls-acid); letter-spacing:3px; text-transform:uppercase;
  font-size:12px; font-weight:700; opacity:1;
}
html[data-template="lieshou"] .engine-hero-copy h2,
html[data-template="lieshou"] .engine-hero-copy [data-hero-subtitle] { color:var(--ls-t2); }
html[data-template="lieshou"] .engine-hero-copy p { color:var(--ls-t2); }

/* ============ 区块 / 标题 ============ */
html[data-template="lieshou"] .section { background:var(--ls-bg); }
html[data-template="lieshou"] .section.alt { background:var(--ls-bg-2); }
html[data-template="lieshou"] .section-head h2,
html[data-template="lieshou"] .sec-title {
  background:linear-gradient(120deg,var(--ls-acid),var(--ls-cyan));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  font-weight:800; color:transparent;
}
html[data-template="lieshou"] .section-head p,
html[data-template="lieshou"] .sec-sub { color:var(--ls-t2); }

/* ============ 卡片 / 面板 ============ */
html[data-template="lieshou"] .card,
html[data-template="lieshou"] .panel,
html[data-template="lieshou"] .feature-card {
  background:var(--ls-card); border:1px solid var(--ls-line);
  border-radius:var(--ls-radius); box-shadow:var(--ls-shadow);
}
html[data-template="lieshou"] .card:hover,
html[data-template="lieshou"] .feature-card:hover { transform:translateY(-5px); border-color:var(--ls-line-2); }
html[data-template="lieshou"] .card h1,
html[data-template="lieshou"] .card h2,
html[data-template="lieshou"] .card h3,
html[data-template="lieshou"] .panel h1,
html[data-template="lieshou"] .panel h2,
html[data-template="lieshou"] .panel h3,
html[data-template="lieshou"] .panel-head h3 { color:var(--ls-t1); }
html[data-template="lieshou"] .card p,
html[data-template="lieshou"] .panel p { color:var(--ls-t2); }
html[data-template="lieshou"] .panel-head { border-bottom:1px solid var(--ls-line); }

/* ============ 表单控件（工作台 / 后台） ============ */
html[data-template="lieshou"] input,
html[data-template="lieshou"] textarea,
html[data-template="lieshou"] select {
  background:var(--ls-card-2); border:1px solid var(--ls-line-2); color:var(--ls-t1);
}
html[data-template="lieshou"] input::placeholder,
html[data-template="lieshou"] textarea::placeholder { color:var(--ls-t3); }
html[data-template="lieshou"] input:focus,
html[data-template="lieshou"] textarea:focus,
html[data-template="lieshou"] select:focus { border-color:var(--ls-acid); outline:none; }
html[data-template="lieshou"] .field label,
html[data-template="lieshou"] label { color:var(--ls-t2); }
html[data-template="lieshou"] .muted { color:var(--ls-t3); }

/* ============ 工作台外壳 ============ */
html[data-template="lieshou"] .agent-shell { background:var(--ls-bg); }
html[data-template="lieshou"] .agent-context span { color:var(--ls-t3); }
html[data-template="lieshou"] .agent-context strong { color:var(--ls-t1); }
html[data-template="lieshou"] .model-picker {
  background:var(--ls-card); border:1px solid var(--ls-line-2); color:var(--ls-t1);
}
html[data-template="lieshou"] .model-picker select { background:var(--ls-card-2); color:var(--ls-t1); border:1px solid var(--ls-line-2); }
html[data-template="lieshou"] .default-profile-pill {
  background:var(--ls-card); border:1px solid var(--ls-line-2); color:var(--ls-t1);
}
html[data-template="lieshou"] .default-profile-pill strong { color:var(--ls-acid); }
html[data-template="lieshou"] .async-task-trigger,
html[data-template="lieshou"] .async-task-popover {
  background:var(--ls-card); border:1px solid var(--ls-line-2); color:var(--ls-t1);
}
html[data-template="lieshou"] .async-task-badge,
html[data-template="lieshou"] .async-task-trigger strong { color:#0a0e14; background:var(--ls-acid); }
html[data-template="lieshou"] .nav-group { background:var(--ls-card); border:1px solid var(--ls-line); border-radius:14px; }
html[data-template="lieshou"] .nav-group.active,
html[data-template="lieshou"] .nav-group:hover { border-color:var(--ls-acid); background:var(--ls-card-2); }
html[data-template="lieshou"] .nav-group p { color:var(--ls-t2); }

/* ============ 后台 ============ */
html[data-template="lieshou"] .admin-sidebar { background:var(--ls-bg-2); border-right:1px solid var(--ls-line); }
html[data-template="lieshou"] .admin-brand .name { color:var(--ls-t1); }
html[data-template="lieshou"] .admin-brand .badge {
  background:linear-gradient(135deg,var(--ls-acid),var(--ls-cyan)); color:#0a0e14; font-weight:800;
}
html[data-template="lieshou"] .admin-nav a { color:var(--ls-t2); }
html[data-template="lieshou"] .admin-nav a:hover { background:var(--ls-card); color:var(--ls-t1); }
html[data-template="lieshou"] .admin-nav a.active {
  background:linear-gradient(135deg, rgba(198,255,58,.16), rgba(42,212,212,.16)); color:#fff;
}
html[data-template="lieshou"] .abtn.primary { color:#0a0e14; }
html[data-template="lieshou"] .abtn.ghost { background:var(--ls-card-2); color:var(--ls-t1); }
html[data-template="lieshou"] .loginView,
html[data-template="lieshou"] .admin-login .card { background:var(--ls-card); border:1px solid var(--ls-line); }
html[data-template="lieshou"] .admin-login h1 { color:var(--ls-t1); }
html[data-template="lieshou"] .admin-login .sub { color:var(--ls-t2); }

/* ============ 页脚 ============ */
html[data-template="lieshou"] .footer,
html[data-template="lieshou"] .official-footer {
  background:var(--ls-bg-2); border-top:1px solid var(--ls-line); color:var(--ls-t2);
}
html[data-template="lieshou"] .footer strong,
html[data-template="lieshou"] .footer [data-site-name] { color:var(--ls-t1); }

/* ============ 过渡（克制） ============ */
html[data-template="lieshou"] .btn-primary,
html[data-template="lieshou"] .btn-glow,
html[data-template="lieshou"] .card,
html[data-template="lieshou"] .feature-card,
html[data-template="lieshou"] .nav-links a { transition:transform .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease; }