:root{
  --bg:#f7f9fc;--card:#ffffff;--text:#0f172a;--muted:#475569;--brand:#1d4ed8;--line:#e2e8f0;
  --shadow: 0 10px 30px rgba(2,6,23,.08);
  --radius:16px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Noto Sans",sans-serif;color:var(--text);background:var(--bg);}

/* Page-level semi-transparent background image */

/* Page-level semi-transparent background image */
body.page-decor{position:relative}
body.page-decor::before{
  content:"";
  position:fixed;
  inset:0;
  background-image:var(--page-bg-soft);
  background-size:cover;
  background-position:center;
  opacity:.14;
  filter:blur(12px);
  transform:scale(1.06);
  pointer-events:none;
  z-index:-2;
}

/* Page-level semi-transparent background image */
body.page-decor{position:relative}
body.page-decor::before{
  content:"";
  position:fixed;
  inset:0;
  background-image:var(--page-bg-soft);
  background-size:cover;
  background-position:center;
  opacity:.14;
  filter:blur(12px);
  transform:scale(1.06);
  pointer-events:none;
  z-index:-2;
}
body.page-decor::after{
  content:"";
  position:fixed;
  inset:0;
  background:linear-gradient(180deg, rgba(247,249,252,.80), rgba(247,249,252,.96));
  pointer-events:none;
  z-index:-1;
}
body.page-decor{position:relative}
body.page-decor::before{content:"";position:fixed;inset:0;background-image:var(--page-bg-soft);background-size:cover;background-position:center;opacity:.14;filter:blur(10px);transform:scale(1.05);pointer-events:none;z-index:-2}
body.page-decor::after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 10%, rgba(255,255,255,.85), rgba(247,249,252,.92) 55%, rgba(247,249,252,.98));pointer-events:none;z-index:-1}


body.page-decor::before{content:"";position:fixed;inset:0;background-image:var(--page-bg-soft, none);background-size:cover;background-position:center;opacity:.14;filter:blur(14px);transform:scale(1.08);z-index:-2;pointer-events:none}
body.page-decor::after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 30% 10%, rgba(255,255,255,.55), rgba(255,255,255,.9) 55%, rgba(247,249,252,1));z-index:-1;pointer-events:none}

a{color:inherit;text-decoration:none}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
header{position:sticky;top:0;z-index:50;background:rgba(247,249,252,.85);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:64px;height:64px;border-radius:14px;box-shadow:var(--shadow);background:#fff}
.brand .title{display:flex;flex-direction:column;line-height:1.1}
.brand .title strong{font-size:15px}
.brand .title span{font-size:12px;color:var(--muted)}
.links{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.links a{padding:8px 10px;border-radius:12px;color:var(--muted)}
.links a.active,.links a:hover{background:#ffffff;border:1px solid var(--line);color:var(--text)}
.actions{display:flex;align-items:center;gap:10px}
.btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer;color:var(--text)}
.btn:hover{border-color:#cbd5e1}
.hero{padding:44px 0 18px}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:stretch}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero-card{padding:26px}

/* Decorative blurred background for page headers */
.hero-card.decor{position:relative;overflow:hidden}
.hero-card.decor::before{content:"";position:absolute;inset:-60px;background-image:var(--hero-bg, var(--page-bg, radial-gradient(circle at 20% 10%, rgba(29,78,216,.18), transparent 60%), radial-gradient(circle at 80% 20%, rgba(59,130,246,.12), transparent 55%)));background-size:cover;background-position:center;filter:blur(22px);opacity:.18;transform:scale(1.12);z-index:0}
.hero-card.decor::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.9));z-index:0}
.hero-card.decor > *{position:relative;z-index:1}
.kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);border:1px solid var(--line);padding:6px 10px;border-radius:999px;background:#fff}
h1{margin:14px 0 10px;font-size:34px;letter-spacing:-.02em}
.lead{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.badge{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--muted)}
.hero-side{padding:18px;display:flex;flex-direction:column;gap:14px}
.side-item{padding:14px;border-radius:14px;border:1px dashed var(--line);background:#fff}
.side-item h3{margin:0 0 6px;font-size:14px}
.side-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
section{padding:18px 0}
.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 10px;position:relative;overflow:hidden;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.65);backdrop-filter:saturate(1.2) blur(10px)}
.section-title::before{content:"";position:absolute;inset:-40px;background-image:var(--page-bg, radial-gradient(circle at 20% 10%, rgba(29,78,216,.18), transparent 60%), radial-gradient(circle at 80% 20%, rgba(59,130,246,.12), transparent 55%));background-size:cover;background-position:center;filter:blur(20px);opacity:.18;transform:scale(1.15);z-index:0}
.section-title > *{position:relative;z-index:1}
.section-title h2{margin:0;font-size:18px}
.section-title span{font-size:12px;color:var(--muted)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.box{padding:16px}
.box h3{margin:0 0 8px;font-size:14px}
.box p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.list{margin:0;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.65}
.table-wrap{overflow:auto;border-radius:16px;border:1px solid var(--line);background:#fff}
table{border-collapse:collapse;width:100%;min-width:860px}
th,td{padding:12px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:13px;vertical-align:top}
th{font-size:12px;color:var(--muted);background:#f8fafc;position:sticky;top:0}
footer{border-top:1px solid var(--line);padding:22px 0 36px;color:var(--muted);font-size:12px}
.lang{display:none}
html[data-lang="en"] .lang-en{display:block}
html[data-lang="zh"] .lang-zh{display:block}
small.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
/* Media helpers */
.media{margin-top:14px}
.media img{width:100%;height:auto;border-radius:14px;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff}
.media .cap{margin-top:8px;font-size:12px;color:var(--muted);line-height:1.5}
.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.media-grid-1{display:grid;grid-template-columns:1fr;gap:16px}

@media (max-width:900px){
  .brand img{width:52px;height:52px;border-radius:12px}
  .hero-grid{grid-template-columns:1fr}
  .grid-3{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .media-grid{grid-template-columns:1fr}
  .links{display:none}
}

/* Page-level semi-transparent background image */
body.page-decor{position:relative}
body.page-decor::before{
  content:"";
  position:fixed;
  inset:0;
  background-image:var(--page-bg-soft);
  background-size:cover;
  background-position:center;
  opacity:.14;
  filter:blur(12px);
  transform:scale(1.06);
  pointer-events:none;
  z-index:-2;
}

/* Stronger semi-transparent blurred background on Home page */
body.home.page-decor::before{opacity:.24;filter:blur(12px);transform:scale(1.08)}
body.home.page-decor::after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 10%, rgba(255,255,255,.55), transparent 55%),linear-gradient(180deg, rgba(255,255,255,.35), rgba(255,255,255,.08));z-index:-1;pointer-events:none}