/* =============================================================================
 * StockLot — Premium B2B Export style
 * Refined palette, editorial typography, layered depth, subtle motion.
 * Honest industrial look: no luxury-ecommerce gloss, no fake countdowns.
 * ========================================================================== */
:root{
  /* surfaces */
  --bg:#ffffff;
  --bg-soft:#f5f8fc;          /* cool-tinted neutral */
  --bg-soft-2:#eef3f9;
  /* ink */
  --ink:#14233b;              /* deep navy ink */
  --ink-2:#27374f;
  --ink-soft:#5c6b82;
  --line:#e7ecf3;
  --line-2:#dbe3ee;
  /* brand */
  --blue:#163a5f;
  --blue-2:#1d4f7e;
  --orange:#f15b2a;           /* primary CTA (refined, warmer) */
  --orange-d:#d9461a;
  --orange-soft:#fff1ea;
  --green:#0f9d63;            /* secondary / confirm */
  --green-d:#0b7d4e;
  --gold:#c9a24b;             /* premium accent rule */
  --red:#c0392b;
  --amber:#c98a14;
  --navy:#0a1a2f;             /* deep hero / footer */
  --navy-2:#0f2746;
  --accent:var(--orange);
  /* shape & depth */
  --radius:14px;
  --radius-sm:10px;
  --shadow-sm:0 1px 2px rgba(13,27,53,.06), 0 2px 8px rgba(13,27,53,.05);
  --shadow:0 3px 8px rgba(13,27,53,.07), 0 16px 38px rgba(13,27,53,.08);
  --shadow-lg:0 10px 26px rgba(13,27,53,.12), 0 34px 64px rgba(13,27,53,.14);
  --maxw:1200px;
  --font:"Inter","SF Pro Display","Segoe UI",Roboto,"Helvetica Neue","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  /* 衬线 display：用于 hero 大标题与数字带，营造「稳健、有历史」的大公司气质 */
  --serif:"Iowan Old Style","Palatino Linotype","Hoefler Text",Georgia,"Songti SC","Times New Roman",serif;
  /* 更克制的次级强调（深蓝）与更深一档的金（不刺眼） */
  --gold-d:#b89149;
  --rule:linear-gradient(90deg,var(--gold),var(--gold-d) 60%,transparent);
  --shadow-sm:0 1px 2px rgba(13,27,53,.05), 0 2px 6px rgba(13,27,53,.04);
  --shadow:0 3px 8px rgba(13,27,53,.06), 0 16px 34px rgba(13,27,53,.07);
  --shadow-lg:0 12px 30px rgba(13,27,53,.10), 0 34px 64px rgba(13,27,53,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0}
body{
  font-family:var(--font);
  color:var(--ink);
  background:var(--bg);
  line-height:1.62;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
::selection{background:rgba(241,91,42,.18);color:var(--ink)}
a{color:var(--blue-2);text-decoration:none;transition:color .15s ease}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}
h1,h2,h3,h4{color:var(--ink);line-height:1.22;margin:0 0 .5em;letter-spacing:-.01em;font-weight:750}
h1{font-size:2.1rem}
h2{font-size:1.6rem}
h3{font-size:1.18rem}
p{margin:0 0 1em}
.container{max-width:var(--maxw);margin:0 auto;padding:0 22px}
.muted{color:var(--ink-soft)}
.center{text-align:center}
.small{font-size:.9rem}

/* ---------- Eyebrow / section heads ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.74rem;font-weight:750;letter-spacing:.18em;text-transform:uppercase;color:var(--blue-2)}
.eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--rule)}
.eyebrow-light{color:#cdd9e8}
.eyebrow-light::before{background:linear-gradient(90deg,var(--gold),transparent)}
.section-head{margin-bottom:34px;max-width:760px}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center}
.section-head h2{position:relative;padding-top:18px;margin-bottom:.3em;font-weight:780;letter-spacing:-.02em}
.section-head h2::before{
  content:"";position:absolute;top:0;left:0;width:46px;height:3px;border-radius:3px;
  background:var(--rule);
}
.section-head.center h2::before{left:50%;transform:translateX(-50%)}
.section-head p{font-size:1.04rem;color:var(--ink-soft)}

/* ---------- Demo banner ---------- */
.demo-banner{
  background:linear-gradient(90deg,#fff7e6,#fff1e2);border-bottom:1px solid #f0d9a8;color:#7a5a13;
  font-size:.85rem;padding:9px 20px;text-align:center;
}
.demo-banner strong{color:#9a6b00}

/* ---------- Header ---------- */
.site-header{
  position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);
  border-bottom:1px solid var(--line);
  box-shadow:0 1px 0 rgba(13,27,53,.02), 0 6px 20px rgba(13,27,53,.05);
  backdrop-filter:saturate(1.4) blur(10px);
}
.site-header::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--navy),var(--blue-2) 55%,var(--gold))}
.nav{display:flex;align-items:center;gap:18px;height:68px}
.brand{display:flex;align-items:center;gap:11px;font-weight:800;color:var(--navy);font-size:1.22rem;white-space:nowrap;letter-spacing:-.01em}
.brand .logo-mark{
  width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--orange),var(--orange-d));
  display:grid;place-items:center;box-shadow:0 5px 12px rgba(241,91,42,.32);
}
.brand .logo-mark svg{display:block}
.nav-links{display:flex;gap:4px;margin-left:auto;align-items:center;flex-wrap:wrap}
.nav-links a{
  color:var(--ink-2);padding:9px 13px;border-radius:9px;font-size:.94rem;font-weight:550;transition:background .15s,color .15s;
}
.nav-links a:hover{background:var(--bg-soft);text-decoration:none;color:var(--ink)}
.nav-links a.active{color:var(--orange);background:var(--orange-soft)}
.btn{
  display:inline-block;padding:11px 19px;border-radius:10px;font-weight:650;cursor:pointer;
  border:1px solid transparent;font-size:.95rem;line-height:1.1;letter-spacing:.01em;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
}
.btn:hover{text-decoration:none}
.btn-primary{background:linear-gradient(180deg,var(--orange),var(--orange-d));color:#fff;box-shadow:0 6px 16px rgba(241,91,42,.30)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(241,91,42,.40);background:linear-gradient(180deg,#f4682f,var(--orange-d))}
.btn-secondary{background:linear-gradient(180deg,var(--green),var(--green-d));color:#fff;box-shadow:0 6px 16px rgba(15,157,99,.26)}
.btn-secondary:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,157,99,.34)}
.btn-outline{background:#fff;color:var(--ink-2);border-color:var(--line-2)}
.btn-outline:hover{border-color:var(--orange);color:var(--orange);box-shadow:var(--shadow-sm)}
.btn-ghost{background:var(--bg-soft);color:var(--ink)}
.btn-ghost:hover{background:var(--bg-soft-2)}
.btn-sm{padding:8px 14px;font-size:.86rem}
.btn-block{display:block;width:100%;text-align:center}
.nav-toggle{display:none;background:none;border:1px solid var(--line-2);border-radius:9px;padding:9px 12px;cursor:pointer;margin-left:auto;color:var(--ink)}

/* ---------- Hero ---------- */
.hero{
  position:relative;overflow:hidden;color:#fff;
  background:
    radial-gradient(1100px 560px at 72% -12%, #1a3d68 0%, rgba(26,61,104,0) 60%),
    linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 100%);
  padding:96px 0 104px;
}
/* 全幅 hero：背景照片层 + 可读性遮罩（左深右浅，文案区对比度优先） */
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;pointer-events:none}
.hero-veil{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(100deg,rgba(10,26,47,.80) 0%,rgba(10,26,47,.62) 46%,rgba(10,26,47,.38) 100%);
}
.hero-grid{z-index:1}
.hero-glow{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(620px 320px at 86% 18%, rgba(241,91,42,.16), transparent 62%)}
.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.hero-copy .eyebrow{margin-bottom:16px}
.hero h1{color:#fff;font-family:var(--serif);font-size:clamp(2.3rem,3.7vw,3.45rem);line-height:1.06;letter-spacing:-.015em;max-width:16ch;font-weight:680}
.hero p{color:#c7d6ea;font-size:1.13rem;max-width:50ch;margin-top:22px}
.hero .hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero .btn-outline{background:rgba(255,255,255,.07);color:#fff;border-color:rgba(255,255,255,.28)}
.hero .btn-outline:hover{background:rgba(255,255,255,.14);border-color:#fff;color:#fff}
.hero-trust{list-style:none;display:flex;gap:22px;flex-wrap:wrap;margin:30px 0 0;padding:0;font-size:.92rem;color:#b6c7df}
.hero-trust li{display:flex;align-items:center;gap:9px}
.hero-trust li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(201,162,75,.18)}

/* hero 底部真实数据带（权威感，数字来自真实统计，不造假） */
.hero-stats{
  position:relative;z-index:1;margin-top:54px;padding-top:30px;
  border-top:1px solid rgba(255,255,255,.12);
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
}
.hero-stat .n{font-family:var(--serif);font-size:2.05rem;line-height:1;font-weight:680;color:#fff;letter-spacing:-.01em}
.hero-stat .n.t{font-family:var(--font);font-size:1.18rem;font-weight:750;letter-spacing:.04em;color:var(--gold);padding-top:10px}
.hero-stat .n .u{font-size:1.15rem;color:var(--gold);margin-left:2px}
.hero-stat .l{margin-top:7px;font-size:.85rem;color:#aebfd6;letter-spacing:.02em}
@media (max-width:680px){.hero-stats{grid-template-columns:repeat(2,1fr);gap:20px 14px}}

/* hero visual card (CSS-drawn, illustrative) */
.hero-visual-card{position:relative;padding:8px 0}
.hv-card{position:relative;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 22px 50px rgba(0,0,0,.30);z-index:2}
.hv-card-top{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid var(--line)}
.hv-tag{font-size:.68rem;font-weight:800;letter-spacing:.08em;color:var(--orange-d);background:var(--orange-soft);padding:3px 9px;border-radius:6px}
.hv-thumb{height:132px;background:linear-gradient(135deg,#eef2f7,#dde6f1);display:grid;place-items:center;color:var(--ink-soft);font-size:.8rem;position:relative}
.hv-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.hv-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(20,35,59,.06))}
.hv-body{padding:15px}
.hv-name{font-weight:750;color:var(--ink);font-size:1.02rem;line-height:1.3}
.hv-meta{font-size:.78rem;color:var(--ink-soft);margin:3px 0 11px}
.hv-row{display:flex;justify-content:space-between;font-size:.86rem;padding:6px 0;border-top:1px solid var(--line);color:var(--ink-soft)}
.hv-row b{color:var(--ink-2);font-weight:700}
.hv-price{margin-top:11px;color:var(--ink-soft);font-size:.84rem}
.hv-price b{color:var(--orange);font-size:1.15rem;font-weight:800}
.hv-card .btn{margin-top:14px}
.hv-note{margin:14px 0 0;font-size:.74rem;color:#9fb1c9;line-height:1.5;text-align:center;letter-spacing:.01em}
.hv-note b{color:#cdd9e8;font-weight:600}

/* ---------- Inner page hero (enterprise banner) ---------- */
/* 与首页 hero 同源的深色横幅，让全站内页有统一的「大集团」版式语言 */
.page-hero{
  position:relative;overflow:hidden;color:#fff;
  background:
    radial-gradient(900px 460px at 82% -28%, #1a3d68 0%, rgba(26,61,104,0) 60%),
    linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 100%);
  padding:60px 0 54px;
}
.page-hero .container{position:relative;z-index:2}
.page-hero .breadcrumb{padding:0 0 14px;color:#a9bcd4}
.page-hero .breadcrumb a{color:#a9bcd4}
.page-hero .breadcrumb a:hover{color:#fff;text-decoration:none}
.page-hero .breadcrumb span.sep{color:#5e7a9c}
.page-hero .eyebrow{margin-bottom:14px}
.page-hero h1{color:#fff;font-family:var(--serif);font-size:clamp(1.95rem,3.2vw,2.75rem);line-height:1.08;letter-spacing:-.015em;max-width:24ch;margin:0;font-weight:680}
.page-hero p{color:#c7d6ea;font-size:1.06rem;max-width:62ch;margin-top:16px}
.page-hero .ph-meta{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}
.page-hero--center{text-align:center}
.page-hero--center h1{margin-left:auto;margin-right:auto}
.page-hero--center p{margin-left:auto;margin-right:auto}
.page-hero--center .breadcrumb{text-align:center}
/* media 变体：分类/批次页用真实库存照作背景 + 左深右浅遮罩保文字对比度 */
.page-hero--media .ph-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42;filter:saturate(.92)}
.page-hero--media .ph-veil{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(100deg,rgba(10,26,47,.84) 0%,rgba(10,26,47,.66) 48%,rgba(10,26,47,.42) 100%)}

/* 联系页信息卡 */
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px}
.info-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.info-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--line-2)}
.info-card .feature-ic{margin-bottom:14px}
.info-card h3{margin:0 0 5px;font-size:1.06rem}
.info-card p{margin:0;font-size:.92rem;color:var(--ink-soft);line-height:1.55}
.info-card a{color:var(--blue-2);font-weight:600}
@media (max-width:760px){.info-grid{grid-template-columns:1fr}}

/* 列表页工具栏与计数条 */
.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-bottom:6px;
  background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}
.result-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 22px;font-size:.9rem;color:var(--ink-soft)}
.result-bar .count b{color:var(--ink);font-weight:750}
.result-bar .count{letter-spacing:.01em}

/* ---------- Sections ---------- */
.section{padding:74px 0}
.section.soft{background:var(--bg-soft)}
.grid{display:grid;gap:22px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.grid-cards{grid-template-columns:repeat(auto-fill,minmax(255px,1fr))}

/* advantage / generic cards */
.card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:26px;box-shadow:var(--shadow-sm);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--line-2)}
.card h3{margin-top:0;font-size:1.12rem}
.feature-ic{
  width:50px;height:50px;border-radius:13px;
  background:linear-gradient(135deg,var(--blue),var(--blue-2));
  color:#fff;display:grid;place-items:center;margin-bottom:16px;
  box-shadow:0 8px 18px rgba(22,58,95,.28), inset 0 0 0 1px rgba(255,255,255,.08);
}
.feature-ic .ic{width:24px;height:24px}
/* 通用 SVG 图标基样式 */
.ic{display:inline-block;vertical-align:middle;flex:none}
.ic-sm{width:18px;height:18px}
.ic-lg{width:28px;height:28px}
.step-num{
  width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;
  display:grid;place-items:center;font-weight:750;margin-bottom:12px;box-shadow:var(--shadow-sm);
}

/* category cards */
.cat-card{
  display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s,border-color .2s,box-shadow .2s;
}
.cat-card:hover{transform:translateY(-4px);border-color:var(--blue-2);box-shadow:var(--shadow);text-decoration:none}
.cat-thumb{height:168px;background:linear-gradient(135deg,#eef2f7,#e2e9f2);display:grid;place-items:center;color:var(--ink-soft);font-size:.8rem;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.cat-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.cat-card:hover .cat-thumb img{transform:scale(1.05)}
.cat-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(20,35,59,.05));pointer-events:none}
.cat-banner{height:220px;border-radius:var(--radius);overflow:hidden;margin-bottom:26px;border:1px solid var(--line);box-shadow:var(--shadow-sm);position:relative}
.cat-banner img{width:100%;height:100%;object-fit:cover;display:block}
.cat-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(20,35,59,.18));pointer-events:none}
@media (max-width:640px){.cat-banner{height:150px}}
.cat-body{padding:16px 18px}
.cat-body h3{margin:0 0 5px;font-size:1.06rem;color:var(--ink)}
.cat-body p{margin:0;font-size:.86rem;color:var(--ink-soft);line-height:1.5}

/* product cards */
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}
.product-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);
  transition:transform .2s,box-shadow .2s,border-color .2s;
}
.product-card:hover{text-decoration:none;transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--line-2)}
.product-thumb{height:176px;background:linear-gradient(135deg,#eef2f7,#e1e9f2);display:grid;place-items:center;color:var(--ink-soft);font-size:.8rem;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.product-thumb img{width:100%;height:100%;object-fit:cover}
.product-thumb::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46px;background:linear-gradient(180deg,transparent,rgba(20,35,59,.10));pointer-events:none}
.product-thumb .lot-id{position:absolute;top:10px;left:10px;z-index:2;background:rgba(10,26,47,.82);color:#fff;font-size:.72rem;padding:4px 9px;border-radius:7px;font-weight:600;letter-spacing:.02em}
.product-body{padding:15px 17px;display:flex;flex-direction:column;gap:6px;flex:1}
.product-body h3{font-size:1.03rem;margin:0;color:var(--ink);line-height:1.32;font-weight:700}
.product-meta{font-size:.83rem;color:var(--ink-soft)}
.product-meta b{color:var(--ink-2)}
.product-card .foot{padding:0 17px 17px;margin-top:auto}

/* status badges */
.badge{display:inline-flex;align-items:center;font-size:.72rem;font-weight:750;padding:4px 10px;border-radius:999px;letter-spacing:.02em;line-height:1.4}
.badge-available{background:#e6f6ec;color:var(--green-d)}
.badge-limited{background:#fff3e0;color:var(--amber)}
.badge-pending{background:#eef2f7;color:var(--blue-2)}
.badge-reserved{background:#ede7f6;color:#5e35b1}
.badge-soldout{background:#fdecea;color:var(--red)}
.badge-archived{background:#eceff1;color:#607d8b}
.badge-demo{background:var(--orange-soft);color:var(--orange-d);border:1px solid #f5c9a8}

/* ---------- Breadcrumb ---------- */
.breadcrumb{font-size:.85rem;color:var(--ink-soft);padding:16px 0}
.breadcrumb a{color:var(--ink-soft)}
.breadcrumb span.sep{margin:0 8px;color:#b9c4cf}

/* ---------- Product detail ---------- */
.pd-wrap{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start}
.pd-gallery .main-img{height:340px;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);display:grid;place-items:center;color:var(--ink-soft);font-size:.85rem;overflow:hidden}
.pd-gallery .main-img img{width:100%;height:100%;object-fit:cover}
.spec-table{width:100%;border-collapse:collapse;margin-top:14px}
.spec-table th,.spec-table td{text-align:left;padding:10px 13px;border-bottom:1px solid var(--line);font-size:.92rem;vertical-align:top}
.spec-table th{width:42%;color:var(--ink-soft);font-weight:650;background:var(--bg-soft)}
.price-box{background:linear-gradient(180deg,#fff,#fbfcfe);border:1px solid var(--line-2);border-radius:var(--radius);padding:18px;margin-top:14px;box-shadow:var(--shadow-sm)}
.price-line{font-size:1.3rem;font-weight:800;color:var(--orange)}
.risk-note{background:#fff6f5;border:1px solid #f3c9c4;color:#9b3a2e;border-radius:10px;padding:11px 14px;font-size:.88rem;margin-top:12px}
.confirm-box{background:#eef6ff;border:1px solid #cfe2fb;color:#1f4e79;border-radius:10px;padding:11px 14px;font-size:.88rem;margin-top:12px}

/* ---------- Forms ---------- */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:flex;flex-direction:column;gap:6px}
.field.full{grid-column:1/-1}
.field label{font-weight:600;font-size:.9rem;color:var(--ink-2)}
.field .req{color:var(--red)}
.field input,.field select,.field textarea{
  padding:11px 13px;border:1px solid var(--line-2);border-radius:10px;font-size:.95rem;font-family:inherit;background:#fff;color:var(--ink);
  transition:border-color .15s, box-shadow .15s;
}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(241,91,42,.16)}
.form-note{font-size:.82rem;color:var(--ink-soft)}
.form-msg{padding:13px 15px;border-radius:10px;margin-top:14px;display:none;font-size:.94rem}
.form-msg.ok{display:block;background:#e6f6ec;color:var(--green-d);border:1px solid #bce6c9}
.form-msg.err{display:block;background:#fdecea;color:var(--red);border:1px solid #f5c4bd}
.inquiry-id{font-weight:750;color:var(--blue-2)}

/* ---------- Tables (admin / listings) ---------- */
table.data{width:100%;border-collapse:collapse;background:#fff;font-size:.9rem;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
table.data th,table.data td{border-bottom:1px solid var(--line);padding:11px 13px;text-align:left;vertical-align:top}
table.data th{background:var(--bg-soft);font-weight:650;position:sticky;top:0;color:var(--ink-2)}
table.data tr:hover td{background:#fafcff}
.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-bottom:18px}
.filters .field{justify-content:flex-end}

/* ---------- Tabs (admin) ---------- */
.tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:20px}
.tabs button{background:none;border:none;padding:11px 15px;cursor:pointer;font-size:.92rem;color:var(--ink-soft);border-bottom:2px solid transparent;font-weight:550;transition:color .15s,border-color .15s}
.tabs button:hover{color:var(--ink-2)}
.tabs button.active{color:var(--orange);border-bottom-color:var(--orange);font-weight:700}
.tab-panel{display:none}
.tab-panel.active{display:block}

/* ---------- FAQ ---------- */
.faq-item{border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin-bottom:12px;background:#fff}
.faq-item h3{margin:0 0 6px;font-size:1.05rem}
details.faqqa{border:1px solid var(--line);border-radius:var(--radius);padding:0 18px;margin-bottom:10px;background:#fff;transition:border-color .15s,box-shadow .15s}
details.faqqa[open]{border-color:var(--line-2);box-shadow:var(--shadow-sm)}
details.faqqa summary{cursor:pointer;padding:16px 0;font-weight:650;color:var(--ink);list-style:none;display:flex;align-items:center;justify-content:space-between}
details.faqqa summary::-webkit-details-marker{display:none}
details.faqqa summary::after{content:"+";font-size:1.3rem;color:var(--orange);font-weight:700;margin-left:12px}
details.faqqa[open] summary::after{content:"\2212"}
details.faqqa summary h3{display:inline;margin:0;font:inherit;letter-spacing:inherit;color:inherit;font-size:1.02rem;font-weight:650}
details.faqqa .ans{padding:0 0 16px;color:var(--ink-soft);line-height:1.6}
/* Citations & quotations (GEO: Content & Citability) */
blockquote.cite{margin:1.2em 0;padding:.95em 1.2em;border-left:3px solid var(--orange);background:#fff6ef;border-radius:0 10px 10px 0}
blockquote.cite p{margin:0 0 .5em;color:#1a1a1a;line-height:1.6}
blockquote.cite cite{display:block;font-style:normal;font-size:.88em;color:#5f7268}

/* ---------- Footer ---------- */
.site-footer{background:linear-gradient(180deg,var(--navy-2),var(--navy));color:#c3d0de;padding:54px 0 24px;margin-top:36px;position:relative}
.site-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--navy),var(--blue-2) 55%,var(--gold))}
.site-footer h4{color:#fff;font-size:1rem;margin-bottom:14px;letter-spacing:.01em}
.site-footer a{color:#9fb4cc;transition:color .15s}
.site-footer a:hover{color:#fff}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:26px}
.footer-col p{font-size:.9rem;color:#9fb4cc;line-height:1.6}
.footer-col ul{list-style:none;padding:0;margin:0}
.footer-col li{margin-bottom:9px;font-size:.9rem}
.footer-bottom{border-top:1px solid #1d3247;margin-top:32px;padding-top:18px;font-size:.82rem;color:#7e94ab;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.legal-links a{margin-left:16px}
.footer-brand{display:flex;align-items:center;gap:11px;color:#fff;font-weight:800;font-size:1.15rem;margin-bottom:14px}

/* ---------- Admin layout ---------- */
.admin-bar{background:linear-gradient(90deg,var(--navy),var(--navy-2));color:#fff;padding:13px 20px;display:flex;align-items:center;gap:12px}
.admin-bar .brand{color:#fff}
.admin-bar .tag{background:var(--orange);color:#fff;font-size:.7rem;padding:3px 9px;border-radius:6px;font-weight:750}
.admin-shell{display:grid;grid-template-columns:224px 1fr;min-height:calc(100vh - 58px)}
.admin-side{border-right:1px solid var(--line);background:var(--bg-soft);padding:16px}
.admin-side a{display:block;padding:9px 13px;border-radius:9px;color:var(--ink-2);font-size:.92rem;margin-bottom:2px;font-weight:550;transition:background .15s,color .15s}
.admin-side a:hover,.admin-side a.active{background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff;text-decoration:none}
.admin-main{padding:24px 28px;overflow:auto}
.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}
.stat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--orange),var(--gold))}
.stat .n{font-size:1.85rem;font-weight:800;color:var(--navy);letter-spacing:-.02em}
.stat .l{font-size:.85rem;color:var(--ink-soft)}

/* modal */
.modal-backdrop{position:fixed;inset:0;background:rgba(10,26,47,.55);display:none;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:100;overflow:auto;backdrop-filter:blur(2px)}
.modal-backdrop.open{display:flex}
.modal{background:#fff;border-radius:16px;max-width:640px;width:100%;padding:24px;box-shadow:0 24px 60px rgba(0,0,0,.32)}
.modal h3{margin-top:0}
.modal .close{float:right;cursor:pointer;font-size:1.4rem;border:none;background:none;color:var(--ink-soft)}

/* utility */
.tag-inline{display:inline-block;background:var(--bg-soft);border:1px solid var(--line);border-radius:7px;padding:3px 9px;font-size:.78rem;margin:2px 4px 2px 0;color:var(--ink-soft)}
.demo-flag{display:inline-block;background:var(--orange-soft);color:var(--orange-d);border:1px solid #f5c9a8;border-radius:7px;padding:2px 9px;font-size:.74rem;font-weight:750}
.empty{padding:44px;text-align:center;color:var(--ink-soft);background:var(--bg-soft);border:1px dashed var(--line-2);border-radius:var(--radius)}
.alert-bar{background:#fff6f5;border:1px solid #f3c9c4;color:#9b3a2e;padding:13px 16px;border-radius:10px;margin-bottom:16px;font-size:.9rem}
.legal-body{color:var(--ink-2);line-height:1.7}
.legal-body h2{font-size:1.25rem;margin-top:1.4em}
.legal-body h3{font-size:1.05rem;color:var(--ink-2)}

/* ---------- Responsive ---------- */
/* 中屏：导航收紧，次要 WhatsApp 按钮收进折叠菜单（页脚仍保留入口） */
@media (max-width:1240px){
  .nav{gap:12px}
  .nav-links{gap:1px}
  .nav-links a{padding:9px 9px;font-size:.88rem}
  .nav-links .btn-sm{padding:8px 12px;font-size:.84rem}
  .nav-links .btn-secondary{display:none}
}
@media (max-width:1080px){
  .nav-links a:not(.btn):not(.lang-switch){padding:9px 7px;font-size:.86rem;letter-spacing:-.01em}
}
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .hero-visual-card{max-width:460px}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .pd-wrap{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .stat-cards{grid-template-columns:repeat(2,1fr)}
  .admin-shell{grid-template-columns:1fr}
  .admin-side{display:flex;flex-wrap:wrap;gap:6px;border-right:none;border-bottom:1px solid var(--line)}
  .admin-side a{margin:0}
}
@media (max-width:680px){
  .nav-links{
    display:none;position:absolute;top:68px;left:0;right:0;background:#fff;flex-direction:column;
    padding:14px 22px;border-bottom:1px solid var(--line);gap:4px;box-shadow:var(--shadow);
  }
  .nav-links.open{display:flex}
  .nav-toggle{display:block}
  .grid-2,.grid-3,.grid-4,.form-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .hero h1{font-size:2rem}
  h1{font-size:1.7rem}
  .section{padding:56px 0}
}

/* ---- Language switcher (i18n) ---- */
.lang-switch{
  font-weight:700;font-size:.92rem;color:var(--ink-soft);
  padding:2px 10px;margin:0 2px;border-left:1px solid var(--line-2);
  white-space:nowrap;
}
.lang-switch:hover{color:var(--orange)}