.page-zhuzhou .zzc { --zzc-ink:#171b1f; --zzc-paper:#f4f0e7; --zzc-cream:#fffaf0; --zzc-red:#b53b2d; --zzc-orange:#e66b2e; --zzc-green:#16836f; --zzc-blue:#23647a; overflow:hidden; background:var(--zzc-paper); color:var(--zzc-ink); }
.page-zhuzhou .zzc *, .page-zhuzhou .zzc *::before, .page-zhuzhou .zzc *::after { box-sizing:border-box; }
.page-zhuzhou .zzc-shell { width:min(1200px,calc(100% - 56px)); margin-inline:auto; }
.page-zhuzhou .zzc h1, .page-zhuzhou .zzc h2, .page-zhuzhou .zzc h3, .page-zhuzhou .zzc p, .page-zhuzhou .zzc figure { margin:0; }
.page-zhuzhou .zzc h2 { font-size:min(clamp(35px,4vw,52px), clamp(26px, calc(0.789474vw + 20.631579px), 32px)); line-height:1.15; letter-spacing:-.05em; }
.page-zhuzhou .zzc a { color:inherit; }
.page-zhuzhou .zzc a:focus-visible, .page-zhuzhou .zzc button:focus-visible { outline:3px solid var(--zzc-orange); outline-offset:4px; }
.page-zhuzhou .zzc-kicker { color:var(--zzc-red); font:900 11px/1.5 "Arial Narrow",Arial,sans-serif; letter-spacing:.2em; }
.page-zhuzhou .zzc-hero { padding:86px 0 100px; background:#15191c; color:#f9f8f2; }
.page-zhuzhou .zzc-hero .zzc-kicker, .page-zhuzhou .zzc-relations .zzc-kicker { color:#ff9a75; }
.page-zhuzhou .zzc-hero-grid { display:grid; grid-template-columns:.88fr 1.12fr; gap:7%; align-items:center; }
.page-zhuzhou .zzc-hero h1 { margin:21px 0 25px; max-width:590px; font-size:min(clamp(47px,5vw,68px), clamp(32px, calc(2.105263vw + 17.68421px), 48px)); line-height:1.08; letter-spacing:-.065em; }
.page-zhuzhou .zzc-hero h1 span { display:block; margin-top:10px; color:#ffb99f; font-weight:520; }
.page-zhuzhou .zzc-hero-copy > p:not(.zzc-kicker) { max-width:550px; color:#c7d0d0; font-size:17px; line-height:1.86; }
.page-zhuzhou .zzc-hero-links { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.page-zhuzhou .zzc-hero-links a { display:inline-flex; gap:16px; align-items:center; min-height:49px; padding:0 19px; border:1px solid #66767a; color:#e6efed; font-size:14px; font-weight:800; text-decoration:none; transition:transform .2s ease,background .2s ease; }
.page-zhuzhou .zzc-hero-links a:first-child { border-color:var(--zzc-red); background:var(--zzc-red); color:#fff; }
.page-zhuzhou .zzc-hero-links a:hover { transform:translateY(-2px); background:#f2e8d9; color:var(--zzc-ink); }
.page-zhuzhou .zzc-hero-image { position:relative; padding:15px; border:1px solid #526267; background:#242b2f; box-shadow:14px 14px 0 rgba(181,59,45,.24); }
.page-zhuzhou .zzc-hero-image::before { position:absolute; top:0; right:0; left:0; height:4px; background:linear-gradient(90deg,var(--zzc-red) 0 33%,var(--zzc-orange) 33% 66%,var(--zzc-green) 66%); content:""; }
.page-zhuzhou .zzc-hero-image img { display:block; width:100%; aspect-ratio:3/2; object-fit:cover; }
.page-zhuzhou .zzc-hero-image figcaption { padding:14px 4px 3px; color:#acc7c7; font-size:12px; line-height:1.5; }
.page-zhuzhou .zzc-versions { padding:116px 0 108px; background:var(--zzc-paper); }
.page-zhuzhou .zzc-section-head { display:grid; grid-template-columns:195px 1fr .7fr; gap:32px; align-items:end; margin-bottom:43px; }
.page-zhuzhou .zzc-section-head > p:last-child { color:#58666a; font-size:15px; line-height:1.8; }
.page-zhuzhou .zzc-version-board { display:grid; grid-template-columns:1fr 150px 1fr; border:1px solid #c4bfb5; background:var(--zzc-cream); }
.page-zhuzhou .zzc-version-board article { min-height:320px; padding:31px 34px; }
.page-zhuzhou .zzc-version-board article:last-child { background:#eaf2eb; }
.page-zhuzhou .zzc-version-board article > span { color:#a34332; font:900 11px/1.5 monospace; letter-spacing:.14em; }
.page-zhuzhou .zzc-version-board article:last-child > span { color:#0e7660; }
.page-zhuzhou .zzc-version-board h3 { margin:18px 0 13px; font-size:clamp(22px, calc(0.263158vw + 20.210526px), 24px); }
.page-zhuzhou .zzc-version-board article p { color:#5c6868; font-size:14px; line-height:1.75; }
.page-zhuzhou .zzc-version-board ul { margin:23px 0 0; padding:0; list-style:none; }
.page-zhuzhou .zzc-version-board li { padding:8px 0; border-top:1px solid #d4d4cb; color:#506165; font-size:13px; }
.page-zhuzhou .zzc-version-link { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:20px; border-left:1px solid #c5cac4; border-right:1px solid #c5cac4; background:#dfe7e1; text-align:center; }
.page-zhuzhou .zzc-version-link b { display:grid; width:58px; height:58px; place-items:center; background:var(--zzc-red); color:#fff; font:900 29px/1 monospace; }
.page-zhuzhou .zzc-version-link strong { margin-top:15px; font-size:15px; }
.page-zhuzhou .zzc-version-link span { margin-top:7px; color:#657170; font-size:11px; line-height:1.5; }
.page-zhuzhou .zzc-channels { padding:112px 0 100px; background:#fffaf0; }
.page-zhuzhou .zzc-channels-head { display:grid; grid-template-columns:1fr .62fr; gap:8%; align-items:end; margin-bottom:38px; }
.page-zhuzhou .zzc-channels-head h2 { margin-top:16px; }
.page-zhuzhou .zzc-channels-head > p { color:#58666a; font-size:15px; line-height:1.85; }
.page-zhuzhou .zzc-channel-list { border-top:3px solid var(--zzc-ink); }
.page-zhuzhou .zzc-channel-list article { display:grid; grid-template-columns:240px 1fr 200px; min-height:124px; align-items:center; border-bottom:1px solid #bfc5c1; background:#fffdf7; transition:background .2s ease; }
.page-zhuzhou .zzc-channel-list article.is-active { background:#eaf1e8; box-shadow:inset 6px 0 var(--zzc-green); }
.page-zhuzhou .zzc-channel-list button { display:grid; grid-template-columns:37px 1fr auto; gap:10px; align-items:center; width:100%; padding:21px; border:0; background:none; color:var(--zzc-ink); text-align:left; cursor:pointer; }
.page-zhuzhou .zzc-channel-list small { display:grid; width:31px; height:31px; place-items:center; background:var(--zzc-red); color:#fff; font-size:11px; font-weight:900; }
.page-zhuzhou .zzc-channel-list strong { font-size:20px; }
.page-zhuzhou .zzc-channel-list button span { color:var(--zzc-red); font-size:17px; }
.page-zhuzhou .zzc-channel-list article p { padding:20px 24px; border-left:1px solid #c5cbc7; color:#536264; font-size:14px; line-height:1.75; }
.page-zhuzhou .zzc-channel-list em { padding:20px; border-left:1px solid #c5cbc7; color:#0e7660; font-size:12px; font-style:normal; font-weight:800; line-height:1.6; }
.page-zhuzhou .zzc-channel-note { margin-top:23px!important; color:#667274; font-size:13px; line-height:1.75; }
.page-zhuzhou .zzc-address { padding:112px 0; background:#e8e8df; }
.page-zhuzhou .zzc-address-grid { display:grid; grid-template-columns:1.08fr .92fr; gap:8%; align-items:center; }
.page-zhuzhou .zzc-address figure, .page-zhuzhou .zzc-handoff figure { background:#242a2c; }
.page-zhuzhou .zzc-address img, .page-zhuzhou .zzc-handoff img { display:block; width:100%; aspect-ratio:3/2; object-fit:cover; }
.page-zhuzhou .zzc-address figcaption, .page-zhuzhou .zzc-handoff figcaption { padding:12px 17px; color:#d6e2df; font-size:12px; line-height:1.5; }
.page-zhuzhou .zzc-address h2 { margin:17px 0 24px; }
.page-zhuzhou .zzc-address-grid > div > p:not(.zzc-kicker) { color:#536367; font-size:16px; line-height:1.85; }
.page-zhuzhou .zzc-address dl { margin:32px 0 0; }
.page-zhuzhou .zzc-address dl > div { display:grid; grid-template-columns:65px 1fr; gap:15px; padding:14px 0; border-top:1px solid #bcc9c2; }
.page-zhuzhou .zzc-address dt { color:#a13c2b; font-weight:900; }
.page-zhuzhou .zzc-address dd { margin:0; color:#5b6e6f; line-height:1.7; }
.page-zhuzhou .zzc-ad-slot { background:#e9e1d4; }
.page-zhuzhou .zzc-relations { padding:115px 0 118px; background:#171b1f; color:#fff; }
.page-zhuzhou .zzc-relations-head { display:grid; grid-template-columns:180px 1fr .66fr; gap:37px; align-items:end; margin-bottom:44px; }
.page-zhuzhou .zzc-relations-head > p:last-child { color:#b8c7c6; font-size:15px; line-height:1.8; }
.page-zhuzhou .zzc-relations-layout { display:grid; grid-template-columns:.62fr 1.38fr; gap:22px; align-items:stretch; }
.page-zhuzhou .zzc-relations-route { display:grid; gap:8px; }
.page-zhuzhou .zzc-relations-route article { display:grid; grid-template-columns:42px 1fr; gap:15px; align-items:center; padding:16px 18px; border:1px solid #3e4a4b; background:#242b2f; }
.page-zhuzhou .zzc-relations-route article:nth-child(even) { margin-left:24px; }
.page-zhuzhou .zzc-relations-route span { display:grid; width:34px; height:34px; place-items:center; background:var(--zzc-orange); color:#fff; font-size:11px; font-weight:900; }
.page-zhuzhou .zzc-relations-route h3 { font-size:18px; }
.page-zhuzhou .zzc-relations-route p { margin-top:4px; color:#bdd0ce; font-size:12px; line-height:1.7; }
.page-zhuzhou .zzc-relations-layout figure { display:flex; flex-direction:column; background:#242a2d; }
.page-zhuzhou .zzc-relations-layout figure img { display:block; width:100%; height:100%; min-height:390px; flex:1; object-fit:cover; }
.page-zhuzhou .zzc-relations-layout figcaption { padding:11px 16px; color:#bdd3d0; font-size:12px; }
.page-zhuzhou .zzc-handoff { padding:112px 0 104px; background:#f3f0e7; }
.page-zhuzhou .zzc-handoff-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:8%; align-items:center; }
.page-zhuzhou .zzc-handoff h2 { margin:17px 0 22px; }
.page-zhuzhou .zzc-handoff-grid > div > p:not(.zzc-kicker) { color:#566568; font-size:16px; line-height:1.85; }
.page-zhuzhou .zzc-handoff-list { margin-top:30px; }
.page-zhuzhou .zzc-handoff-list > div { display:grid; grid-template-columns:95px 1fr; gap:17px; padding:16px 0; border-top:1px solid #c6c8bf; }
.page-zhuzhou .zzc-handoff-list b { color:#9f3d2e; }
.page-zhuzhou .zzc-handoff-list span { color:#5e6b6b; font-size:14px; line-height:1.7; }
.page-zhuzhou .zzc-separate { display:grid; grid-template-columns:260px 1fr; gap:26px; align-items:center; margin-top:46px; padding:22px 26px; border-left:5px solid var(--zzc-red); background:#e7e5db; }
.page-zhuzhou .zzc-separate strong { font-size:18px; }
.page-zhuzhou .zzc-separate p { color:#596769; font-size:14px; line-height:1.8; }
.page-zhuzhou .zzc-reading { padding:110px 0; background:#fffaf0; }
.page-zhuzhou .zzc-reading-grid { display:grid; grid-template-columns:.35fr .65fr; gap:9%; align-items:start; }
.page-zhuzhou .zzc-reading-intro { position:sticky; top:110px; }
.page-zhuzhou .zzc-reading h2 { margin:17px 0 21px; }
.page-zhuzhou .zzc-reading-intro > p:not(.zzc-kicker) { color:#606d6e; font-size:15px; line-height:1.85; }
.page-zhuzhou .zzc-reading-intro a { display:inline-block; margin-top:22px; padding-bottom:7px; border-bottom:2px solid var(--zzc-red); color:#9c3e2d; font-size:14px; font-weight:850; text-decoration:none; }
.page-zhuzhou .zzc-reading-list { border-top:2px solid var(--zzc-ink); }
.page-zhuzhou .zzc-reading-list article { display:grid; grid-template-columns:88px 1fr 15px; gap:16px; padding:21px 0; border-bottom:1px solid #cbd0c8; }
.page-zhuzhou .zzc-reading-list time { color:#8a908c; font-size:12px; line-height:1.6; }
.page-zhuzhou .zzc-reading-list h3 { font-size:17px; line-height:1.6; }
.page-zhuzhou .zzc-reading-list a { text-decoration:none; }
.page-zhuzhou .zzc-reading-list a:hover { color:#a63e2b; text-decoration:underline; text-underline-offset:4px; }
.page-zhuzhou .zzc-reading-list article > span { color:var(--zzc-red); }
.page-zhuzhou .zzc-final { padding:86px 0 95px; background:#224756; color:#fff; }
.page-zhuzhou .zzc-final .zzc-shell { display:grid; grid-template-columns:.3fr 1fr .7fr auto; gap:28px; align-items:center; }
.page-zhuzhou .zzc-final .zzc-kicker { color:#ffb899; }
.page-zhuzhou .zzc-final h2 { font-size:min(clamp(34px,3.7vw,48px), clamp(26px, calc(0.789474vw + 20.631579px), 32px)); }
.page-zhuzhou .zzc-final p:not(.zzc-kicker) { color:#d1e0df; font-size:14px; line-height:1.8; }
.page-zhuzhou .zzc-final a { white-space:nowrap; color:#ffbd9e; font-size:13px; font-weight:850; text-decoration:none; }
@media (max-width:980px) { .page-zhuzhou .zzc-section-head, .page-zhuzhou .zzc-relations-head { grid-template-columns:1fr 1fr; } .page-zhuzhou .zzc-section-head .zzc-kicker, .page-zhuzhou .zzc-relations-head .zzc-kicker { grid-column:1/-1; } .page-zhuzhou .zzc-channel-list article { grid-template-columns:200px 1fr 160px; } .page-zhuzhou .zzc-final .zzc-shell { grid-template-columns:1fr 1fr; } }
@media (max-width:700px) { .page-zhuzhou .zzc-shell { width:min(100% - 36px,560px); } .page-zhuzhou .zzc-hero { padding:56px 0 75px; } .page-zhuzhou .zzc-hero-grid, .page-zhuzhou .zzc-section-head, .page-zhuzhou .zzc-channels-head, .page-zhuzhou .zzc-address-grid, .page-zhuzhou .zzc-relations-head, .page-zhuzhou .zzc-relations-layout, .page-zhuzhou .zzc-handoff-grid, .page-zhuzhou .zzc-reading-grid { grid-template-columns:1fr; gap:26px; } .page-zhuzhou .zzc-hero h1 { font-size:min(clamp(42px,10vw,59px), clamp(32px, calc(2.105263vw + 17.68421px), 48px)); } .page-zhuzhou .zzc-hero-copy > p:not(.zzc-kicker) { font-size:15px; } .page-zhuzhou .zzc-section-head .zzc-kicker, .page-zhuzhou .zzc-relations-head .zzc-kicker { grid-column:auto; } .page-zhuzhou .zzc-versions, .page-zhuzhou .zzc-channels, .page-zhuzhou .zzc-address, .page-zhuzhou .zzc-relations, .page-zhuzhou .zzc-handoff, .page-zhuzhou .zzc-reading { padding:75px 0; } .page-zhuzhou .zzc-version-board { grid-template-columns:1fr; } .page-zhuzhou .zzc-version-board article { min-height:0; } .page-zhuzhou .zzc-version-link { min-height:125px; border:1px solid #c5cac4; } .page-zhuzhou .zzc-channel-list article { grid-template-columns:1fr 1fr; } .page-zhuzhou .zzc-channel-list button { grid-column:1/-1; border-bottom:1px solid #c5cbc7; } .page-zhuzhou .zzc-channel-list article p { border-left:0; } .page-zhuzhou .zzc-relations-layout figure img { min-height:0; aspect-ratio:3/2; height:auto; } .page-zhuzhou .zzc-separate { grid-template-columns:1fr; gap:7px; padding:20px; } .page-zhuzhou .zzc-reading-intro { position:static; } .page-zhuzhou .zzc-final { padding:72px 0; } .page-zhuzhou .zzc-final .zzc-shell { grid-template-columns:1fr; gap:14px; } }
@media (max-width:430px) { .page-zhuzhou .zzc-shell { width:calc(100% - 28px); } .page-zhuzhou .zzc-channel-list article { grid-template-columns:1fr; } .page-zhuzhou .zzc-channel-list article p { padding-bottom:5px; } .page-zhuzhou .zzc-channel-list em { border-left:0; padding-top:5px; } .page-zhuzhou .zzc-reading-list article { grid-template-columns:1fr 15px; gap:4px 8px; } .page-zhuzhou .zzc-reading-list time { grid-column:1/-1; } }
@media (prefers-reduced-motion:reduce) { .page-zhuzhou .zzc *, .page-zhuzhou .zzc *::before, .page-zhuzhou .zzc *::after { animation-duration:0s!important; transition-duration:0s!important; scroll-behavior:auto!important; } }