.page-bengbu .bbc { --bbc-ink:#102c3b; --bbc-deep:#0b2130; --bbc-river:#1e5667; --bbc-teal:#2f7a80; --bbc-pearl:#edf2ee; --bbc-paper:#f5f1e8; --bbc-amber:#d9a65e; overflow:hidden; background:var(--bbc-paper); color:var(--bbc-ink); }
.page-bengbu .bbc *, .page-bengbu .bbc *::before, .page-bengbu .bbc *::after { box-sizing:border-box; }
.page-bengbu .bbc-shell { width:min(1200px,calc(100% - 56px)); margin-inline:auto; }
.page-bengbu .bbc h1, .page-bengbu .bbc h2, .page-bengbu .bbc h3, .page-bengbu .bbc p, .page-bengbu .bbc figure { margin:0; }
.page-bengbu .bbc h2 { font-size:clamp(35px,4vw,52px); line-height:1.18; letter-spacing:-.05em; }
.page-bengbu .bbc a { color:inherit; }
.page-bengbu .bbc a:focus-visible, .page-bengbu .bbc button:focus-visible { outline:3px solid var(--bbc-amber); outline-offset:4px; }
.page-bengbu .bbc-kicker { color:#966125; font:800 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.18em; }
.page-bengbu .bbc-hero { padding:80px 0 0; background:radial-gradient(circle at 87% 0%,#fff,transparent 39%),var(--bbc-paper); }
.page-bengbu .bbc-hero-heading { display:grid; grid-template-columns:1fr .55fr; gap:3% 7%; align-items:end; padding-bottom:46px; }
.page-bengbu .bbc-hero-heading .bbc-kicker { grid-column:1/-1; }
.page-bengbu .bbc-hero h1 { margin:0; max-width:770px; font-size:clamp(46px,5vw,70px); line-height:1.08; letter-spacing:-.07em; }
.page-bengbu .bbc-hero h1 span { display:block; margin-top:10px; color:var(--bbc-teal); font-weight:500; }
.page-bengbu .bbc-hero-heading > p { max-width:445px; color:#56696d; font-size:16px; line-height:1.9; }
.page-bengbu .bbc-hero-heading > a { grid-column:2; display:inline-flex; gap:16px; width:max-content; align-items:center; padding:8px 0; border-bottom:2px solid var(--bbc-teal); color:var(--bbc-river); font-size:14px; font-weight:800; text-decoration:none; }
.page-bengbu .bbc-compare { position:relative; display:grid; grid-template-columns:1fr 220px 1fr; min-height:205px; border:1px solid #b7c9c4; background:#fffdf6; }
.page-bengbu .bbc-compare-side { padding:30px 36px; }
.page-bengbu .bbc-compare-side:last-child { text-align:right; }
.page-bengbu .bbc-compare-side small { color:#6e8788; font:800 10px/1.3 ui-monospace,monospace; letter-spacing:.14em; }
.page-bengbu .bbc-compare-side h2 { margin:13px 0 9px; font-size:27px; }
.page-bengbu .bbc-compare-side p { max-width:340px; color:#5d7073; font-size:14px; line-height:1.75; }
.page-bengbu .bbc-compare-side:last-child p { margin-left:auto; }
.page-bengbu .bbc-compare-link { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:25px 14px; background:linear-gradient(90deg,#eaf0e8,#dbece6,#eaf0e8); text-align:center; }
.page-bengbu .bbc-compare-link::before { position:absolute; right:0; bottom:41%; left:0; height:4px; background:var(--bbc-teal); content:""; }
.page-bengbu .bbc-compare-link span { position:relative; z-index:1; display:grid; width:38px; height:38px; margin-bottom:11px; place-items:center; border:5px solid #fff8ed; border-radius:50%; background:var(--bbc-amber); box-shadow:0 0 0 1px #b98037; }
.page-bengbu .bbc-compare-link b, .page-bengbu .bbc-compare-link p { position:relative; z-index:1; background:#e4eee7; }
.page-bengbu .bbc-compare-link b { padding:0 5px; font-size:15px; }
.page-bengbu .bbc-compare-link p { margin-top:4px; padding:0 5px; color:#647878; font-size:11px; }
.page-bengbu .bbc-hero-visual { position:relative; margin-top:30px; overflow:hidden; background:var(--bbc-deep); }
.page-bengbu .bbc-hero-visual img { display:block; width:100%; max-height:440px; aspect-ratio:2.7/1; object-fit:cover; }
.page-bengbu .bbc-hero-visual figcaption { position:absolute; right:0; bottom:0; padding:10px 16px; background:rgba(7,29,41,.82); color:#e2eeeb; font-size:12px; }
.page-bengbu .bbc-bridge { padding:114px 0 106px; background:#e9f0eb; }
.page-bengbu .bbc-heading { display:grid; grid-template-columns:210px 1fr; gap:50px; align-items:start; margin-bottom:45px; }
.page-bengbu .bbc-heading h2 { max-width:760px; }
.page-bengbu .bbc-heading > div p { margin-top:17px; color:#557075; font-size:15px; line-height:1.85; }
.page-bengbu .bbc-bridge-grid { display:grid; grid-template-columns:1.2fr .8fr 1fr; grid-template-rows:repeat(2,minmax(290px,auto)); gap:16px; }
.page-bengbu .bbc-bridge-card { display:flex; flex-direction:column; min-width:0; padding:26px; border:1px solid #b1cac6; background:#fbfcf7; transition:background .2s ease,transform .2s ease; }
.page-bengbu .bbc-bridge-card:nth-child(1) { grid-column:1; grid-row:1/3; background:var(--bbc-deep); color:#fff; }
.page-bengbu .bbc-bridge-card:nth-child(2) { grid-column:2/4; grid-row:1; }
.page-bengbu .bbc-bridge-card:nth-child(3) { grid-column:2; grid-row:2; }
.page-bengbu .bbc-bridge-card:nth-child(4) { grid-column:3; grid-row:2; }
.page-bengbu .bbc-bridge-card.is-active { outline:3px solid var(--bbc-amber); outline-offset:-3px; transform:translateY(-3px); }
.page-bengbu .bbc-bridge-card button { display:grid; grid-template-columns:1fr auto; width:100%; padding:0; border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; }
.page-bengbu .bbc-bridge-card button span { grid-column:1/-1; color:#9d692b; font:800 10px/1.5 ui-monospace,monospace; letter-spacing:.16em; }
.page-bengbu .bbc-bridge-card:nth-child(1) button span { color:var(--bbc-amber); }
.page-bengbu .bbc-bridge-card button strong { margin-top:19px; font-size:27px; }
.page-bengbu .bbc-bridge-card button i { align-self:end; color:var(--bbc-teal); font-size:20px; font-style:normal; }
.page-bengbu .bbc-bridge-card:nth-child(1) button i { color:var(--bbc-amber); }
.page-bengbu .bbc-bridge-card p { margin-top:25px; color:#556e70; font-size:14px; line-height:1.85; }
.page-bengbu .bbc-bridge-card:nth-child(1) p { color:#c5dadd; }
.page-bengbu .bbc-bridge-card small { margin-top:auto; padding-top:17px; border-top:1px solid #b6ccc8; color:#6d898b; font-size:12px; line-height:1.6; }
.page-bengbu .bbc-bridge-card:nth-child(1) small { border-color:#436575; color:#a8c7ca; }
.page-bengbu .bbc-bridge-note { margin-top:25px!important; color:#5d7377; font-size:13px; line-height:1.8; }
.page-bengbu .bbc-address { padding:116px 0; background:#f7f5ed; }
.page-bengbu .bbc-address-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:8%; align-items:center; }
.page-bengbu .bbc-address h2 { margin:17px 0 25px; }
.page-bengbu .bbc-address-copy > p:not(.bbc-kicker) { color:#536c71; font-size:16px; line-height:1.9; }
.page-bengbu .bbc-address-steps { margin-top:32px; }
.page-bengbu .bbc-address-steps > div { display:grid; grid-template-columns:70px 1fr; gap:14px; padding:15px 0; border-top:1px solid #b9cac6; }
.page-bengbu .bbc-address-steps b { color:#9b672b; }
.page-bengbu .bbc-address-steps span { color:#597276; font-size:14px; line-height:1.7; }
.page-bengbu .bbc-address figure, .page-bengbu .bbc-handoff figure { overflow:hidden; background:var(--bbc-deep); }
.page-bengbu .bbc-address figure { border-radius:95px 3px 3px 3px; }
.page-bengbu .bbc-address figure img, .page-bengbu .bbc-handoff figure img { display:block; width:100%; aspect-ratio:3/2; object-fit:cover; }
.page-bengbu .bbc-address figcaption, .page-bengbu .bbc-handoff figcaption { padding:12px 16px; color:#d2e5e3; font-size:12px; line-height:1.5; }
.page-bengbu .bbc-ad-slot { background:#e7eeea; }
.page-bengbu .bbc-sync { padding:116px 0 120px; background:var(--bbc-deep); color:#f6ffff; }
.page-bengbu .bbc-sync .bbc-kicker, .page-bengbu .bbc-final .bbc-kicker { color:var(--bbc-amber); }
.page-bengbu .bbc-sync-title { display:grid; grid-template-columns:210px 1fr .55fr; gap:42px; align-items:end; margin-bottom:42px; }
.page-bengbu .bbc-sync-title > p:last-child { color:#b6d0d1; font-size:15px; line-height:1.85; }
.page-bengbu .bbc-sync-image { overflow:hidden; border:1px solid #406071; }
.page-bengbu .bbc-sync-image img { display:block; width:100%; aspect-ratio:2.6/1; object-fit:cover; }
.page-bengbu .bbc-sync-image figcaption { padding:11px 16px; color:#b2d9d8; font-size:12px; }
.page-bengbu .bbc-sync-piers { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-top:20px; }
.page-bengbu .bbc-sync-piers > div { min-height:180px; padding:20px 17px; border-top:4px solid var(--bbc-teal); background:#163e50; }
.page-bengbu .bbc-sync-piers > div:nth-child(even) { border-color:var(--bbc-amber); }
.page-bengbu .bbc-sync-piers i { color:var(--bbc-amber); font:800 11px/1 ui-monospace,monospace; font-style:normal; }
.page-bengbu .bbc-sync-piers b { display:block; margin:21px 0 7px; font-size:20px; }
.page-bengbu .bbc-sync-piers p { color:#bbd3d5; font-size:13px; line-height:1.65; }
.page-bengbu .bbc-handoff { padding:115px 0 104px; background:#e4eeea; }
.page-bengbu .bbc-handoff-grid { display:grid; grid-template-columns:1.08fr .92fr; gap:8%; align-items:center; }
.page-bengbu .bbc-handoff h2 { margin:17px 0 22px; }
.page-bengbu .bbc-handoff-grid > div > p:not(.bbc-kicker) { color:#547075; font-size:16px; line-height:1.85; }
.page-bengbu .bbc-handoff ul { margin:30px 0 0; padding:0; list-style:none; }
.page-bengbu .bbc-handoff li { display:grid; grid-template-columns:42px 1fr; gap:17px; padding:16px 0; border-top:1px solid #abc8c5; }
.page-bengbu .bbc-handoff li span { display:grid; width:35px; height:35px; place-items:center; border-radius:50%; background:var(--bbc-amber); color:var(--bbc-deep); font-size:11px; font-weight:900; }
.page-bengbu .bbc-handoff li b { font-size:17px; }
.page-bengbu .bbc-handoff li p { margin-top:4px; color:#5c7579; font-size:13px; line-height:1.7; }
.page-bengbu .bbc-exit { display:grid; grid-template-columns:270px 1fr; gap:25px; align-items:center; margin-top:47px; padding:22px 26px; border-left:4px solid var(--bbc-amber); background:#f6f6ee; }
.page-bengbu .bbc-exit strong { font-size:18px; }
.page-bengbu .bbc-exit p { color:#607578; font-size:14px; line-height:1.8; }
.page-bengbu .bbc-reading { padding:112px 0; background:#f6f5ef; }
.page-bengbu .bbc-reading-layout { display:grid; grid-template-columns:.36fr .64fr; gap:8%; align-items:start; }
.page-bengbu .bbc-reading-layout > div:first-child { position:sticky; top:105px; }
.page-bengbu .bbc-reading h2 { margin:17px 0 20px; }
.page-bengbu .bbc-reading-layout > div:first-child > p:not(.bbc-kicker) { color:#61787b; font-size:15px; line-height:1.85; }
.page-bengbu .bbc-reading-layout > div:first-child > a { display:inline-block; margin-top:22px; padding-bottom:7px; border-bottom:2px solid var(--bbc-teal); color:#1c6370; font-size:14px; font-weight:850; text-decoration:none; }
.page-bengbu .bbc-reading-list { border-top:2px solid var(--bbc-ink); }
.page-bengbu .bbc-reading-list article { display:grid; grid-template-columns:90px 1fr 15px; gap:17px; padding:21px 0; border-bottom:1px solid #bdd0cc; }
.page-bengbu .bbc-reading-list time { color:#789093; font-size:12px; line-height:1.6; }
.page-bengbu .bbc-reading-list h3 { font-size:17px; line-height:1.6; }
.page-bengbu .bbc-reading-list a { text-decoration:none; }
.page-bengbu .bbc-reading-list a:hover { color:#13727e; text-decoration:underline; text-underline-offset:4px; }
.page-bengbu .bbc-reading-list article > span { color:var(--bbc-teal); }
.page-bengbu .bbc-final { padding:85px 0 95px; background:#174758; color:#f4ffff; }
.page-bengbu .bbc-final .bbc-shell { display:grid; grid-template-columns:.28fr 1fr .7fr auto; gap:28px; align-items:center; }
.page-bengbu .bbc-final h2 { font-size:clamp(34px,3.6vw,47px); }
.page-bengbu .bbc-final p:not(.bbc-kicker) { color:#c4dddc; font-size:14px; line-height:1.8; }
.page-bengbu .bbc-final a { white-space:nowrap; color:#ffd6a0; font-size:13px; font-weight:800; text-decoration:none; }
@media (max-width:980px) { .page-bengbu .bbc-compare { grid-template-columns:1fr 170px 1fr; } .page-bengbu .bbc-compare-side { padding:24px; } .page-bengbu .bbc-sync-title { grid-template-columns:1fr 1fr; } .page-bengbu .bbc-sync-title .bbc-kicker { grid-column:1/-1; } .page-bengbu .bbc-final .bbc-shell { grid-template-columns:1fr 1fr; } }
@media (max-width:700px) { .page-bengbu .bbc-shell { width:min(100% - 36px,560px); } .page-bengbu .bbc-hero { padding-top:51px; } .page-bengbu .bbc-hero-heading, .page-bengbu .bbc-address-layout, .page-bengbu .bbc-sync-title, .page-bengbu .bbc-handoff-grid, .page-bengbu .bbc-reading-layout { grid-template-columns:1fr; gap:22px; } .page-bengbu .bbc-hero-heading .bbc-kicker, .page-bengbu .bbc-hero-heading > a { grid-column:auto; } .page-bengbu .bbc-hero h1 { font-size:clamp(42px,9.5vw,60px); } .page-bengbu .bbc-hero-heading > p { font-size:15px; } .page-bengbu .bbc-compare { grid-template-columns:1fr; } .page-bengbu .bbc-compare-side:last-child { text-align:left; } .page-bengbu .bbc-compare-side:last-child p { margin-left:0; } .page-bengbu .bbc-compare-link { min-height:110px; } .page-bengbu .bbc-compare-link::before { top:50%; bottom:auto; } .page-bengbu .bbc-hero-visual img { aspect-ratio:3/2; max-height:none; } .page-bengbu .bbc-bridge, .page-bengbu .bbc-address, .page-bengbu .bbc-sync, .page-bengbu .bbc-handoff, .page-bengbu .bbc-reading { padding:75px 0; } .page-bengbu .bbc-heading { grid-template-columns:1fr; gap:15px; } .page-bengbu .bbc-bridge-grid { grid-template-columns:1fr 1fr; grid-template-rows:auto; } .page-bengbu .bbc-bridge-card:nth-child(n) { grid-column:auto; grid-row:auto; } .page-bengbu .bbc-bridge-card p { margin-bottom:25px; } .page-bengbu .bbc-sync-title .bbc-kicker { grid-column:auto; } .page-bengbu .bbc-sync-image img { aspect-ratio:3/2; } .page-bengbu .bbc-sync-piers { grid-template-columns:repeat(2,1fr); } .page-bengbu .bbc-exit { grid-template-columns:1fr; gap:7px; padding:20px; } .page-bengbu .bbc-reading-layout > div:first-child { position:static; } .page-bengbu .bbc-final { padding:72px 0; } .page-bengbu .bbc-final .bbc-shell { grid-template-columns:1fr; gap:15px; } }
@media (max-width:460px) { .page-bengbu .bbc-shell { width:calc(100% - 28px); } .page-bengbu .bbc-bridge-grid, .page-bengbu .bbc-sync-piers { grid-template-columns:1fr; } .page-bengbu .bbc-sync-piers > div { min-height:130px; } .page-bengbu .bbc-reading-list article { grid-template-columns:1fr 15px; gap:4px 8px; } .page-bengbu .bbc-reading-list time { grid-column:1/-1; } }
@media (prefers-reduced-motion:reduce) { .page-bengbu .bbc *, .page-bengbu .bbc *::before, .page-bengbu .bbc *::after { animation-duration:0s!important; transition-duration:0s!important; scroll-behavior:auto!important; } }