.page-beihai{
  --bh-ink:#071a22;
  --bh-ink-2:#0b2731;
  --bh-paper:#f0f4f0;
  --bh-paper-2:#dce9e6;
  --bh-line:rgba(7,26,34,.17);
  --bh-cyan:#50d8df;
  --bh-cyan-soft:#a7f0ec;
  --bh-pearl:#f8fffd;
  --bh-coral:#ff826f;
  --bh-muted:#63767a;
  background:var(--bh-paper);
  color:var(--bh-ink);
  overflow-x:clip;
}
.page-beihai *, .page-beihai *::before, .page-beihai *::after{box-sizing:border-box}
.page-beihai .city-main{overflow:clip;background:var(--bh-paper)}
.page-beihai .city-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.page-beihai .city-eyebrow{margin:0;color:#397d80;font-size:12px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}
.page-beihai .city-crumb{display:flex;align-items:center;gap:10px;color:rgba(238,255,252,.72);font-size:13px;letter-spacing:.04em}
.page-beihai .city-crumb a,.page-beihai .city-crumb strong{color:inherit;text-decoration:none;font-weight:600}
.page-beihai .city-crumb i{font-style:normal;opacity:.42}
.page-beihai h1,.page-beihai h2,.page-beihai h3,.page-beihai p,.page-beihai figure{margin-top:0}
.page-beihai a:focus-visible,.page-beihai button:focus-visible,.page-beihai summary:focus-visible{outline:3px solid var(--bh-coral);outline-offset:4px}

.page-beihai .bh-hero{position:relative;min-height:870px;padding:32px 0 88px;color:var(--bh-pearl);background:
  radial-gradient(circle at 78% 16%,rgba(80,216,223,.18),transparent 29%),
  linear-gradient(112deg,#05151c 0%,#09242d 58%,#071a22 100%)}
.page-beihai .bh-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.34;background-image:linear-gradient(rgba(167,240,236,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(167,240,236,.08) 1px,transparent 1px);background-size:100% 72px,72px 100%;mask-image:linear-gradient(90deg,#000 0%,transparent 72%)}
.page-beihai .bh-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--bh-cyan),transparent)}
.page-beihai .bh-hero .city-shell{position:relative;z-index:1}
.page-beihai .bh-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr);grid-template-rows:auto auto;gap:34px 46px;align-items:end;padding-top:54px}
.page-beihai .bh-hero-copy{position:relative;z-index:2;align-self:center;padding:24px 0 18px}
.page-beihai .bh-hero-copy::before{content:"";display:block;width:82px;height:3px;margin-bottom:26px;background:linear-gradient(90deg,var(--bh-cyan),rgba(80,216,223,0))}
.page-beihai .bh-hero-copy h1{max-width:690px;margin:16px 0 24px;font-size:58px;line-height:1.06;letter-spacing:-.045em;color:#f4fffd}
.page-beihai .bh-hero-copy h1 em{display:block;margin-top:8px;color:var(--bh-cyan-soft);font-style:normal;font-weight:520}
.page-beihai .bh-hero-lead{max-width:650px;margin-bottom:30px;color:rgba(233,249,246,.76);font-size:18px;line-height:1.86}
.page-beihai .bh-hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.page-beihai .bh-hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid rgba(167,240,236,.38);color:#ecfffc;text-decoration:none;font-weight:750;letter-spacing:.02em;transition:.25s ease}
.page-beihai .bh-hero-actions a:first-child{background:var(--bh-cyan);border-color:var(--bh-cyan);color:#062029}
.page-beihai .bh-hero-actions a:hover{transform:translateY(-2px);border-color:var(--bh-cyan)}
.page-beihai .bh-hero-image{position:relative;grid-row:1 / span 2;grid-column:2;align-self:stretch;min-height:690px;margin:0;border:1px solid rgba(167,240,236,.28);overflow:hidden;background:#0b2630;box-shadow:0 28px 80px rgba(0,0,0,.28)}
.page-beihai .bh-hero-image::before{content:"";position:absolute;z-index:1;inset:18px;border:1px solid rgba(248,255,253,.2);pointer-events:none}
.page-beihai .bh-hero-image picture,.page-beihai .bh-hero-image img{display:block;width:100%;height:100%}
.page-beihai .bh-hero-image img{min-height:690px;object-fit:cover;filter:saturate(.88) contrast(1.03)}
.page-beihai .bh-hero-image figcaption{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:26px 28px;background:linear-gradient(180deg,transparent,rgba(3,17,22,.92));display:flex;align-items:end;justify-content:space-between;gap:20px}
.page-beihai .bh-hero-image figcaption span{font-size:11px;letter-spacing:.16em;color:var(--bh-cyan)}
.page-beihai .bh-hero-image figcaption b{max-width:230px;text-align:right;font-size:17px;line-height:1.45;color:white}
.page-beihai .bh-cover-index{position:relative;z-index:3;align-self:end;margin-right:-110px;padding:22px 24px;border:1px solid rgba(167,240,236,.35);background:rgba(5,24,31,.86);box-shadow:0 18px 50px rgba(0,0,0,.3);backdrop-filter:blur(14px)}
.page-beihai .bh-index-rule{display:flex;justify-content:space-between;gap:20px;padding-bottom:12px;border-bottom:1px solid rgba(167,240,236,.22);color:rgba(236,255,252,.68);font-size:11px;letter-spacing:.12em}
.page-beihai .bh-index-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 0}
.page-beihai .bh-index-tabs button{display:flex;align-items:center;gap:7px;min-width:0;padding:10px;border:1px solid rgba(167,240,236,.18);background:transparent;color:rgba(236,255,252,.68);font:inherit;font-size:13px;cursor:pointer}
.page-beihai .bh-index-tabs button span{font:800 10px/1 system-ui;color:var(--bh-cyan)}
.page-beihai .bh-index-tabs button.is-active{background:rgba(80,216,223,.13);border-color:rgba(80,216,223,.75);color:white}
.page-beihai .bh-index-note{min-height:106px;padding:16px;background:rgba(248,255,253,.06);border-left:2px solid var(--bh-cyan)}
.page-beihai .bh-index-note small{display:block;margin-bottom:7px;color:var(--bh-cyan);font-size:10px;letter-spacing:.15em}
.page-beihai .bh-index-note b{display:block;margin-bottom:5px;color:#fff;font-size:18px}
.page-beihai .bh-index-note p{margin:0;color:rgba(236,255,252,.7);font-size:13px;line-height:1.7}

.page-beihai .city-ad{padding:34px 0;background:#e2eae7}
.page-beihai .city-ad.is-dark{background:#061820}
.page-beihai .city-ad-inner{width:min(1200px,calc(100% - 48px));margin:auto;overflow:hidden}
.page-beihai .city-ad picture,.page-beihai .city-ad img{display:block;width:100%}
.page-beihai .city-ad img{aspect-ratio:3/1;object-fit:contain}

.page-beihai .bh-reading-room{padding:112px 0 126px;background:
  linear-gradient(90deg,transparent calc(50% - 591px),rgba(7,26,34,.09) calc(50% - 590px),transparent calc(50% - 589px)),
  var(--bh-paper)}
.page-beihai .bh-reading-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:76px;align-items:start}
.page-beihai .bh-sticky-index{position:sticky;top:96px;padding:24px 0 28px;border-top:4px solid var(--bh-ink);border-bottom:1px solid var(--bh-line)}
.page-beihai .bh-sticky-index>p{margin:0 0 5px;color:#498083;font-size:11px;font-weight:800;letter-spacing:.18em}
.page-beihai .bh-sticky-index>b{display:block;margin-bottom:25px;font-size:23px;letter-spacing:-.02em}
.page-beihai .bh-sticky-index nav{display:grid;gap:4px}
.page-beihai .bh-sticky-index nav a{display:grid;grid-template-columns:35px 1fr;align-items:center;min-height:46px;padding:8px 10px;color:#617277;text-decoration:none;border-left:2px solid transparent;transition:.2s ease}
.page-beihai .bh-sticky-index nav a span{font-size:10px;font-weight:900;color:#729295}
.page-beihai .bh-sticky-index nav a.is-active{color:var(--bh-ink);border-left-color:var(--bh-cyan);background:rgba(80,216,223,.12);font-weight:800}
.page-beihai .bh-reading-progress{height:3px;margin:22px 10px;background:rgba(7,26,34,.1);overflow:hidden}
.page-beihai .bh-reading-progress i{display:block;width:4%;height:100%;background:linear-gradient(90deg,#247a81,var(--bh-cyan));transition:width .18s ease}
.page-beihai .bh-sticky-index>small{display:block;padding:0 10px;color:#718286;font-size:12px;line-height:1.75}
.page-beihai .bh-story-stack{min-width:0}
.page-beihai .bh-story{scroll-margin-top:100px;padding:0 0 116px;margin-bottom:112px;border-bottom:1px solid var(--bh-line)}
.page-beihai .bh-story:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.page-beihai .bh-story-head{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px 42px;align-items:end;margin-bottom:42px}
.page-beihai .bh-story-head>span{grid-column:1 / -1;color:#397d80;font-size:11px;font-weight:900;letter-spacing:.18em}
.page-beihai .bh-story-head h2{margin:0;font-size:45px;line-height:1.12;letter-spacing:-.04em;color:var(--bh-ink)}
.page-beihai .bh-story-head>p{margin:0;color:#64787c;font-size:15px;line-height:1.86}
.page-beihai .bh-opening-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(290px,.92fr);gap:22px}
.page-beihai .bh-story-image,.page-beihai .bh-ledger-image,.page-beihai .bh-platform-image,.page-beihai .bh-growth-image{position:relative;margin:0;overflow:hidden;background:#d4e1de}
.page-beihai .bh-story-image img,.page-beihai .bh-ledger-image img,.page-beihai .bh-platform-image img,.page-beihai .bh-growth-image img{display:block;width:100%;height:100%;object-fit:cover}
.page-beihai .bh-story-image{min-height:500px}
.page-beihai .bh-story-image figcaption,.page-beihai .bh-ledger-image figcaption,.page-beihai .bh-platform-image figcaption,.page-beihai .bh-growth-image figcaption{position:absolute;left:0;right:0;bottom:0;margin:0;padding:18px 20px;color:#ebfffb;font-size:12px;line-height:1.6;background:linear-gradient(180deg,transparent,rgba(4,23,29,.88))}
.page-beihai .bh-index-cards{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--bh-line);border-left:1px solid var(--bh-line);background:rgba(255,255,255,.38)}
.page-beihai .bh-index-cards article{min-height:250px;padding:24px;border-right:1px solid var(--bh-line);border-bottom:1px solid var(--bh-line);display:flex;flex-direction:column;justify-content:space-between}
.page-beihai .bh-index-cards article>span{font:900 13px/1 system-ui;color:#31868b}
.page-beihai .bh-index-cards h3{margin:0 0 8px;font-size:20px}
.page-beihai .bh-index-cards p{margin:0;color:#687b7f;font-size:13px;line-height:1.75}

.page-beihai .bh-evidence-board{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:410px;border:1px solid var(--bh-line);background:#0a222b;color:#eafbf9;box-shadow:0 22px 55px rgba(7,26,34,.13)}
.page-beihai .bh-evidence-tabs{display:grid;border-right:1px solid rgba(167,240,236,.17)}
.page-beihai .bh-evidence-tabs button{display:grid;align-content:center;gap:7px;padding:24px;border:0;border-bottom:1px solid rgba(167,240,236,.13);background:transparent;color:rgba(232,251,248,.66);font:700 14px/1.4 inherit;text-align:left;cursor:pointer}
.page-beihai .bh-evidence-tabs button:last-child{border-bottom:0}
.page-beihai .bh-evidence-tabs button span{color:#54bbc0;font-size:10px;letter-spacing:.17em}
.page-beihai .bh-evidence-tabs button.is-active{background:linear-gradient(90deg,rgba(80,216,223,.18),rgba(80,216,223,.04));color:#fff;box-shadow:inset 3px 0 var(--bh-cyan)}
.page-beihai .bh-evidence-sheet{position:relative;display:flex;flex-direction:column;justify-content:center;padding:54px 58px;overflow:hidden}
.page-beihai .bh-evidence-sheet::after{content:"";position:absolute;width:330px;height:330px;right:-140px;top:-130px;border:1px solid rgba(80,216,223,.24);border-radius:50%;box-shadow:0 0 70px rgba(80,216,223,.15)}
.page-beihai .bh-evidence-sheet small{color:var(--bh-cyan);font-size:10px;font-weight:850;letter-spacing:.17em}
.page-beihai .bh-evidence-sheet h3{max-width:570px;margin:16px 0 13px;font-size:32px;line-height:1.22;letter-spacing:-.025em}
.page-beihai .bh-evidence-sheet p{max-width:630px;margin-bottom:42px;color:rgba(232,251,248,.7);font-size:15px;line-height:1.85}
.page-beihai .bh-evidence-sheet>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.page-beihai .bh-evidence-sheet>div span{font-size:11px;color:rgba(232,251,248,.8)}
.page-beihai .bh-evidence-sheet>div i{width:34px;height:1px;background:linear-gradient(90deg,var(--bh-cyan),transparent)}
.page-beihai .bh-boundary{margin:18px 0 0;padding:15px 18px;border-left:3px solid var(--bh-coral);background:#fff;color:#63767a;font-size:13px;line-height:1.75}

.page-beihai .bh-ledger-image{height:460px;border:1px solid var(--bh-line)}
.page-beihai .bh-ledger-index{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;border-top:1px solid var(--bh-line);border-left:1px solid var(--bh-line)}
.page-beihai .bh-ledger-index article{position:relative;min-height:235px;padding:24px 20px;border-right:1px solid var(--bh-line);border-bottom:1px solid var(--bh-line);background:rgba(255,255,255,.35)}
.page-beihai .bh-ledger-index small{color:#4f8285;font-size:9px;letter-spacing:.16em}
.page-beihai .bh-ledger-index span{position:absolute;right:18px;top:18px;color:rgba(7,26,34,.16);font:900 38px/1 system-ui}
.page-beihai .bh-ledger-index h3{margin:62px 0 9px;font-size:19px}
.page-beihai .bh-ledger-index p{margin:0;color:#687a7e;font-size:13px;line-height:1.7}

.page-beihai .bh-change-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.page-beihai .bh-change-grid>a{position:relative;min-height:300px;padding:28px;border:1px solid var(--bh-line);background:#f7faf7;color:var(--bh-ink);text-decoration:none;transition:.25s ease}
.page-beihai .bh-change-grid>a::after{content:"";position:absolute;left:28px;right:28px;bottom:0;height:3px;background:var(--bh-cyan);transform:scaleX(0);transform-origin:left;transition:.25s ease}
.page-beihai .bh-change-grid>a:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(7,26,34,.1)}
.page-beihai .bh-change-grid>a:hover::after{transform:scaleX(1)}
.page-beihai .bh-change-grid small{color:#408185;font-size:10px;letter-spacing:.15em}
.page-beihai .bh-change-grid h3{margin:56px 0 10px;font-size:24px}
.page-beihai .bh-change-grid p{color:#687a7e;font-size:14px;line-height:1.78}
.page-beihai .bh-change-grid>a>span{position:absolute;bottom:26px;color:#246f75;font-size:13px;font-weight:800}
.page-beihai .bh-verify-note{display:grid;grid-template-columns:150px 1fr;gap:22px;margin-top:18px;padding:20px 24px;background:var(--bh-ink);color:#e9faf7}
.page-beihai .bh-verify-note span{color:var(--bh-cyan);font-size:12px;font-weight:850;letter-spacing:.08em}
.page-beihai .bh-verify-note p{margin:0;color:rgba(233,250,247,.72);font-size:13px;line-height:1.7}

.page-beihai .city-section{padding:120px 0}
.page-beihai .bh-section-head{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(300px,.84fr);gap:55px;align-items:end;margin-bottom:54px}
.page-beihai .bh-section-head h2{margin:14px 0 0;font-size:45px;line-height:1.12;letter-spacing:-.04em}
.page-beihai .bh-section-head>p{margin:0;color:#65787c;font-size:15px;line-height:1.88}
.page-beihai .bh-platform{color:#ecfcf9;background:
  radial-gradient(circle at 8% 90%,rgba(80,216,223,.14),transparent 27%),
  linear-gradient(135deg,#061820,#0b2831)}
.page-beihai .bh-platform .city-eyebrow{color:var(--bh-cyan)}
.page-beihai .bh-platform .bh-section-head h2{color:#f3fffd}
.page-beihai .bh-platform .bh-section-head>p{color:rgba(233,250,247,.72)}
.page-beihai .bh-platform-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px;align-items:stretch}
.page-beihai .bh-platform-image{min-height:520px;border:1px solid rgba(167,240,236,.2)}
.page-beihai .bh-platform-image img{object-fit:cover;object-position:center}
.page-beihai .bh-workspaces{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(167,240,236,.2);border-left:1px solid rgba(167,240,236,.2)}
.page-beihai .bh-workspaces article{min-height:260px;padding:24px;border-right:1px solid rgba(167,240,236,.2);border-bottom:1px solid rgba(167,240,236,.2);display:flex;flex-direction:column;justify-content:space-between;background:rgba(255,255,255,.025)}
.page-beihai .bh-workspaces span{color:var(--bh-cyan);font:900 12px/1 system-ui}
.page-beihai .bh-workspaces h3{margin:0 0 8px;color:#fff;font-size:21px}
.page-beihai .bh-workspaces p{margin:0;color:rgba(233,250,247,.65);font-size:13px;line-height:1.7}
.page-beihai .bh-platform-note{margin:20px 0 0;padding:16px 20px;border-left:3px solid var(--bh-cyan);background:rgba(255,255,255,.05);color:rgba(233,250,247,.72);font-size:13px;line-height:1.75}

.page-beihai .bh-growth{background:#dfeae7}
.page-beihai .bh-growth-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:54px;align-items:stretch}
.page-beihai .bh-growth-copy{padding:30px 0}
.page-beihai .bh-growth-copy h2{margin:14px 0 24px;font-size:45px;line-height:1.12;letter-spacing:-.04em}
.page-beihai .bh-growth-copy>p:not(.city-eyebrow){color:#607579;font-size:15px;line-height:1.88}
.page-beihai .bh-growth-copy ol{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:30px 0;padding:0;list-style:none}
.page-beihai .bh-growth-copy li{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--bh-line);background:rgba(255,255,255,.55);font-size:13px;font-weight:750}
.page-beihai .bh-growth-copy li span{color:#2d8589;font:900 10px/1 system-ui}
.page-beihai .bh-growth-copy>div{display:flex;gap:10px;flex-wrap:wrap}
.page-beihai .bh-growth-copy>div a{padding:13px 17px;border:1px solid var(--bh-ink);color:var(--bh-ink);text-decoration:none;font-size:13px;font-weight:800}
.page-beihai .bh-growth-copy>div a:first-child{background:var(--bh-ink);color:white}
.page-beihai .bh-growth-image{min-height:570px;box-shadow:0 25px 60px rgba(7,26,34,.13)}

.page-beihai .bh-articles{background:#f5f7f3}
.page-beihai .bh-article-index{border-top:3px solid var(--bh-ink)}
.page-beihai .bh-article-index article{display:grid;grid-template-columns:105px 92px minmax(0,1fr) 40px;gap:18px;align-items:center;min-height:90px;border-bottom:1px solid var(--bh-line)}
.page-beihai .bh-article-index time{font-size:12px;color:#708185}
.page-beihai .bh-article-index article>span{font-size:11px;color:#397d80;font-weight:800}
.page-beihai .bh-article-index a{color:var(--bh-ink);font-size:18px;font-weight:800;line-height:1.5;text-decoration:none}
.page-beihai .bh-article-index a:hover{color:#21767b}
.page-beihai .bh-article-index i{font-style:normal;text-align:right;color:rgba(7,26,34,.22);font:900 23px/1 system-ui}
.page-beihai .bh-category-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.page-beihai .bh-category-links a{padding:12px 16px;border:1px solid var(--bh-line);color:#365f63;background:#fff;text-decoration:none;font-size:13px;font-weight:750}

.page-beihai .bh-faq{background:var(--bh-paper)}
.page-beihai .bh-faq-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:78px;align-items:start}
.page-beihai .bh-faq-head{position:sticky;top:96px;padding-top:8px}
.page-beihai .bh-faq-head h2{margin:14px 0 20px;font-size:45px;line-height:1.12;letter-spacing:-.04em}
.page-beihai .bh-faq-head>p:not(.city-eyebrow){color:#63777b;font-size:14px;line-height:1.8}
.page-beihai .bh-faq .faq-list{border-top:3px solid var(--bh-ink)}
.page-beihai .bh-faq details{border-bottom:1px solid var(--bh-line);background:transparent}
.page-beihai .bh-faq summary{position:relative;padding:27px 52px 27px 0;cursor:pointer;font-size:18px;font-weight:800;line-height:1.5;list-style:none}
.page-beihai .bh-faq summary::-webkit-details-marker{display:none}
.page-beihai .bh-faq summary::after{content:"+";position:absolute;right:10px;top:25px;color:#2a7d82;font:400 25px/1 system-ui}
.page-beihai .bh-faq details[open] summary::after{content:"−"}
.page-beihai .bh-faq details p{margin:-4px 52px 25px 0;color:#63777b;font-size:14px;line-height:1.86}

.page-beihai .bh-final{padding:86px 0;color:#ecfcf9;background:#071a22}
.page-beihai .bh-final-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:68px;align-items:end}
.page-beihai .bh-final small{color:var(--bh-cyan);font-size:10px;letter-spacing:.17em}
.page-beihai .bh-final h2{margin:15px 0 0;color:white;font-size:45px;line-height:1.12;letter-spacing:-.04em}
.page-beihai .bh-final p{margin:0;color:rgba(233,250,247,.7);font-size:14px;line-height:1.85}

@media (max-width:1000px){
  .page-beihai .bh-hero-grid{grid-template-columns:1fr 420px;gap:28px}
  .page-beihai .bh-cover-index{margin-right:-60px}
  .page-beihai .bh-reading-grid{grid-template-columns:210px minmax(0,1fr);gap:42px}
  .page-beihai .bh-story-head{grid-template-columns:1fr}
  .page-beihai .bh-story-head>span{grid-column:auto}
  .page-beihai .bh-opening-grid,.page-beihai .bh-platform-grid{grid-template-columns:1fr}
  .page-beihai .bh-story-image{min-height:440px}
  .page-beihai .bh-workspaces article{min-height:180px}
  .page-beihai .bh-ledger-index{grid-template-columns:1fr 1fr}
  .page-beihai .bh-change-grid{grid-template-columns:1fr}
  .page-beihai .bh-change-grid>a{min-height:230px}
}

@media (max-width:760px){
  .page-beihai .city-shell{width:min(100% - 32px,1180px)}
  .page-beihai .bh-hero{min-height:auto;padding:20px 0 54px}
  .page-beihai .bh-hero::before{background-size:100% 56px,56px 100%}
  .page-beihai .bh-hero-grid{display:flex;flex-direction:column;gap:22px;padding-top:31px}
  .page-beihai .bh-hero-copy{padding:6px 0 0}
  .page-beihai .bh-hero-copy::before{width:54px;margin-bottom:18px}
  .page-beihai .bh-hero-copy h1{margin:13px 0 18px;font-size:39px;line-height:1.08;letter-spacing:-.04em}
  .page-beihai .bh-hero-lead{font-size:15px;line-height:1.75;margin-bottom:22px}
  .page-beihai .bh-hero-actions a{flex:1;min-width:140px;padding:0 13px;font-size:13px}
  .page-beihai .bh-hero-image{order:2;width:calc(100% + 16px);min-height:450px;margin-left:-8px}
  .page-beihai .bh-hero-image img{min-height:450px;aspect-ratio:3/4;object-fit:cover}
  .page-beihai .bh-hero-image figcaption{padding:45px 18px 18px;display:block}
  .page-beihai .bh-hero-image figcaption span{display:block;margin-bottom:5px}
  .page-beihai .bh-hero-image figcaption b{display:block;max-width:none;text-align:left;font-size:15px}
  .page-beihai .bh-cover-index{order:3;width:100%;margin:0;padding:18px}
  .page-beihai .bh-index-tabs button{justify-content:center;padding:10px 6px;font-size:12px}
  .page-beihai .city-ad{padding:20px 0}
  .page-beihai .city-ad-inner{width:100%}
  .page-beihai .city-ad img{aspect-ratio:750/920;object-fit:contain}
  .page-beihai .bh-reading-room{padding:76px 0 88px;background:var(--bh-paper)}
  .page-beihai .bh-reading-grid{display:block}
  .page-beihai .bh-sticky-index{position:relative;top:auto;z-index:3;margin-bottom:68px;padding:18px 0;background:rgba(240,244,240,.96)}
  .page-beihai .bh-sticky-index>b,.page-beihai .bh-sticky-index>small{display:none}
  .page-beihai .bh-sticky-index nav{display:flex;overflow-x:auto;scrollbar-width:none}
  .page-beihai .bh-sticky-index nav::-webkit-scrollbar{display:none}
  .page-beihai .bh-sticky-index nav a{flex:0 0 auto;min-height:42px;padding:7px 11px;grid-template-columns:25px auto;white-space:nowrap}
  .page-beihai .bh-reading-progress{margin:12px 0 0}
  .page-beihai .bh-story{padding-bottom:80px;margin-bottom:76px}
  .page-beihai .bh-story-head{gap:14px;margin-bottom:28px}
  .page-beihai .bh-story-head h2,.page-beihai .bh-section-head h2,.page-beihai .bh-growth-copy h2,.page-beihai .bh-faq-head h2,.page-beihai .bh-final h2{font-size:32px;line-height:1.15}
  .page-beihai .bh-story-head>p,.page-beihai .bh-section-head>p{font-size:14px;line-height:1.8}
  .page-beihai .bh-opening-grid{display:block}
  .page-beihai .bh-story-image{min-height:360px;margin-bottom:14px}
  .page-beihai .bh-index-cards{grid-template-columns:1fr}
  .page-beihai .bh-index-cards article{min-height:170px;padding:20px}
  .page-beihai .bh-evidence-board{display:block;min-height:0}
  .page-beihai .bh-evidence-tabs{grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid rgba(167,240,236,.17)}
  .page-beihai .bh-evidence-tabs button{min-height:92px;padding:15px;border-right:1px solid rgba(167,240,236,.13)}
  .page-beihai .bh-evidence-sheet{padding:36px 22px}
  .page-beihai .bh-evidence-sheet h3{font-size:27px}
  .page-beihai .bh-evidence-sheet p{margin-bottom:28px}
  .page-beihai .bh-evidence-sheet>div{gap:8px}
  .page-beihai .bh-evidence-sheet>div i{width:14px}
  .page-beihai .bh-ledger-image{height:350px}
  .page-beihai .bh-ledger-index{grid-template-columns:1fr}
  .page-beihai .bh-ledger-index article{min-height:180px}
  .page-beihai .bh-ledger-index h3{margin-top:42px}
  .page-beihai .bh-change-grid>a{min-height:230px;padding:23px}
  .page-beihai .bh-change-grid h3{margin-top:42px}
  .page-beihai .bh-verify-note{grid-template-columns:1fr;gap:7px;padding:18px}
  .page-beihai .city-section{padding:84px 0}
  .page-beihai .bh-section-head{grid-template-columns:1fr;gap:18px;margin-bottom:32px}
  .page-beihai .bh-platform-grid{display:block}
  .page-beihai .bh-platform-image{min-height:320px;margin-bottom:14px}
  .page-beihai .bh-workspaces{grid-template-columns:1fr}
  .page-beihai .bh-workspaces article{min-height:145px;padding:20px}
  .page-beihai .bh-growth-grid{grid-template-columns:1fr;gap:34px}
  .page-beihai .bh-growth-copy{padding:0}
  .page-beihai .bh-growth-copy ol{grid-template-columns:1fr}
  .page-beihai .bh-growth-image{min-height:390px}
  .page-beihai .bh-article-index article{grid-template-columns:1fr 45px;gap:7px 12px;padding:20px 0}
  .page-beihai .bh-article-index time,.page-beihai .bh-article-index article>span{grid-row:1}
  .page-beihai .bh-article-index article>span{text-align:right}
  .page-beihai .bh-article-index a{grid-column:1 / -1;font-size:16px}
  .page-beihai .bh-article-index i{display:none}
  .page-beihai .bh-faq-grid{grid-template-columns:1fr;gap:34px}
  .page-beihai .bh-faq-head{position:relative;top:auto}
  .page-beihai .bh-faq summary{padding:22px 42px 22px 0;font-size:16px}
  .page-beihai .bh-faq summary::after{right:4px;top:20px}
  .page-beihai .bh-faq details p{margin-right:30px}
  .page-beihai .bh-final{padding:68px 0}
  .page-beihai .bh-final-grid{grid-template-columns:1fr;gap:28px}
}

@media (max-width:390px){
  .page-beihai .city-shell{width:calc(100% - 28px)}
  .page-beihai .bh-hero-copy h1{font-size:38px}
  .page-beihai .bh-hero-actions{display:grid;grid-template-columns:1fr}
  .page-beihai .bh-index-rule{display:none}
  .page-beihai .bh-cover-index{padding:14px}
  .page-beihai .bh-index-note{min-height:118px}
  .page-beihai .bh-story-head h2,.page-beihai .bh-section-head h2,.page-beihai .bh-growth-copy h2,.page-beihai .bh-faq-head h2,.page-beihai .bh-final h2{font-size:31px}
  .page-beihai .bh-evidence-tabs{grid-template-columns:1fr}
  .page-beihai .bh-evidence-tabs button{min-height:76px}
}

@media (prefers-reduced-motion:reduce){
  .page-beihai *{scroll-behavior:auto!important}
  .page-beihai .bh-hero-actions a,.page-beihai .bh-change-grid>a,.page-beihai .bh-change-grid>a::after,.page-beihai .bh-reading-progress i{transition-duration:.00001s!important}
}
