/* gate.lightbdb.com — 出海作业判定 · 四道闸
   单一样式表，屏幕与打印共用。无外部依赖、无字体请求、无内联样式。
   对比度：正文 12.9:1，次要文字 4.9:1，均过 WCAG AA。 */

:root{
  --paper:#fcfbf8;
  --paper-2:#f6f3ec;
  --paper-3:#fff;
  --ink:#14181f;
  --ink-2:#3f4652;
  --ink-3:#5f6875;
  --rule:#d9d3c5;
  --rule-2:#e9e4d8;
  --accent:#2c3f66;
  --brass:#8a6a3b;
  --brass-2:#75582f;
  --green:#2c6a4d;
  --red:#8f342b;
  --amber:#7a5a12;
  --focus:#2c3f66;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  font-size:15px; line-height:1.78; letter-spacing:.01em;
  text-rendering:optimizeLegibility;
}
.serif,h1,h2,h3,.wordmark,.gate-name{
  font-family:"Songti SC","Source Han Serif SC","Noto Serif CJK SC",Georgia,serif;
}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:1px}

.wrap{max-width:900px;margin:0 auto;padding:0 26px}

/* ---------- 跳转链接（键盘／读屏） ---------- */
.skip{
  position:absolute;left:-9999px;top:0;z-index:99;
  background:var(--ink);color:var(--paper);padding:10px 16px;font-size:13px;
  text-decoration:none;
}
.skip:focus{left:8px;top:8px}

/* ---------- 页眉 ---------- */
header.top{border-bottom:1px solid var(--rule);background:var(--paper)}
.top-in{display:flex;align-items:baseline;justify-content:space-between;gap:18px;
  padding:22px 0 16px;flex-wrap:wrap}
.wordmark{font-size:19px;letter-spacing:.22em;text-transform:lowercase;color:var(--accent);
  font-weight:700;text-decoration:none}
.wordmark span{color:var(--ink-3);letter-spacing:.06em;font-family:inherit;font-size:13px;
  margin-left:10px;font-weight:400}
.top-meta{font-size:12.5px;color:var(--ink-3);letter-spacing:.04em}
.top-meta b{color:var(--ink-2);font-weight:600}
nav.pages{padding:12px 0 14px;border-bottom:1px solid var(--rule-2)}
nav.pages a{color:var(--ink-2);text-decoration:none;font-size:13.5px;margin-right:22px;
  padding-bottom:3px;border-bottom:1px solid transparent}
nav.pages a:hover{color:var(--accent);border-bottom-color:var(--accent)}
nav.pages a.on{color:var(--ink);border-bottom-color:var(--ink)}
nav.pages button{background:none;border:0;padding:0 0 3px;cursor:pointer;color:var(--ink-2);
  font:inherit;font-size:13.5px;border-bottom:1px solid transparent;font-family:inherit}
nav.pages button:hover{color:var(--accent);border-bottom-color:var(--accent)}

/* ---------- 标题区 ---------- */
.hero{padding:46px 0 30px;border-bottom:1px solid var(--rule)}
.kicker{font-size:11.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--brass-2);
  margin:0 0 16px}
h1{font-size:33px;line-height:1.34;margin:0 0 18px;letter-spacing:.01em;font-weight:700}
h1 em{font-style:normal;color:var(--accent)}
.lede{font-size:16px;color:var(--ink-2);margin:0;max-width:640px}
.hero-facts{display:flex;gap:34px;margin-top:26px;flex-wrap:wrap}
.fact{min-width:96px}
.fact .k{font-size:11.5px;color:var(--ink-3);letter-spacing:.1em;margin-bottom:2px}
.fact .v{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}

/* ---------- 摘要 ---------- */
.summary{background:var(--paper-3);border:1px solid var(--rule);padding:20px 24px;margin-top:26px}
.summary h2{font-size:13px;letter-spacing:.16em;color:var(--brass-2);margin:0 0 10px;
  font-family:inherit;font-weight:600;border:0;padding:0}
.summary p{font-size:14px;color:var(--ink-2);margin:0 0 8px}
.summary p:last-child{margin-bottom:0}
.summary b{color:var(--ink)}

/* ---------- 正文节 ---------- */
section{padding:34px 0;border-bottom:1px solid var(--rule-2)}
section:last-of-type{border-bottom:none}
h2{font-size:21px;margin:0 0 6px;letter-spacing:.02em}
h2 .no{color:var(--brass-2);font-size:12.5px;letter-spacing:.18em;margin-right:10px;
  font-family:-apple-system,sans-serif;font-weight:600;vertical-align:2px}
h2 + .h2sub{color:var(--ink-3);font-size:13.5px;margin:0 0 20px}
h3{font-size:16.5px;margin:26px 0 8px}
p{margin:0 0 13px}
p:last-child{margin-bottom:0}
a{color:var(--accent)}
a:hover{color:var(--brass-2)}
strong{font-weight:600}
.small{font-size:13px;color:var(--ink-3)}
.mt12{margin-top:12px}
.mt18{margin-top:18px}

/* ---------- 边界框 ---------- */
.scope{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--rule);
  margin:8px 0 4px}
.scope > div{padding:18px 20px}
.scope > div:first-child{border-right:1px solid var(--rule);background:var(--paper-3)}
.scope h4{margin:0 0 10px;font-size:12px;letter-spacing:.16em;color:var(--ink-3);
  font-weight:600;font-family:-apple-system,sans-serif}
.scope ul{margin:0;padding-left:17px}
.scope li{margin-bottom:5px;font-size:14px;color:var(--ink-2)}
.scope li b{color:var(--ink);font-weight:600}

/* ---------- 术语 ---------- */
.terms{margin:6px 0 0;border-top:1px solid var(--rule)}
.terms > div{display:grid;grid-template-columns:150px 1fr;gap:0 18px;padding:9px 0;
  border-bottom:1px solid var(--rule-2)}
.terms dt{font-size:13.5px;font-weight:600;color:var(--ink);letter-spacing:.02em}
.terms dd{margin:0;font-size:13.5px;color:var(--ink-2);line-height:1.7}
.terms dd code{background:var(--paper-2);padding:1px 5px;border-radius:2px;
  font-size:12.5px;font-family:"SF Mono",Menlo,monospace}
.terms .why{display:block;color:var(--ink-3);font-size:12.5px;margin-top:2px}

/* ---------- 证据律 ---------- */
.law{background:var(--paper-3);border:1px solid var(--rule);border-left:3px solid var(--brass);
  padding:24px 26px;margin:6px 0 0}
.law .lawhead{font-size:12px;letter-spacing:.16em;color:var(--brass-2);margin-bottom:10px;
  font-weight:600}
.law .lawq{font-family:"Songti SC",serif;font-size:18px;line-height:1.6;margin:0 0 16px}
.law ol{margin:0;padding-left:20px}
.law ol > li{margin-bottom:9px;padding-left:2px}
.law ol > li b{color:var(--ink)}
.law .lawfoot{margin-top:16px;padding-top:14px;border-top:1px solid var(--rule-2);
  font-size:13.5px;color:var(--ink-2)}
.law code{background:var(--paper-2);padding:1px 6px;border-radius:2px;
  font-size:12.5px;font-family:"SF Mono",Menlo,monospace}

/* ---------- 十二条总览 ---------- */
ol.idx{list-style:none;margin:4px 0 0;padding:0;border-top:1px solid var(--rule)}
ol.idx li{display:grid;grid-template-columns:64px 1fr 46px;gap:0 14px;align-items:baseline;
  padding:8px 0;border-bottom:1px solid var(--rule-2)}
ol.idx li a{text-decoration:none;font-size:14px;color:var(--ink);font-weight:500}
ol.idx li a:hover{color:var(--accent);text-decoration:underline}
ol.idx .id{font-family:"SF Mono",Menlo,monospace;font-size:12.5px;font-weight:600;color:var(--accent)}
ol.idx .gr{font-size:11px;color:var(--ink-3);text-align:right;font-family:"SF Mono",Menlo,monospace}

/* ---------- 闸 ---------- */
.gate{margin-top:34px}
.gate-head{display:flex;align-items:baseline;gap:16px;border-bottom:2px solid var(--ink);
  padding-bottom:9px;margin-bottom:4px}
.gate-name{font-size:22px;font-weight:700;letter-spacing:.02em}
.gate-letter{font-size:12px;letter-spacing:.2em;color:var(--paper);background:var(--ink);
  padding:2px 8px;font-family:-apple-system,sans-serif;font-weight:600;align-self:center}
.gate-when{margin-left:auto;font-size:12.5px;color:var(--ink-3);letter-spacing:.04em}
.gate-desc{font-size:13.5px;color:var(--ink-2);margin:10px 0 22px}
.gate-intro{break-inside:avoid}

/* ---------- 判据卡 ---------- */
.crit{display:grid;grid-template-columns:76px 1fr;gap:0 18px;padding:20px 0;
  border-top:1px solid var(--rule-2);break-inside:avoid;page-break-inside:avoid}
.crit:first-of-type{border-top:none}
.cid{font-family:"SF Mono",Menlo,monospace;font-size:13px;font-weight:600;color:var(--accent);
  letter-spacing:.04em;padding-top:2px}
.cid a{color:inherit;text-decoration:none;border-bottom:1px dotted var(--rule)}
.cid a:hover{color:var(--brass-2);border-bottom-color:var(--brass-2)}
.grade{display:inline-block;margin-top:6px;font-size:10.5px;letter-spacing:.08em;
  font-family:-apple-system,sans-serif;color:var(--ink-3);border:1px solid var(--rule);
  padding:0 4px;line-height:1.5;font-weight:500}
.grade.a{color:var(--green);border-color:#bcd2c4}
.grade.b{color:var(--amber);border-color:#ddcaa0}
.grade.c{color:var(--red);border-color:#e3bcb4}
.crit h3{margin:0 0 10px;font-size:16px;line-height:1.55}
.crit dl{margin:0;display:grid;grid-template-columns:52px 1fr;gap:6px 14px;font-size:14px}
.crit dt{font-size:11.5px;letter-spacing:.1em;color:var(--ink-3);padding-top:3px}
.crit dd{margin:0;color:var(--ink-2);line-height:1.7}
.crit dd b{color:var(--ink);font-weight:600}
.crit dd.no-pass{color:var(--red)}
.crit dd.rec{color:var(--ink-2);font-size:13.5px}
.crit dd.src{font-size:12.5px;color:var(--ink-3);border-top:1px dotted var(--rule-2);
  padding-top:6px;line-height:1.62}

/* 从锚点进入时的高亮 */
.crit.landed{background:#fbf6ea;box-shadow:inset 3px 0 0 var(--brass)}
@media print{.crit.landed{background:none;box-shadow:none}}

/* ---------- 存疑 ---------- */
.doubt{border:1px solid var(--rule);background:var(--paper-3);padding:0;margin-top:6px}
.doubt-item{padding:20px 24px;border-bottom:1px solid var(--rule-2)}
.doubt-item:last-child{border-bottom:none}
.doubt-item .qh{display:flex;gap:12px;align-items:baseline;margin-bottom:8px}
.doubt-item .qh .n{font-family:"SF Mono",Menlo,monospace;font-size:12px;color:var(--amber);
  font-weight:600}
.doubt-item .qh h3{margin:0;font-size:15.5px}
.doubt-item p{font-size:14px;color:var(--ink-2);margin-bottom:8px}
.doubt-item p:last-child{margin-bottom:0}
.tag-row{font-size:12px;color:var(--ink-3);letter-spacing:.02em}

/* ---------- 引用 ---------- */
.cite{background:var(--paper-2);padding:20px 24px;border-radius:2px;margin-top:8px}
.cite code{font-family:"SF Mono",Menlo,monospace;font-size:12.5px;background:var(--paper-3);
  border:1px solid var(--rule-2);padding:2px 7px;word-break:break-all}
.cite p{font-size:13.5px;color:var(--ink-2)}
.cite ul{padding-left:19px;margin:8px 0 0}
.cite li{font-size:13.5px;color:var(--ink-2);margin-bottom:4px}
.btn{display:inline-block;background:var(--paper-3);border:1px solid var(--rule);
  color:var(--ink-2);font:inherit;font-size:12.5px;padding:3px 10px;cursor:pointer;
  border-radius:2px;letter-spacing:.02em}
.btn:hover{border-color:var(--accent);color:var(--accent)}
.copy-note{font-size:12px;color:var(--green);margin-left:8px}

/* ---------- 治理 ---------- */
.gov{margin:6px 0 0;border-top:1px solid var(--rule)}
.gov > div{display:grid;grid-template-columns:132px 1fr;gap:0 18px;padding:11px 0;
  border-bottom:1px solid var(--rule-2)}
.gov dt{font-size:13px;font-weight:600;color:var(--ink);letter-spacing:.02em}
.gov dd{margin:0;font-size:13.5px;color:var(--ink-2);line-height:1.7}
.gov dd b{color:var(--ink)}

/* ---------- 页脚 ---------- */
footer{padding:34px 0 60px;border-top:1px solid var(--rule);margin-top:10px;
  font-size:12.5px;color:var(--ink-3);line-height:1.85}
footer b{color:var(--ink-2);font-weight:600}
footer .fr{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:14px}
footer a{color:var(--ink-2)}

/* ---------- 表格 ---------- */
table{width:100%;border-collapse:collapse;font-size:13.5px;margin:6px 0 14px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--rule-2);
  vertical-align:top}
th{font-size:11.5px;letter-spacing:.1em;color:var(--ink-3);font-weight:600;
  border-bottom:1px solid var(--rule);background:var(--paper-2)}
td.mono{font-family:"SF Mono",Menlo,monospace;font-size:12.5px;color:var(--accent)}
col.c6{width:6%} col.c8{width:8%} col.c10{width:10%} col.c12{width:12%} col.c14{width:14%} col.c16{width:16%}
col.c18{width:18%} col.c20{width:20%} col.c22{width:22%} col.c24{width:24%} col.c26{width:26%}
col.c28{width:28%} col.c30{width:30%} col.c34{width:34%} col.c36{width:36%} col.c38{width:38%}
col.c40{width:40%} col.c42{width:42%} col.c44{width:44%} col.c46{width:46%} col.c48{width:48%}
col.c50{width:50%} col.c52{width:52%} col.c56{width:56%} col.c58{width:58%} col.c60{width:60%}
col.c64{width:64%} col.c68{width:68%} col.c70{width:70%}
td.nw{white-space:nowrap}

ul.plain{padding-left:19px;margin:0 0 13px}
ul.plain li{margin-bottom:6px;color:var(--ink-2)}
ul.plain li b{color:var(--ink)}
.callout{border-left:2px solid var(--accent);padding:2px 0 2px 18px;margin:16px 0;
  color:var(--ink-2);font-size:14.5px}

.read-path{display:grid;gap:0;border-top:1px solid var(--rule)}
.rp{display:grid;grid-template-columns:26px 210px 1fr;gap:0 14px;align-items:baseline;
    padding:9px 0;border-bottom:1px solid var(--rule-2)}
.rp-n{font-family:"Songti SC",serif;font-size:15px;color:var(--brass-2);line-height:1.2}
.rp b{font-size:14px;font-weight:600;color:var(--ink)}
.rp span:last-child{font-size:13.5px;color:var(--ink-2);line-height:1.6}

/* ---------- 判定记录表（form.html） ---------- */
.sheet{background:var(--paper-3);border:1px solid var(--ink);padding:0;margin-top:8px}
.sheet-head{background:var(--ink);color:var(--paper);padding:10px 16px;display:flex;
  justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap}
.sheet-head b{font-family:"Songti SC",serif;font-size:16px;letter-spacing:.08em}
.sheet-head span{font-size:11.5px;color:#c8cfdb;letter-spacing:.1em}
.sheet-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid var(--rule)}
.sheet-meta > div{padding:8px 12px;border-right:1px solid var(--rule-2);font-size:11.5px;
  color:var(--ink-3);letter-spacing:.06em}
.sheet-meta > div:last-child{border-right:none}
.sheet-meta em{display:block;font-style:normal;color:var(--ink);font-size:12.5px;
  letter-spacing:0;margin-top:10px;border-bottom:1px dotted var(--rule);height:14px}
table.rec{width:100%;border-collapse:collapse;font-size:11.5px;margin:0}
table.rec th{background:var(--paper-2);border-bottom:1px solid var(--rule);padding:6px 8px;
  font-size:10.5px;letter-spacing:.06em}
table.rec td{border-bottom:1px solid var(--rule-2);padding:7px 8px;height:26px}
table.rec td.c{text-align:center;width:34px;color:var(--ink-3)}
table.rec tr.grp td{background:var(--paper-2);font-weight:600;letter-spacing:.08em;
  font-size:10.5px;color:var(--ink-2);height:auto;padding:5px 8px}
.sheet-foot{padding:10px 16px;font-size:11.5px;color:var(--ink-3);line-height:1.8;
  border-top:1px solid var(--rule)}
.sheet-foot b{color:var(--ink-2)}

/* ---------- 打印 ---------- */
@page{size:A4;margin:16mm 15mm}

@media print{
  :root{--paper:#fff;--paper-2:#f4f2ec;--paper-3:#fff}
  section.pb{break-before:page;page-break-before:always}
  html{scroll-behavior:auto}
  body{font-size:9.6pt;line-height:1.62;background:#fff}
  .wrap{max-width:none;padding:0}
  nav.pages,.skip,.btn,.copy-note{display:none!important}
  header.top{border-bottom:1px solid #999}
  .hero{padding:8mm 0 5mm}
  h1{font-size:20pt}
  .lede{font-size:10.5pt}
  section{padding:6mm 0;page-break-inside:auto}
  h2{page-break-after:avoid}
  h2 + .h2sub{page-break-after:avoid}
  .crit,.law,.doubt-item,.scope,.summary,.sheet{page-break-inside:avoid}
  .scope > div{padding:3.2mm 4mm}
  .scope li{font-size:8.6pt;margin-bottom:1mm}
  .law{padding:4mm 4.5mm}
  .law .lawq{font-size:12.5pt;margin:0 0 3mm}
  .law ol > li{margin-bottom:1.6mm}
  .terms > div{padding:1.4mm 0}
  .terms dt,.terms dd{font-size:8.6pt}
  ol.idx li{padding:1.4mm 0}
  a{color:var(--ink);text-decoration:none}
  footer{padding:6mm 0 0}
  .gate{page-break-before:auto}
  .crit{grid-template-columns:58px 1fr;gap:0 14px}
  .crit dl{grid-template-columns:40px 1fr;gap:4px 10px}
  .scope{grid-template-columns:1fr 1fr}
  .scope > div:first-child{border-right:1px solid var(--rule);border-bottom:none}
  .gate-intro{page-break-inside:avoid;break-inside:avoid;page-break-after:avoid}
  .gate-head{border-bottom:1.2pt solid #333}
  .rp{grid-template-columns:22px 175px 1fr;padding:1.8mm 0}
  .rp b,.rp span:last-child{font-size:8.7pt}
  .read-path{page-break-inside:avoid}
  .sheet{page-break-inside:avoid}
  table.rec td{height:8mm}
}

@media screen and (max-width:700px){
  .wrap{padding:0 18px}
  h1{font-size:26px}
  .crit{grid-template-columns:1fr;gap:6px}
  .crit dl{grid-template-columns:46px 1fr}
  .scope{grid-template-columns:1fr}
  .scope > div:first-child{border-right:none;border-bottom:1px solid var(--rule)}
  .hero-facts{gap:22px}
  .terms > div{grid-template-columns:1fr;gap:2px}
  .gov > div{grid-template-columns:1fr;gap:2px}
  .rp{grid-template-columns:1fr;gap:2px}
  .rp-n{display:none}
  .sheet-meta{grid-template-columns:1fr 1fr}
  nav.pages a,nav.pages button{margin-right:14px;font-size:13px}
}

/* ============================================================
   English edition (/en/) — same skeleton, Latin type, wider labels.
   The Chinese pages keep the CJK serif; these rules are scoped to
   html[lang="en"] so nothing leaks back into the original.
   ============================================================ */
html[lang="en"] body{
  font-family:Georgia,"Iowan Old Style","Times New Roman",serif;
  letter-spacing:0; font-size:15.5px;
}
html[lang="en"] .top-meta,html[lang="en"] nav.pages a,html[lang="en"] nav.pages button,
html[lang="en"] .kicker,html[lang="en"] .fact .k,html[lang="en"] .h2sub,
html[lang="en"] .small,html[lang="en"] .tag-row,html[lang="en"] .rp b,
html[lang="en"] .wordmark span,html[lang="en"] .sheet-meta span{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
}
html[lang="en"] h1{font-size:37px;line-height:1.2;letter-spacing:-.018em;font-weight:400}
html[lang="en"] h2{font-size:23px;letter-spacing:-.01em;font-weight:400}
html[lang="en"] h2 .no{font-family:"SF Mono",Menlo,monospace;font-size:11.5px}
html[lang="en"] h3{letter-spacing:-.005em}
html[lang="en"] .lede{font-size:16.5px;line-height:1.62;max-width:62ch}
html[lang="en"] .summary p{font-size:14.5px}
html[lang="en"] .wordmark span{margin-left:12px;letter-spacing:.08em}
html[lang="en"] .crit h3{font-size:16.5px;font-weight:600}
html[lang="en"] .crit dl{grid-template-columns:112px 1fr;gap:7px 16px}
html[lang="en"] .crit dt{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;line-height:1.9;
}
html[lang="en"] .terms > div{grid-template-columns:210px 1fr}
html[lang="en"] .gov > div{grid-template-columns:176px 1fr}
html[lang="en"] .law .lawq{font-size:19px;line-height:1.5}
html[lang="en"] table{font-size:13.5px}

/* 买家三问 */
.bq{margin:6px 0 0;border-top:1px solid var(--rule)}
.bq-item{display:grid;grid-template-columns:1fr 172px;gap:0 28px;padding:17px 0;
  border-bottom:1px solid var(--rule-2)}
.bq-item h3{margin:0 0 6px;font-size:17px;line-height:1.45;font-weight:600}
.bq-item p{margin:0;font-size:14px;color:var(--ink-2);line-height:1.7}
.bq-item .map{text-align:right;padding-top:2px}
.bq-item .mapk{display:block;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink-3);margin-bottom:6px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
.bq-item .map a{font-family:"SF Mono",Menlo,monospace;font-size:13px;color:var(--accent);
  text-decoration:none;border-bottom:1px solid var(--rule);margin-left:7px;padding-bottom:1px}
.bq-item .map a:hover{background:#f0ece1;border-bottom-color:var(--accent)}

/* 记录表页脚（英文版新增块，中文版未使用） */
.gate-foot{margin-top:14px;padding-top:13px;border-top:1px solid var(--rule);
  font-size:12.5px;color:var(--ink-2);line-height:1.9}
.gate-foot p{margin:5px 0}
.gate-foot b{color:var(--ink)}

@media screen and (max-width:700px){
  html[lang="en"] h1{font-size:28px}
  html[lang="en"] .crit dl{grid-template-columns:100px 1fr}
  html[lang="en"] .terms > div,html[lang="en"] .gov > div{grid-template-columns:1fr;gap:2px}
  .bq-item{grid-template-columns:1fr;gap:8px}
  .bq-item .map{text-align:left}
}

@media print{
  html[lang="en"] .crit dl{grid-template-columns:104px 1fr}
  html[lang="en"] .crit dt{font-size:8pt}
  .bq-item{page-break-inside:avoid}
}
