/* ============================================
   Sivera 思唯达 — Design Tokens
   换品牌色只改这一段即可
   ============================================ */
:root{
  --ink:        #0A1424;
  --text:       #17233A;
  --text-muted: #5C6B85;
  --text-faint: #8B98AD;
  --paper:      #FFFFFF;
  --paper-2:    #F6F8FC;
  --line:       #E2E8F2;
  --line-soft:  #EFF3F9;

  /* 三个板块各有色相，明度饱和度对齐 */
  --export:     #2C63F5;
  --export-bg:  #EEF3FE;
  --data:       #0F9C86;
  --data-bg:    #E9F7F4;
  --ip:         #7B5CF0;
  --ip-bg:      #F1EDFE;

  --signal:     #D98A1F;
  --signal-bg:  #FDF4E7;
  --accent:     #2C63F5;

  /* 排版：正文 Inter + 思源黑，品牌名与序号 Cinzel */
  --font-sans: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont,
               "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-mark: "Cinzel", "Times New Roman", serif;
  --fs-display: clamp(2.4rem, 4.8vw, 3.9rem);
  --fs-h2:      clamp(1.75rem, 3vw, 2.5rem);
  --fs-body:    1.0625rem;
  --fs-sm:      0.9375rem;
  --fs-xs:      0.8125rem;

  --gap-section: clamp(4.5rem, 9vw, 8rem);
  --radius:     14px;
  --radius-sm:  9px;
  --shadow-sm:  0 1px 2px rgba(10,20,36,.05), 0 2px 8px rgba(10,20,36,.04);
  --shadow-md:  0 2px 4px rgba(10,20,36,.04), 0 12px 32px rgba(10,20,36,.07);
  --maxw:       1180px;
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ink:#F3F6FB;
    --text:#E7ECF5; --text-muted:#9AA7BF; --text-faint:#6E7C95;
    --paper:#0B1220; --paper-2:#111A2B;
    --line:#22304A; --line-soft:#1A2438;
    --export:#6C93FF; --export-bg:#152241;
    --data:#3BC0A8;  --data-bg:#0F2A28;
    --ip:#A38BFF;    --ip-bg:#1E1B3C;
    --signal:#E8AE55; --signal-bg:#2A2113;
    --accent:#6C93FF;
    --shadow-sm:0 1px 2px rgba(0,0,0,.3);
    --shadow-md:0 12px 32px rgba(0,0,0,.4);
  }
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0; background:var(--paper); color:var(--text);
  font-family:var(--font-sans); font-size:var(--fs-body);
  line-height:1.65; letter-spacing:-0.006em;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem)}
.section{padding-block:var(--gap-section)}

h1,h2,h3{color:var(--ink);line-height:1.15;letter-spacing:-0.028em;margin:0;font-weight:640}
.display{font-size:var(--fs-display);font-weight:660;letter-spacing:-0.036em}
h2{font-size:var(--fs-h2)}
h3{font-size:1.25rem;letter-spacing:-0.018em;font-weight:620}

.eyebrow{
  font-size:var(--fs-xs); font-weight:600; letter-spacing:.13em;
  text-transform:uppercase; color:var(--text-faint);
  display:flex; align-items:center; gap:.6rem; margin:0;
}
.eyebrow::before{content:"";width:22px;height:1px;background:currentColor;opacity:.5}
.lede{font-size:1.1875rem;color:var(--text-muted);line-height:1.6;max-width:52ch;margin:0}
.sec-hd{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.75rem;max-width:62ch}

/* ---------- Header ---------- */
.hdr{
  position:sticky; top:0; z-index:50;
  background:color-mix(in srgb, var(--paper) 82%, transparent);
  backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid transparent; transition:border-color .25s, box-shadow .25s;
}
.hdr[data-stuck="true"]{border-bottom-color:var(--line);box-shadow:var(--shadow-sm)}
.hdr-in{display:flex;align-items:center;gap:2rem;height:70px}

/* 纯文字标：中文名 + 分隔线 + Cinzel 拉丁名 */
.mark{display:flex;align-items:baseline;gap:.55rem;color:var(--ink);white-space:nowrap}
.mark .cn{font-weight:640;font-size:1.0625rem;letter-spacing:.04em}
.mark .en{
  font-family:var(--font-mark);font-size:.8125rem;font-weight:600;
  letter-spacing:.2em;color:var(--text-muted);
  padding-left:.6rem;border-left:1px solid var(--line);
}

.nav{display:flex;gap:.35rem;margin-left:auto}
.nav a{
  padding:.5rem .8rem;border-radius:8px;font-size:var(--fs-sm);
  font-weight:500;color:var(--text-muted);transition:.18s;
}
.nav a:hover{color:var(--ink);background:var(--paper-2)}
.hdr-act{display:flex;align-items:center;gap:.5rem}
.nav-contact{display:none}
.navtoggle{
  display:none;margin-left:auto;border:1px solid var(--line);background:var(--paper);
  border-radius:8px;padding:.45rem .6rem;color:var(--ink);
}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.7rem 1.3rem;border-radius:10px;border:1px solid transparent;
  font-size:var(--fs-sm);font-weight:560;letter-spacing:-.008em;
  transition:.18s;white-space:nowrap;
}
.btn-primary{background:var(--ink);color:var(--paper)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}
.btn-ghost{border-color:var(--line);color:var(--ink);background:var(--paper)}
.btn-ghost:hover{background:var(--paper-2);border-color:var(--text-faint)}
.lang{border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text-muted);padding:.4rem .7rem;font-size:var(--fs-xs);font-weight:600;letter-spacing:.04em}
.lang:hover{color:var(--ink);background:var(--paper-2)}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;padding-top:clamp(3.5rem,7vw,5.5rem);padding-bottom:clamp(3rem,5vw,4.5rem)}
.hero::before{
  content:"";position:absolute;inset:-30% -10% auto -10%;height:80%;
  background:
    radial-gradient(48% 60% at 18% 30%, color-mix(in srgb,var(--export) 13%, transparent) 0%, transparent 70%),
    radial-gradient(42% 55% at 62% 12%, color-mix(in srgb,var(--data) 11%, transparent) 0%, transparent 70%),
    radial-gradient(45% 58% at 88% 40%, color-mix(in srgb,var(--ip) 12%, transparent) 0%, transparent 70%);
  pointer-events:none;
}
.hero-grid{position:relative;display:grid;grid-template-columns:1fr .88fr;gap:clamp(2.5rem,6vw,5rem);align-items:center}
.hero-copy{display:flex;flex-direction:column;gap:1.4rem}
.display .hl{
  background:linear-gradient(100deg,var(--export),var(--data) 52%,var(--ip));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
/* 中文译法：紧随英文 principle，字距放开以示并列而非注解 */
/* Hero 里的标语，贯穿全站三节的那一句。做成小字间距大写，
   与正文拉开层级，不与 h1 抢。 */
.slogan{
  margin:1.6rem 0 0;font-family:var(--font-mark,inherit);
  font-size:.8125rem;font-weight:600;letter-spacing:.14em;
  color:var(--text-faint);text-transform:none;
}
.h1-cn{
  margin:-.6rem 0 0;font-size:clamp(1.25rem,2.2vw,1.55rem);font-weight:600;
  color:var(--text-muted);letter-spacing:.32em;
}

/* ---------- 首屏子页面入口 ---------- */
.entries{display:flex;flex-direction:column;gap:.75rem}
.entry{
  display:flex;align-items:center;gap:1.1rem;
  padding:1.2rem 1.35rem;background:var(--paper);
  border:1px solid var(--line);border-left:3px solid var(--c);
  border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);
  transition:.2s;
}
.entry:hover{
  transform:translateX(3px);box-shadow:var(--shadow-md);
  border-color:color-mix(in srgb,var(--c) 45%,var(--line));border-left-color:var(--c);
}
.entry-ico{
  width:38px;height:38px;border-radius:10px;background:var(--cbg);color:var(--c);
  display:grid;place-items:center;flex:none;
}
.entry-tx{flex:1;min-width:0}
.entry-tx b{display:block;font-size:var(--fs-body);font-weight:600;color:var(--ink);letter-spacing:-.012em}
.entry-tx span{display:block;font-size:var(--fs-xs);color:var(--text-faint);margin-top:.15rem;line-height:1.5}
.entry-arw{flex:none;color:var(--text-faint);transition:.2s}
.entry:hover .entry-arw{color:var(--c);transform:translateX(3px)}

/* ---------- 三个板块 ---------- */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.pillar{
  position:relative;display:flex;flex-direction:column;gap:1rem;
  padding:1.75rem 1.6rem 1.6rem;background:var(--paper);
  border:1px solid var(--line);border-radius:var(--radius);
  transition:.22s;overflow:hidden;
}
.pillar::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--c);opacity:.85}
.pillar:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--c) 45%,var(--line))}
.p-icon{width:42px;height:42px;border-radius:11px;background:var(--cbg);color:var(--c);display:grid;place-items:center}
.pillar p{margin:0;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.6}
.p-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem;font-size:var(--fs-sm)}
.p-list li{display:flex;gap:.6rem;align-items:flex-start;color:var(--text-muted)}
.p-list li::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--c);margin-top:.62rem}
.p-more{margin-top:auto;padding-top:1rem;border-top:1px solid var(--line-soft);font-size:var(--fs-sm);font-weight:560;color:var(--c);display:flex;align-items:center;gap:.4rem}
.pillar:hover .p-more svg{transform:translateX(3px)}
.p-more svg{transition:.2s}

/* ---------- 两个工具：并列两列，等高 ---------- */
.db{background:var(--paper-2);border-block:1px solid var(--line-soft)}
.tools{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:stretch}
.tool{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow-sm);overflow:hidden;
  display:flex;flex-direction:column;height:100%;
}
.tool-hd{padding:1.15rem 1.35rem 1rem;border-bottom:1px solid var(--line-soft)}
.tool-no{
  font-family:var(--font-mark);font-size:var(--fs-xs);font-weight:600;letter-spacing:.18em;
  color:var(--text-faint);display:block;margin-bottom:.3rem;
}
.tool-hd h3{font-size:1.0625rem}
.tool-hd p{margin:.35rem 0 0;font-size:var(--fs-xs);color:var(--text-faint);line-height:1.55}

/* 分析框架 */
.tabs{display:flex;gap:.25rem;padding:.55rem .55rem 0;background:var(--paper-2);border-bottom:1px solid var(--line-soft)}
.tab{
  flex:1;padding:.6rem .4rem;border:0;border-radius:8px 8px 0 0;background:transparent;
  font-size:var(--fs-xs);font-weight:600;color:var(--text-muted);
  border-bottom:2px solid transparent;transition:.18s;
}
.tab:hover{color:var(--ink)}
.tab[aria-selected="true"]{background:var(--paper);color:var(--ink)}
.tab[data-k="export"][aria-selected="true"]{border-bottom-color:var(--export)}
.tab[data-k="data"][aria-selected="true"]{border-bottom-color:var(--data)}
.tab[data-k="ip"][aria-selected="true"]{border-bottom-color:var(--ip)}
.panel{padding:1.2rem 1.35rem}
.panel[hidden]{display:none}
.panel h4{margin:0 0 .8rem;font-size:var(--fs-xs);font-weight:640;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}
.elements{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.7rem}
.elements li{display:flex;gap:.6rem;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.55}
.elements li::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--c,var(--accent));margin-top:.55rem}
.laws{
  margin:1.1rem 0 0;padding-top:.85rem;border-top:1px solid var(--line-soft);
  font-size:var(--fs-xs);color:var(--text-faint);line-height:1.55;
}
.notice{
  margin:auto 1.35rem 1.35rem;padding:.7rem .85rem;border-radius:var(--radius-sm);
  background:var(--paper-2);border:1px solid var(--line-soft);
  font-size:var(--fs-xs);color:var(--text-muted);line-height:1.5;
}
.notice b{color:var(--ink);font-weight:620}

/* 法规数据库：分面筛选，组内 OR、组间 AND。四分面单排以压低卡片高度 */
.facets{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-soft);border-bottom:1px solid var(--line-soft)}
.facet{background:var(--paper);padding:.8rem .85rem}
.facet h5{
  margin:0 0 .5rem;font-size:.625rem;font-weight:640;letter-spacing:.07em;
  text-transform:uppercase;color:var(--text-faint);white-space:nowrap;
}
.facet label{
  display:flex;align-items:center;gap:.4rem;padding:.16rem 0;
  font-size:.75rem;color:var(--text-muted);cursor:pointer;transition:.14s;
}
.facet label:hover{color:var(--ink)}
.facet label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.facet input[type="checkbox"]{
  appearance:none;flex:none;width:13px;height:13px;border-radius:3px;
  border:1.5px solid var(--line);background:var(--paper);position:relative;transition:.14s;
}
.facet input:hover{border-color:var(--text-faint)}
.facet input:checked{background:var(--ink);border-color:var(--ink)}
.facet input:checked::after{
  content:"";position:absolute;left:3.5px;top:1px;width:3.5px;height:6.5px;
  border:solid var(--paper);border-width:0 1.5px 1.5px 0;transform:rotate(45deg);
}
.facet input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}

.facet-bar{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.6rem 1.35rem;background:var(--paper-2);border-bottom:1px solid var(--line-soft);
  font-size:var(--fs-xs);color:var(--text-muted);
}
.facet-bar b{color:var(--ink);font-weight:640}
.clear{
  border:1px solid var(--line);background:var(--paper);border-radius:7px;
  padding:.26rem .6rem;font-size:.6875rem;font-weight:550;color:var(--text-muted);transition:.16s;
}
.clear:hover{color:var(--ink);border-color:var(--text-faint)}

.db-list{margin:0;padding:0;list-style:none;flex:none;max-height:210px;overflow-y:auto}
.db-item{padding:.8rem 1.35rem;border-bottom:1px solid var(--line-soft);transition:.14s}
.db-item:last-child{border-bottom:0}
.db-item:hover{background:var(--paper-2)}
.db-item[hidden]{display:none}
.t-title{display:block;font-size:var(--fs-sm);font-weight:560;color:var(--ink);line-height:1.4}
.t-sub{display:block;font-size:var(--fs-xs);color:var(--text-faint);margin-top:.1rem}
.t-meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-top:.45rem}
.tag{display:inline-flex;align-items:center;padding:.15rem .45rem;border-radius:5px;font-size:.6875rem;font-weight:600;white-space:nowrap}
.tag-export{background:var(--export-bg);color:var(--export)}
.tag-data{background:var(--data-bg);color:var(--data)}
.tag-ip{background:var(--ip-bg);color:var(--ip)}
.t-juris{font-size:.6875rem;color:var(--text-faint)}
.status{display:inline-flex;align-items:center;gap:.3rem;font-size:.6875rem;color:var(--text-muted);white-space:nowrap}
.dot{width:5px;height:5px;border-radius:50%;background:var(--data);flex:none}
.dot.amber{background:var(--signal)}
.empty{padding:2rem 1.35rem;text-align:center;color:var(--text-faint);font-size:var(--fs-sm);margin:0}
.tool-ft{padding:.9rem 1.35rem;border-top:1px solid var(--line-soft);margin-top:auto}

/* ---------- 近期法规动态 ---------- */
.feed{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}
.feed li{
  display:grid;grid-template-columns:8.5rem 1fr auto;gap:1.5rem;align-items:baseline;
  padding:1.2rem .25rem;border-bottom:1px solid var(--line-soft);transition:.15s;
}
.feed li:hover{background:var(--paper-2)}
.feed time{
  font-family:var(--font-mark);font-size:var(--fs-xs);letter-spacing:.08em;
  color:var(--text-faint);white-space:nowrap;
}
.feed b{display:block;font-size:var(--fs-body);font-weight:580;color:var(--ink);letter-spacing:-.012em}
.feed p{margin:.3rem 0 0;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.55;max-width:64ch}
.feed-note{
  margin:1.5rem 0 0;padding:.7rem .85rem;border-radius:var(--radius-sm);
  background:var(--signal-bg);border:1px solid color-mix(in srgb,var(--signal) 30%,transparent);
  font-size:var(--fs-xs);color:var(--text-muted);line-height:1.5;
}
.feed-note b{color:var(--ink);font-weight:620}

/* ---------- 联系 ---------- */
.cta{background:#0A1424;border-radius:var(--radius);padding:clamp(2.5rem,5vw,3.75rem);text-align:center;position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;inset:auto -20% -60% -20%;height:120%;background:radial-gradient(50% 60% at 50% 100%, rgba(108,147,255,.28), transparent 70%)}
.cta > *{position:relative}
.cta .cta-title{margin:0;color:#fff;font-size:var(--fs-h2);font-weight:640;line-height:1.15;letter-spacing:-.028em}
.cta p{color:rgba(255,255,255,.66);max-width:54ch;margin:1.1rem auto 0}
.cta-mail{
  display:inline-block;margin-top:1.6rem;font-family:var(--font-mark);
  font-size:1.1rem;letter-spacing:.06em;color:#fff;
  padding-bottom:.3rem;border-bottom:1px solid rgba(255,255,255,.35);
}
.cta-note{font-size:var(--fs-xs);color:rgba(255,255,255,.45);margin-top:1.5rem}

/* ---------- Footer ---------- */
.ft{border-top:1px solid var(--line);padding-block:3.5rem 2rem;font-size:var(--fs-sm)}
.ft-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:2.5rem;margin-bottom:3rem}
.ft-col h4{margin:0 0 .9rem;font-size:var(--fs-xs);font-weight:640;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint)}
.ft-col a{display:block;padding:.28rem 0;color:var(--text-muted);transition:.15s}
.ft-col a:hover{color:var(--ink)}
.ft-cn{margin:.9rem 0 0;font-size:var(--fs-xs);color:var(--text-faint);letter-spacing:.2em}
.ft-bottom{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding-top:1.5rem;border-top:1px solid var(--line-soft);font-size:var(--fs-xs);color:var(--text-faint)}
.disclaimer{max-width:70ch;line-height:1.6}

/* ---------- 响应式 ---------- */
@media (max-width:1020px){
  .hero-grid{grid-template-columns:1fr;gap:2.5rem}
  .entries{max-width:520px}
  .pillars{grid-template-columns:1fr;gap:1rem}
  .tools{grid-template-columns:1fr}
  .tool{height:auto}
  .notice{margin-top:0}
  .feed li{grid-template-columns:1fr;gap:.3rem}
  .ft-grid{grid-template-columns:1fr 1fr;gap:2rem}
}
@media (max-width:760px){
  .hdr-in{height:62px;gap:1rem}
  .navtoggle{display:inline-flex}
  .nav{
    position:absolute;top:100%;left:0;right:0;margin:0;
    flex-direction:column;gap:0;padding:.5rem;
    background:var(--paper);border-bottom:1px solid var(--line);
    box-shadow:var(--shadow-md);
  }
  .nav:not([data-open="true"]){display:none}
  .nav a{padding:.75rem .9rem;font-size:var(--fs-body)}
  .nav-contact{display:block}
  .hdr-act .btn{display:none}
  .h1-cn{letter-spacing:.22em}
  .facets{grid-template-columns:1fr 1fr}
  .ft-grid{grid-template-columns:1fr}
}

/* ---------- 首页：示例结果卡 ---------- */
.demo{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden}
.demo-hd{
  padding:.85rem 1.25rem;border-bottom:1px solid var(--line-soft);background:var(--paper-2);
  font-size:var(--fs-sm);font-weight:620;color:var(--ink);display:flex;justify-content:space-between;align-items:center;
}
.demo-hd span{font-size:var(--fs-xs);font-weight:600;color:var(--text-faint)}
.demo .vd{padding:.9rem 1.25rem;border-top:1px solid var(--line-soft)}
.demo .vd:first-of-type{border-top:0}

/* ---------- 首页：三步 ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.step{
  display:flex;flex-direction:column;gap:.5rem;padding:1.6rem 1.5rem;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);transition:.2s;
}
a.step:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--text-faint)}
.step-n{
  font-family:var(--font-mark);font-size:1.6rem;font-weight:600;line-height:1;
  color:var(--line);margin-bottom:.3rem;
}
.step b{font-size:var(--fs-body);font-weight:620;color:var(--ink);letter-spacing:-.012em}
.step > span:not(.step-n):not(.step-go){font-size:var(--fs-sm);color:var(--text-muted);line-height:1.65}
.step-go{margin-top:auto;padding-top:.7rem;font-size:var(--fs-sm);font-weight:560;color:var(--accent)}

/* ---------- 首页：在建 / 数据说明 ---------- */
.soon{
  margin:1.75rem 0 0;padding:.85rem 1.05rem;border-radius:var(--radius-sm);
  background:var(--paper);border:1px solid var(--line);
  font-size:var(--fs-sm);color:var(--text-muted);line-height:1.65;max-width:76ch;
}
.soon b{color:var(--ink);font-weight:620}

/* ---------- 首页：边界 ---------- */
.limits{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-soft);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.limits > div{background:var(--paper);padding:1.35rem 1.5rem}
.limits b{display:block;font-size:var(--fs-body);font-weight:620;color:var(--ink);margin-bottom:.35rem}
.limits span{display:block;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.65}

/* ---------- 首页：版本 ---------- */
.plans{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}
.plan{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem 1.6rem 1.75rem}
.plan-pro{border-color:var(--ink);box-shadow:var(--shadow-md)}
.plan > b{display:block;font-size:1.125rem;font-weight:640;color:var(--ink);margin-bottom:.9rem;letter-spacing:-.015em}
.plan ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.6rem}
.plan li{display:flex;gap:.6rem;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.6}
.plan li::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--text-faint);margin-top:.6rem}
.plan-pro li::before{background:var(--accent)}

/* ---------- 法律声明正文 ---------- */
.lg{margin:0 0 .9rem;font-size:var(--fs-body);color:var(--text-muted);line-height:1.8;max-width:70ch}
.lg:last-child{margin-bottom:0}
.lg b{color:var(--ink);font-weight:620}

@media (max-width:1020px){
  .steps{grid-template-columns:1fr}
  .limits{grid-template-columns:1fr}
  .plans{grid-template-columns:1fr}
}

/* ============================================================
   站点首页：业务线入口
   ------------------------------------------------------------
   首页原先整页都是出口管制 —— 三步、三套规则、版本对比，
   商标只在页脚有一个链接。站点于是把自己介绍成一个出口管制工具，
   另一条业务线像是附属品。现在首页只做入口，两条线并列，
   各自的产品页在各自页面里展开。
   ============================================================ */
.lines{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}
/* 三列变体：首页的三个领域。窄屏由下方 860px 断点统一降为一列。 */
.lines-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:1100px){ .lines-3{grid-template-columns:1fr} }
.line{
  display:flex;flex-direction:column;gap:.55rem;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:1.6rem 1.75rem;box-shadow:var(--shadow-sm);
  transition:border-color .18s,transform .18s
}
.line:hover{border-color:var(--accent);transform:translateY(-2px)}
.line-eyebrow{
  font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--text-faint);font-weight:600
}
.line h3{margin:0;font-size:1.375rem;font-weight:660;color:var(--ink);letter-spacing:-.01em}
.line > p{margin:0;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.7}
.line-in{
  display:flex;flex-direction:column;gap:0;margin-top:.5rem;
  border-top:1px solid var(--line-soft)
}
.line-in a{
  display:flex;align-items:baseline;gap:.6rem;text-decoration:none;
  padding:.6rem 0;border-bottom:1px solid var(--line-soft)
}
.line-in a:last-child{border-bottom:0}
.line-in b{font-size:var(--fs-sm);font-weight:580;color:var(--ink);flex:0 0 auto}
.line-in span{font-size:var(--fs-xs);color:var(--text-faint);line-height:1.6}
.line-in a:hover b{color:var(--accent)}
.line-go{
  margin-top:auto;padding-top:.9rem;font-size:var(--fs-sm);font-weight:580;color:var(--accent)
}
.line-soon{opacity:.6}
.line-soon .line-go{color:var(--text-faint)}

/* 站点级原则 —— 两条业务线共通的三件事 */
.tenets{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--line-soft);border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden}
.tenets > div{background:var(--paper);padding:1.35rem 1.5rem}
.tenets b{display:block;font-size:var(--fs-body);font-weight:620;color:var(--ink);margin-bottom:.35rem}
.tenets span{display:block;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.65}

/* 面包屑（原先只定义在 tool.css 里，首页与出口管制页取不到） */
.crumb{
  margin:0 0 .6rem;font-size:var(--fs-xs);color:var(--text-faint);
  letter-spacing:.02em
}
.crumb a{color:var(--text-muted);text-decoration:none}
.crumb a:hover{color:var(--accent);text-decoration:underline}

@media (max-width:860px){
  .lines{grid-template-columns:1fr}
  .tenets{grid-template-columns:1fr}
}

/* ---------- 近期法规动态（首页区块与法规库共用） ---------- */
.feed{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}
.feed li{
  display:grid;grid-template-columns:7.5rem minmax(0,1fr) auto;gap:1.25rem;align-items:baseline;
  padding:1rem .25rem;border-bottom:1px solid var(--line-soft);transition:.15s;
}
.feed li:hover{background:var(--paper-2)}
.feed time{font-size:var(--fs-xs);letter-spacing:.04em;color:var(--text-faint);white-space:nowrap;font-variant-numeric:tabular-nums}
.feed b{display:block;font-size:var(--fs-sm);font-weight:580;color:var(--ink);letter-spacing:-.012em;line-height:1.45;overflow-wrap:anywhere}
.feed p{margin:.3rem 0 0;font-size:var(--fs-xs);color:var(--text-muted);line-height:1.55;max-width:70ch;overflow-wrap:anywhere}
.feed .tag{margin:0 .35rem .3rem 0}
.feed-ev{display:inline-block;margin:0 .35rem .3rem 0;font-size:.6875rem;font-weight:640;color:var(--ink)}
.feed-src{font-size:var(--fs-xs);color:var(--accent);white-space:nowrap}
.feed-src:hover{text-decoration:underline}
.feed-note{
  margin:1.25rem 0 0;padding:.7rem .85rem;border-radius:var(--radius-sm);
  background:var(--signal-bg);border:1px solid color-mix(in srgb,var(--signal) 30%,transparent);
  font-size:var(--fs-xs);color:var(--text-muted);line-height:1.6;max-width:76ch;
}
.feed-note b{color:var(--ink);font-weight:620}
.rg-entry{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.5rem;max-width:36rem}
.rg-entry input{
  flex:1 1 14rem;min-width:0;padding:.6rem .8rem;border:1px solid var(--line);border-radius:9px;
  background:var(--paper);color:var(--text);font:inherit;font-size:var(--fs-sm);
}
.rg-entry input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}
@media (max-width:760px){
  .feed li{grid-template-columns:1fr;gap:.3rem}
}