:root{
  --brand:#12805c;
  --ink-0:#05070a; --ink-1:#0b0f14;
  --ease:cubic-bezier(.16,1,.3,1);
  --ease-fast:cubic-bezier(.25,1,.5,1);
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--ink-0); color:#e2e8f0;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'PingFang SC','Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased; line-height:1.8;
  font-feature-settings:'cv02','cv03','cv04','cv11';
}
a{color:var(--brand);text-decoration:none;transition:opacity .2s var(--ease)}
a:hover{opacity:.75}
.shell{width:100%;max-width:800px;margin-inline:auto;padding-inline:clamp(24px,5vw,40px)}
.display{letter-spacing:-.035em;font-feature-settings:'cv02','cv03','cv04','cv11','ss01'}

/* 内容页没有视频背景，实底不会像首页那样在画面上切出一条可见的横条——
   所以这里给纯实底就够，不用毛玻璃、也不需要下边框。 */
header{position:sticky;top:0;z-index:30;background:var(--ink-0)}
/* 头尾通栏：贴住视口两侧，不跟着正文容器居中。正文仍保持窄栏可读宽度。 */
.nav{display:flex;align-items:center;justify-content:space-between;height:56px;
  max-width:none;padding-inline:28px}
footer .shell{max-width:none;padding-inline:28px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em;
  font-size:16px;color:#fff}
.brand:hover{opacity:1}
.mark{width:22px;height:22px;flex:none;display:block;transition:transform .3s var(--ease)}
.brand:hover .mark{transform:scale(1.05)}
.back{font-size:14px;color:rgba(255,255,255,.62);transition:color .24s var(--ease-fast)}
.back:hover{color:#fff;opacity:1}

article{padding-block:72px 96px}
h1{font-size:clamp(30px,5vw,44px);font-weight:700;letter-spacing:-.035em;line-height:1.15;color:#fff}
.meta{margin-top:16px;font-size:14px;color:#64748b}
.lead{margin-top:30px;padding:22px 24px;border-left:2px solid var(--brand);
  background:rgba(18,128,92,.09);border-radius:0 12px 12px 0;font-size:15px;
  line-height:1.85;color:#cbd5e1}
h2{margin-top:56px;font-size:21px;font-weight:600;letter-spacing:-.02em;color:#fff}
h3{margin-top:32px;font-size:16px;font-weight:600;color:#e2e8f0}
p{margin-top:16px;color:#94a3b8;font-size:15.5px}
ul,ol{margin-top:16px;padding-left:22px;color:#94a3b8;font-size:15.5px}
li{margin-top:10px}
li::marker{color:#475569}
strong{color:#e2e8f0;font-weight:600}
table{width:100%;border-collapse:collapse;margin-top:26px;font-size:15px}
th,td{text-align:left;padding:14px 15px;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}
th{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#64748b;font-weight:600}
td{color:#94a3b8}
td:first-child{font-weight:500;color:#e2e8f0;white-space:nowrap}
@media(max-width:600px){td:first-child{white-space:normal}}

footer{border-top:1px solid rgba(255,255,255,.05);background:var(--ink-1);
  padding-block:44px 56px;font-size:13.5px;color:#94a3b8}
.foot-links{display:flex;flex-wrap:wrap;gap:22px}
.foot-links a{color:#94a3b8}
.foot-links a:hover{color:#fff;opacity:1}
.beian{margin-top:22px;font-size:13px;color:#64748b}
.beian a{color:#64748b}
.beian a:hover{text-decoration:underline;opacity:1}

@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}