:root{--cn-ink:#10233c;--cn-muted:#637287;--cn-line:#dfe6ed;--cn-white:#fff;--cn-ocean:#174f77;--cn-mist:#f4f7fa;--cn-cyan:#197c8c}
.cn-main{max-width:1230px;margin:0 auto;padding:25px 28px 70px;color:var(--cn-ink)}
.cn-hero{position:relative;overflow:hidden;padding:60px 55px 54px;border-radius:24px;background:radial-gradient(ellipse at 100% 15%,#dbeeed 0,transparent 42%),linear-gradient(122deg,#f1f6f9,#e9f0fa);border:1px solid #d5e2eb}
.cn-hero:after{content:"";position:absolute;width:430px;height:430px;right:-135px;bottom:-315px;border:43px solid #b8dbd8;border-radius:50%;opacity:.45;pointer-events:none}
.cn-eyebrow,.cn-kicker{font-size:11px;letter-spacing:.16em;font-weight:800;color:#466782;text-transform:uppercase}
.cn-hero h1{font-size:clamp(42px,5.8vw,72px);letter-spacing:-.045em;line-height:1.06;margin:18px 0 14px;font-weight:740}
.cn-hero h1 span{display:block;font-weight:450;font-size:clamp(24px,3.1vw,37px);letter-spacing:-.035em;margin-top:10px;color:var(--cn-ocean)}
.cn-zh{font-size:18px;line-height:1.6;font-weight:560;margin:16px 0}
.cn-lead{max-width:830px;color:#42566d;line-height:1.75;font-size:15px;margin-top:12px}
.cn-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.cn-primary,.cn-secondary{display:inline-flex;justify-content:center;align-items:center;padding:12px 17px;border-radius:9px;font-size:14px;font-weight:650;text-decoration:none!important;border:1px solid #1f5e82}
.cn-primary{background:#124e73;color:#fff!important}.cn-secondary{background:#fff;color:#124e73!important}
.cn-primary:hover{background:#083757}.cn-secondary:hover{background:#ebf4fb}
.cn-pulse{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:21px 0 58px}
.cn-pulse div{border:1px solid var(--cn-line);border-radius:14px;background:#fff;padding:19px 20px;min-height:105px}
.cn-pulse strong{display:block;font-variant-numeric:tabular-nums;font-size:34px;letter-spacing:-.06em;color:#173b5b}
.cn-pulse span{display:block;font-size:12px;color:#64758a;line-height:1.4;margin-top:3px}
.cn-section{margin-top:60px}
.cn-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 22px}
.cn-section h2{font-size:clamp(25px,3.2vw,39px);line-height:1.12;letter-spacing:-.035em;margin:8px 0 12px}
.cn-section-head p{font-size:14px;color:#5b6b80;line-height:1.6;margin:0;max-width:820px}
.cn-gates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cn-gates article{border:1px solid var(--cn-line);padding:21px;border-radius:14px;background:#fff;min-height:195px}
.cn-gates article b{font-size:14px;color:#114d70;display:block}.cn-gates article p{font-size:13px;line-height:1.6;color:#43556b;margin:14px 0}
.cn-gates article small{color:#7d5362;font-size:11px;line-height:1.5}
.cn-snapshot{font-size:12px;color:#63758b;display:flex;align-items:center;gap:7px;white-space:nowrap;padding-bottom:7px}
#cn-sync-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#abb7c5}#cn-sync-dot.current{background:#278477}#cn-sync-dot.warning{background:#d89a4c}
.cn-filters{display:grid;grid-template-columns:auto minmax(100px,1fr) auto minmax(160px,220px);gap:12px;align-items:center;background:#f4f7fa;border:1px solid var(--cn-line);border-radius:13px;padding:14px 17px;margin-bottom:20px}
.cn-filters label{font-size:12px;font-weight:700;color:#5a6a80}
.cn-filters input,.cn-filters select{border-radius:8px;min-height:41px;border:1px solid #c9d5e2;background:#fff;padding:9px 12px;color:#20374c;font:inherit;font-size:13px;width:100%;min-width:0}
.cn-filters :is(input,select):focus-visible{outline:3px solid #9bc7df;outline-offset:2px}
.cn-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.cn-card{background:#fff;border:1px solid #dce5ed;border-radius:16px;padding:23px;display:flex;flex-direction:column;box-shadow:0 4px 20px rgba(20,48,75,.035);min-height:285px}
.cn-card:hover{border-color:#b9cbdc;box-shadow:0 9px 24px rgba(20,48,75,.07)}
.cn-tag{display:inline-block;border-radius:5px;background:#edf5f7;color:#20576a;padding:5px 8px;text-transform:uppercase;font-size:10px;letter-spacing:.075em;font-weight:800}
.cn-tag.candidate{color:#89591d;background:#fbf2e4}.cn-tag.live{color:#19644c;background:#e7f6ee}
.cn-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.cn-card h3{font-size:20px;line-height:1.25;letter-spacing:-.02em;margin:0 0 10px;color:#18364f}
.cn-card p{font-size:13px;color:#52677a;line-height:1.6;margin:0 0 15px}
.cn-card h4{font-size:12px;color:#1e577b;margin:7px 0}
.cn-card .cn-candidate{font-size:14px;font-weight:700;color:#1c394f;line-height:1.45}
.cn-card ul{padding-left:16px;margin:6px 0 12px;color:#596d7e;font-size:12px;line-height:1.6}
.cn-card-meta{font-size:11px;line-height:1.6;color:#788798;margin-top:auto;padding-top:14px;border-top:1px solid #ebeff4}
.cn-card-meta a{font-weight:650;color:#1f648e;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.cn-empty{padding:25px;background:#f5f8fa;border-radius:12px;color:#697b90}
.cn-operations{display:grid;grid-template-columns:1fr 1fr;gap:35px;background:#f4f8fb;border-radius:20px;padding:29px 35px}
.cn-operations p{font-size:14px;color:#526980;line-height:1.7}.cn-codeflow{display:flex;flex-wrap:wrap;gap:8px;align-content:center;align-items:center;color:#315e7d}
.cn-codeflow span{font-size:11px;font-weight:700;background:#fff;border:1px solid #d5e2e9;border-radius:8px;padding:11px 12px}.cn-codeflow b{font-size:18px}.cn-codeflow hr{flex-basis:100%;border:0;margin:3px}
.cn-boundary{margin:55px 0 10px;padding:22px 27px;border-left:4px solid #6b97ad;background:#f5f7f9;border-radius:3px 12px 12px 3px}
.cn-boundary strong{font-size:15px}.cn-boundary p{font-size:13px;line-height:1.65;color:#4b637b}
.cn-boundary a{margin-right:15px;font-weight:700;color:#20567a}
.cn-footer{max-width:1230px;margin:0 auto;padding:25px 28px 45px;display:flex;justify-content:space-between;gap:18px;color:#778394;font-size:12px;border-top:1px solid #e5ebf0}
.cn-footer a{color:#174d72;font-weight:800}
@media(max-width:1000px){.cn-gates{grid-template-columns:repeat(2,minmax(0,1fr))}.cn-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.cn-main{padding:18px 17px 48px}.cn-hero{padding:35px 23px}.cn-pulse{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:45px}.cn-gates,.cn-cards{grid-template-columns:1fr}.cn-section-head{align-items:start;flex-direction:column}.cn-filters{grid-template-columns:1fr;gap:8px}.cn-operations{grid-template-columns:1fr;padding:24px}.cn-footer{padding:20px 18px 30px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.cn-legacy-note{max-width:1100px;margin:12px auto 4px;padding:11px 16px;font-size:.83rem;line-height:1.5;color:#64748b;border:1px solid rgba(148,163,184,.22);border-radius:10px}
.cn-legacy-note strong{font-weight:750;color:inherit}

.cn-legacy-resolve{max-width:1100px;margin:24px auto;padding:18px;border:1px solid #475569;border-radius:12px}
.cn-legacy-resolve input{width:100%;max-width:650px;padding:12px;border:1px solid #64748b;border-radius:8px;background:transparent;color:inherit}
.cn-legacy-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-top:12px}
.cn-legacy-result{border:1px solid #64748b;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px;overflow-wrap:anywhere}
.cn-legacy-result small{font-size:12px;opacity:.8}