.page-hengyang .hyc { --hyc-ink:#171b1d; --hyc-steel:#252c30; --hyc-paper:#f2f0e9; --hyc-fog:#e7ecea; --hyc-yellow:#e5b91f; --hyc-orange:#ef5b37; --hyc-blue:#88aeb9; overflow:hidden; background:var(--hyc-paper); color:var(--hyc-ink); }
.page-hengyang .hyc *, .page-hengyang .hyc *::before, .page-hengyang .hyc *::after { box-sizing:border-box; }
.page-hengyang .hyc-shell { width:min(1200px,calc(100% - 56px)); margin-inline:auto; }
.page-hengyang .hyc h1, .page-hengyang .hyc h2, .page-hengyang .hyc h3, .page-hengyang .hyc p, .page-hengyang .hyc figure { margin:0; }
.page-hengyang .hyc h2 { font-size:clamp(34px,4vw,51px); line-height:1.15; letter-spacing:-.055em; }
.page-hengyang .hyc a { color:inherit; }
.page-hengyang .hyc a:focus-visible, .page-hengyang .hyc button:focus-visible { outline:3px solid var(--hyc-orange); outline-offset:4px; }
.page-hengyang .hyc-kicker { color:#a13c22; font-size:11px; font-weight:900; letter-spacing:.2em; line-height:1.5; }
.page-hengyang .hyc-hero { position:relative; padding:78px 0 0; background:linear-gradient(90deg,#f2f0e9,#f9f9f4); }
.page-hengyang .hyc-hero-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:5%; align-items:center; }
.page-hengyang .hyc-hero-copy { padding:26px 0 45px; }
.page-hengyang .hyc-hero h1 { max-width:600px; margin:23px 0 26px; font-size:clamp(46px,5vw,70px); line-height:1.08; letter-spacing:-.07em; }
.page-hengyang .hyc-hero h1 span { display:block; margin-top:10px; color:#d34b2b; font-weight:700; }
.page-hengyang .hyc-hero-copy > p:not(.hyc-kicker) { max-width:570px; color:#566163; font-size:17px; line-height:1.88; }
.page-hengyang .hyc-hero-links { display:flex; flex-wrap:wrap; gap:11px; margin-top:32px; }
.page-hengyang .hyc-hero-links a { display:inline-flex; gap:17px; align-items:center; min-height:50px; padding:0 20px; border:1px solid var(--hyc-steel); color:var(--hyc-steel); font-size:14px; font-weight:900; text-decoration:none; transition:transform .2s ease,background .2s ease; }
.page-hengyang .hyc-hero-links a:first-child { border-color:var(--hyc-orange); background:var(--hyc-orange); color:#fff; }
.page-hengyang .hyc-hero-links a:hover { transform:translateY(-2px); background:var(--hyc-yellow); color:var(--hyc-ink); }
.page-hengyang .hyc-hero-image { position:relative; overflow:hidden; border:1px solid #b1bbba; background:#e0e5e2; }
.page-hengyang .hyc-hero-image::before { position:absolute; z-index:1; top:0; left:0; width:90px; height:7px; background:var(--hyc-orange); content:""; }
.page-hengyang .hyc-hero-image img { display:block; width:100%; aspect-ratio:3/2; object-fit:cover; }
.page-hengyang .hyc-hero-image figcaption { padding:12px 17px; background:var(--hyc-steel); color:#d4e1e1; font-size:12px; line-height:1.5; }
.page-hengyang .hyc-hero-track { position:relative; display:grid; grid-template-columns:repeat(3,1fr); margin-top:60px; border-top:2px solid var(--hyc-ink); border-bottom:1px solid #aeb6b3; }
.page-hengyang .hyc-hero-track::before { position:absolute; top:-7px; left:2%; width:12px; height:12px; border-radius:50%; background:var(--hyc-orange); content:""; }
.page-hengyang .hyc-hero-track > div { position:relative; display:grid; grid-template-columns:95px 1fr; gap:3px 13px; padding:22px 23px; border-right:1px solid #b4bebb; }
.page-hengyang .hyc-hero-track > div:last-child { border:0; }
.page-hengyang .hyc-hero-track b { grid-row:1/3; padding-top:4px; color:#a9472c; font-size:10px; letter-spacing:.12em; }
.page-hengyang .hyc-hero-track strong { font-size:20px; }
.page-hengyang .hyc-hero-track span { color:#617174; font-size:12px; }
.page-hengyang .hyc-switch { padding:116px 0 102px; background:var(--hyc-steel); color:#fff; }
.page-hengyang .hyc-switch .hyc-kicker, .page-hengyang .hyc-sync .hyc-kicker, .page-hengyang .hyc-final .hyc-kicker { color:var(--hyc-yellow); }
.page-hengyang .hyc-switch-head { display:grid; grid-template-columns:1fr .54fr; gap:7%; align-items:end; margin-bottom:42px; }
.page-hengyang .hyc-switch-head h2 { max-width:690px; margin-top:15px; }
.page-hengyang .hyc-switch-head > p { color:#becbcd; font-size:15px; line-height:1.8; }
.page-hengyang .hyc-switch-table { border-top:2px solid var(--hyc-yellow); }
.page-hengyang .hyc-switch-row { display:grid; grid-template-columns:230px 1fr 1.2fr; min-height:142px; border-bottom:1px solid #596568; transition:background .2s ease; }
.page-hengyang .hyc-switch-row.is-current { background:#344046; box-shadow:inset 5px 0 var(--hyc-orange); }
.page-hengyang .hyc-switch-row button { display:grid; grid-template-columns:36px 1fr auto; gap:10px; align-items:start; padding:27px 24px; border:0; background:transparent; color:#fff; text-align:left; cursor:pointer; }
.page-hengyang .hyc-switch-row button span { display:grid; width:30px; height:30px; place-items:center; background:var(--hyc-yellow); color:var(--hyc-ink); font-size:11px; font-weight:900; }
.page-hengyang .hyc-switch-row button strong { padding-top:1px; font-size:20px; }
.page-hengyang .hyc-switch-row button i { color:var(--hyc-orange); font-size:18px; font-style:normal; }
.page-hengyang .hyc-switch-row > div { padding:27px 24px; border-left:1px solid #596568; }
.page-hengyang .hyc-switch-row > div b { color:var(--hyc-yellow); font-size:11px; letter-spacing:.12em; }
.page-hengyang .hyc-switch-row > div p { margin-top:11px; color:#d0d9d9; font-size:14px; line-height:1.75; }
.page-hengyang .hyc-switch-note { margin-top:23px!important; color:#b6c4c6; font-size:13px; line-height:1.75; }
.page-hengyang .hyc-address { padding:115px 0; background:#f6f5ee; }
.page-hengyang .hyc-address-grid { display:grid; grid-template-columns:.87fr 1.13fr; gap:8%; align-items:center; }
.page-hengyang .hyc-address h2 { margin:17px 0 23px; }
.page-hengyang .hyc-address-copy > p:not(.hyc-kicker) { color:#536267; font-size:16px; line-height:1.9; }
.page-hengyang .hyc-address dl { margin:35px 0 0; }
.page-hengyang .hyc-address dl > div { display:grid; grid-template-columns:105px 1fr; gap:18px; padding:16px 0; border-top:1px solid #bdc7c4; }
.page-hengyang .hyc-address dt { color:#a63d23; font-weight:900; }
.page-hengyang .hyc-address dd { margin:0; color:#5d6b6e; line-height:1.7; }
.page-hengyang .hyc-address figure { overflow:hidden; border-bottom:6px solid var(--hyc-yellow); background:var(--hyc-steel); }
.page-hengyang .hyc-address figure img { display:block; width:100%; aspect-ratio:3/2; object-fit:cover; }
.page-hengyang .hyc-address figcaption, .page-hengyang .hyc-handoff figcaption { padding:12px 17px; color:#dae6e6; font-size:12px; line-height:1.5; }
.page-hengyang .hyc-ad-slot { background:#e8ece8; }
.page-hengyang .hyc-sync { padding:116px 0 118px; background:#171d20; color:#fff; }
.page-hengyang .hyc-sync-head { display:grid; grid-template-columns:.3fr 1fr .7fr; gap:28px; align-items:end; margin-bottom:43px; }
.page-hengyang .hyc-sync-head > p:last-child { color:#bac9cd; font-size:15px; line-height:1.8; }
.page-hengyang .hyc-sync-image { overflow:hidden; border:1px solid #526267; }
.page-hengyang .hyc-sync-image img { display:block; width:100%; aspect-ratio:2.6/1; object-fit:cover; }
.page-hengyang .hyc-sync-image figcaption { padding:12px 17px; color:var(--hyc-blue); font-size:12px; }
.page-hengyang .hyc-sync-grid { display:grid; grid-template-columns:repeat(5,1fr); margin-top:29px; border-top:1px solid #647377; }
.page-hengyang .hyc-sync-grid > div { min-height:174px; padding:22px 18px; border-right:1px solid #647377; }
.page-hengyang .hyc-sync-grid > div:last-child { border:0; }
.page-hengyang .hyc-sync-grid span { display:inline-block; min-width:34px; padding:4px; background:var(--hyc-yellow); color:var(--hyc-ink); font-size:11px; font-weight:900; text-align:center; }
.page-hengyang .hyc-sync-grid h3 { margin-top:20px; font-size:20px; }
.page-hengyang .hyc-sync-grid p { margin-top:8px; color:#becacc; font-size:13px; line-height:1.7; }
.page-hengyang .hyc-handoff { padding:116px 0 104px; background:var(--hyc-fog); }
.page-hengyang .hyc-handoff-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:8%; align-items:center; }
.page-hengyang .hyc-handoff figure { background:var(--hyc-steel); }
.page-hengyang .hyc-handoff figure img { display:block; width:100%; aspect-ratio:3/2; object-fit:cover; }
.page-hengyang .hyc-handoff h2 { margin:17px 0 22px; }
.page-hengyang .hyc-handoff-copy > p:not(.hyc-kicker) { color:#536468; font-size:16px; line-height:1.85; }
.page-hengyang .hyc-signals { margin-top:30px; }
.page-hengyang .hyc-signals > div { display:grid; grid-template-columns:120px 1fr; gap:16px; padding:16px 0; border-top:1px solid #b6c5c4; }
.page-hengyang .hyc-signals b { color:#9a411f; }
.page-hengyang .hyc-signals > div:nth-child(2) b { color:#c54421; }
.page-hengyang .hyc-signals > div:nth-child(3) b { color:#4a7886; }
.page-hengyang .hyc-signals span { color:#5c6c70; font-size:14px; line-height:1.7; }
.page-hengyang .hyc-exit-note { display:grid; grid-template-columns:260px 1fr; gap:24px; align-items:center; margin-top:48px; padding:23px 26px; border-left:6px solid var(--hyc-orange); background:#faf9f3; }
.page-hengyang .hyc-exit-note strong { font-size:19px; }
.page-hengyang .hyc-exit-note p { color:#5b6a6d; font-size:14px; line-height:1.8; }
.page-hengyang .hyc-reading { padding:112px 0; background:#f4f3ec; }
.page-hengyang .hyc-reading-grid { display:grid; grid-template-columns:.35fr .65fr; gap:8%; align-items:start; }
.page-hengyang .hyc-reading-intro { position:sticky; top:110px; }
.page-hengyang .hyc-reading h2 { margin:17px 0 20px; }
.page-hengyang .hyc-reading-intro > p:not(.hyc-kicker) { color:#5d6e70; font-size:15px; line-height:1.85; }
.page-hengyang .hyc-reading-intro a { display:inline-block; margin-top:23px; padding-bottom:7px; border-bottom:2px solid var(--hyc-orange); color:#a44228; font-size:14px; font-weight:900; text-decoration:none; }
.page-hengyang .hyc-reading-list { border-top:2px solid var(--hyc-ink); }
.page-hengyang .hyc-reading-list article { display:grid; grid-template-columns:90px 1fr 15px; gap:18px; padding:21px 0; border-bottom:1px solid #bdc7c4; }
.page-hengyang .hyc-reading-list time { color:#738283; font-size:12px; line-height:1.6; }
.page-hengyang .hyc-reading-list h3 { font-size:17px; line-height:1.6; }
.page-hengyang .hyc-reading-list a { text-decoration:none; }
.page-hengyang .hyc-reading-list a:hover { color:#b64726; text-decoration:underline; text-underline-offset:4px; }
.page-hengyang .hyc-reading-list article > span { color:var(--hyc-orange); }
.page-hengyang .hyc-final { padding:85px 0 92px; background:#2a3438; color:#fff; }
.page-hengyang .hyc-final .hyc-shell { display:grid; grid-template-columns:.3fr 1fr .7fr auto; gap:28px; align-items:center; }
.page-hengyang .hyc-final h2 { font-size:clamp(34px,3.7vw,48px); }
.page-hengyang .hyc-final p:not(.hyc-kicker) { color:#c5d0d1; font-size:14px; line-height:1.8; }
.page-hengyang .hyc-final a { white-space:nowrap; color:var(--hyc-yellow); font-size:13px; font-weight:900; text-decoration:none; }
@media (max-width:980px) { .page-hengyang .hyc-switch-row { grid-template-columns:190px 1fr 1fr; } .page-hengyang .hyc-sync-head { grid-template-columns:1fr 1fr; } .page-hengyang .hyc-sync-head .hyc-kicker { grid-column:1/-1; } .page-hengyang .hyc-final .hyc-shell { grid-template-columns:1fr 1fr; } }
@media (max-width:700px) { .page-hengyang .hyc-shell { width:min(100% - 36px,560px); } .page-hengyang .hyc-hero { padding-top:50px; } .page-hengyang .hyc-hero-grid, .page-hengyang .hyc-switch-head, .page-hengyang .hyc-address-grid, .page-hengyang .hyc-sync-head, .page-hengyang .hyc-handoff-grid, .page-hengyang .hyc-reading-grid { grid-template-columns:1fr; gap:28px; } .page-hengyang .hyc-hero-copy { padding:0; } .page-hengyang .hyc-hero h1 { font-size:clamp(43px,10vw,59px); } .page-hengyang .hyc-hero-copy > p:not(.hyc-kicker) { font-size:15px; } .page-hengyang .hyc-hero-track { grid-template-columns:1fr; margin-top:36px; } .page-hengyang .hyc-hero-track > div { border-right:0; border-bottom:1px solid #b4bebb; padding:14px 18px; } .page-hengyang .hyc-switch, .page-hengyang .hyc-address, .page-hengyang .hyc-sync, .page-hengyang .hyc-handoff, .page-hengyang .hyc-reading { padding:75px 0; } .page-hengyang .hyc-switch-row { grid-template-columns:1fr 1fr; } .page-hengyang .hyc-switch-row button { grid-column:1/-1; border-bottom:1px solid #596568; padding:18px; } .page-hengyang .hyc-switch-row > div { border-left:0; padding:16px; } .page-hengyang .hyc-switch-row > div:last-child { border-left:1px solid #596568; } .page-hengyang .hyc-sync-head .hyc-kicker { grid-column:auto; } .page-hengyang .hyc-sync-image img { aspect-ratio:3/2; } .page-hengyang .hyc-sync-grid { grid-template-columns:repeat(2,1fr); row-gap:15px; } .page-hengyang .hyc-sync-grid > div { min-height:130px; } .page-hengyang .hyc-exit-note { grid-template-columns:1fr; gap:7px; padding:20px; } .page-hengyang .hyc-reading-intro { position:static; } .page-hengyang .hyc-final { padding:72px 0; } .page-hengyang .hyc-final .hyc-shell { grid-template-columns:1fr; gap:15px; } }
@media (max-width:400px) { .page-hengyang .hyc-shell { width:calc(100% - 28px); } .page-hengyang .hyc-switch-row { grid-template-columns:1fr; } .page-hengyang .hyc-switch-row > div:last-child { border-left:0; border-top:1px solid #596568; } .page-hengyang .hyc-sync-grid { grid-template-columns:1fr; } .page-hengyang .hyc-sync-grid > div { min-height:0; border-bottom:1px solid #647377; } .page-hengyang .hyc-reading-list article { grid-template-columns:1fr 15px; gap:4px 8px; } .page-hengyang .hyc-reading-list time { grid-column:1/-1; } }
@media (prefers-reduced-motion:reduce) { .page-hengyang .hyc *, .page-hengyang .hyc *::before, .page-hengyang .hyc *::after { animation-duration:0s!important; transition-duration:0s!important; scroll-behavior:auto!important; } }
