.page-suqian .sqc { --sqc-night:#06111f; --sqc-deep:#0a2031; --sqc-cyan:#42dcf4; --sqc-cyan-soft:#bbf4f7; --sqc-amber:#ffbd63; --sqc-paper:#eef3f1; --sqc-ink:#102530; background:var(--sqc-paper); color:var(--sqc-ink); overflow:hidden; }
.page-suqian .sqc *, .page-suqian .sqc *::before, .page-suqian .sqc *::after { box-sizing:border-box; }
.page-suqian .sqc-shell { width:min(1180px,calc(100% - 64px)); margin-inline:auto; }
.page-suqian .sqc h1, .page-suqian .sqc h2, .page-suqian .sqc h3, .page-suqian .sqc p, .page-suqian .sqc figure { margin:0; }
.page-suqian .sqc a { color:inherit; }
.page-suqian .sqc a:focus-visible, .page-suqian .sqc button:focus-visible { outline:3px solid var(--sqc-amber); outline-offset:4px; }
.page-suqian .sqc-kicker { color:#0c7281; font-size:12px; font-weight:800; letter-spacing:.2em; line-height:1.5; text-transform:uppercase; }
.page-suqian .sqc h2 { font-size:clamp(34px,3.9vw,52px); line-height:1.16; letter-spacing:-.055em; }
.page-suqian .sqc-hero { padding:86px 0 38px; background:radial-gradient(circle at 88% 6%,rgba(66,220,244,.16),transparent 38%),#f5f6f1; }
.page-suqian .sqc-hero-grid { display:grid; grid-template-columns:1.02fr .98fr; gap:7%; align-items:center; }
.page-suqian .sqc-hero-copy { padding:16px 0 52px; }
.page-suqian .sqc-hero h1 { max-width:680px; margin:26px 0 24px; font-size:clamp(45px,5.1vw,72px); line-height:1.07; letter-spacing:-.075em; }
.page-suqian .sqc-hero h1 span { display:block; margin-top:14px; color:#117e88; font-weight:520; }
.page-suqian .sqc-lead { max-width:610px; color:#4b6269; font-size:17px; line-height:1.95; }
.page-suqian .sqc-lead strong { color:#153946; font-weight:800; }
.page-suqian .sqc-hero-links { display:flex; flex-wrap:wrap; gap:10px; margin-top:34px; }
.page-suqian .sqc-hero-links a { display:inline-flex; gap:16px; align-items:center; min-height:49px; padding:0 20px; border:1px solid #8ea7ab; border-radius:100px; color:#1c4752; font-size:14px; font-weight:800; text-decoration:none; transition:transform .2s ease,background .2s ease; }
.page-suqian .sqc-hero-links a:hover { transform:translateY(-2px); background:#e9f5f3; }
.page-suqian .sqc-hero-links .sqc-primary { border-color:var(--sqc-deep); background:var(--sqc-deep); color:#fff; }
.page-suqian .sqc-hero-links .sqc-primary:hover { background:#12364a; }
.page-suqian .sqc-hero-visual { position:relative; align-self:stretch; min-height:440px; display:flex; flex-direction:column; background:var(--sqc-deep); box-shadow:18px 18px 0 #d3e6e5; }
.page-suqian .sqc-hero-visual img { display:block; width:100%; height:100%; max-height:530px; flex:1; object-fit:cover; }
.page-suqian .sqc-hero-visual figcaption { padding:11px 17px; color:#d1e5e9; font-size:12px; line-height:1.5; }
.page-suqian .sqc-difference { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; margin-top:54px; padding:19px 24px; border-top:1px solid #afc4c4; border-bottom:1px solid #afc4c4; }
.page-suqian .sqc-difference span { display:flex; gap:15px; align-items:center; color:#395e66; font-size:15px; font-weight:700; }
.page-suqian .sqc-difference b { display:grid; width:36px; height:36px; place-items:center; border-radius:50%; background:#ffdfb0; color:#663e11; font-size:12px; }
.page-suqian .sqc-difference i { width:38px; height:1px; margin-right:20px; background:#91adb0; }
.page-suqian .sqc-impact { padding:112px 0 96px; background:var(--sqc-deep); color:#eefcfd; }
.page-suqian .sqc-impact .sqc-kicker, .page-suqian .sqc-records .sqc-kicker, .page-suqian .sqc-close .sqc-kicker { color:var(--sqc-cyan); }
.page-suqian .sqc-heading { display:grid; grid-template-columns:1fr .75fr; gap:100px; align-items:end; margin-bottom:46px; }
.page-suqian .sqc-heading h2 { margin-top:16px; }
.page-suqian .sqc-heading > p { max-width:430px; color:#b0ced3; font-size:15px; line-height:1.85; }
.page-suqian .sqc-impact-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.page-suqian .sqc-impact-card { min-height:320px; padding:26px 26px 24px; border:1px solid #416371; background:#102d3e; transition:border-color .2s ease,transform .2s ease,background .2s ease; }
.page-suqian .sqc-impact-card.is-active { border-color:var(--sqc-amber); background:#163d4a; transform:translateY(-5px); }
.page-suqian .sqc-impact-card button { display:grid; grid-template-columns:1fr auto; width:100%; padding:0; border:0; background:none; color:inherit; text-align:left; cursor:pointer; }
.page-suqian .sqc-impact-card button span { grid-column:1/-1; color:var(--sqc-cyan); font-size:11px; font-weight:800; letter-spacing:.17em; }
.page-suqian .sqc-impact-card button strong { margin-top:20px; color:#f6ffff; font-size:27px; line-height:1.3; }
.page-suqian .sqc-impact-card button i { align-self:end; font-size:20px; font-style:normal; }
.page-suqian .sqc-impact-card p { min-height:127px; margin-top:24px; color:#c2d6da; font-size:14px; line-height:1.8; }
.page-suqian .sqc-impact-card small { display:block; padding-top:13px; border-top:1px solid #557180; color:#a7c0c7; font-size:12px; line-height:1.5; }
.page-suqian .sqc-impact-note { margin-top:24px; color:#adc8cc; font-size:13px; line-height:1.75; }
.page-suqian .sqc-context { padding:116px 0; background:#f1f4f0; }
.page-suqian .sqc-context-grid { display:grid; grid-template-columns:.91fr 1.09fr; gap:8%; align-items:center; }
.page-suqian .sqc-context h2, .page-suqian .sqc-records h2 { margin:17px 0 25px; }
.page-suqian .sqc-context-copy > p:not(.sqc-kicker), .page-suqian .sqc-records-copy > p:not(.sqc-kicker) { color:#526a70; font-size:16px; line-height:1.9; }
.page-suqian .sqc-context ul { margin:36px 0 0; padding:0; list-style:none; }
.page-suqian .sqc-context li { display:grid; grid-template-columns:92px 1fr; gap:16px; padding:16px 0; border-top:1px solid #bdd0d0; line-height:1.7; }
.page-suqian .sqc-context li b { color:#12677a; }
.page-suqian .sqc-context li span { color:#61777b; }
.page-suqian .sqc-context-visual { border-bottom:5px solid var(--sqc-amber); background:var(--sqc-night); }
.page-suqian .sqc-context-visual img { display:block; width:100%; aspect-ratio:3/2; object-fit:cover; }
.page-suqian .sqc-context-visual figcaption, .page-suqian .sqc-records-visual figcaption, .page-suqian .sqc-handoff figure figcaption { padding:11px 16px; color:#d3e8e9; font-size:12px; line-height:1.6; }
.page-suqian .sqc-ad-slot { background:#e5ece9; }
.page-suqian .sqc-records { padding:120px 0; background:#08202f; color:#f2fcfc; }
.page-suqian .sqc-records-grid { display:grid; grid-template-columns:1.08fr .92fr; gap:8%; align-items:center; }
.page-suqian .sqc-records-visual { background:#071621; }
.page-suqian .sqc-records-visual img { display:block; width:100%; aspect-ratio:3/2; object-fit:cover; }
.page-suqian .sqc-records-copy > p:not(.sqc-kicker) { color:#bdd4d9; }
.page-suqian .sqc-records-list { margin-top:32px; border-top:1px solid #486a74; }
.page-suqian .sqc-records-list > div { display:grid; grid-template-columns:64px 100px 1fr; gap:12px; padding:17px 0; border-bottom:1px solid #486a74; align-items:start; }
.page-suqian .sqc-records-list span { color:var(--sqc-amber); font-size:13px; font-weight:800; }
.page-suqian .sqc-records-list b { font-size:14px; }
.page-suqian .sqc-records-list p { color:#b8d0d3; font-size:13px; line-height:1.65; }
.page-suqian .sqc-handoff { padding:116px 0 105px; background:#e3ebea; }
.page-suqian .sqc-handoff-intro { display:grid; grid-template-columns:.3fr 1fr .75fr; gap:28px; align-items:end; margin-bottom:48px; }
.page-suqian .sqc-handoff-intro h2 { max-width:520px; }
.page-suqian .sqc-handoff-intro > p:last-child { color:#536f73; font-size:15px; line-height:1.8; }
.page-suqian .sqc-handoff-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:5%; align-items:stretch; }
.page-suqian .sqc-handoff ol { margin:0; padding:0; list-style:none; counter-reset:none; }
.page-suqian .sqc-handoff li { display:grid; grid-template-columns:48px 1fr; gap:20px; min-height:110px; padding:18px 0; border-top:1px solid #a9c0c1; }
.page-suqian .sqc-handoff li:last-child { border-bottom:1px solid #a9c0c1; }
.page-suqian .sqc-handoff li span { display:grid; width:36px; height:36px; place-items:center; border-radius:50%; background:#17495a; color:#e5fdff; font-size:12px; font-weight:800; }
.page-suqian .sqc-handoff h3 { margin:0 0 5px; font-size:19px; }
.page-suqian .sqc-handoff li p { color:#5b7579; font-size:14px; line-height:1.7; }
.page-suqian .sqc-handoff figure { align-self:stretch; display:flex; flex-direction:column; background:var(--sqc-night); }
.page-suqian .sqc-handoff figure img { display:block; width:100%; height:100%; min-height:360px; flex:1; object-fit:cover; }
.page-suqian .sqc-handoff-boundary { display:grid; grid-template-columns:260px 1fr; gap:36px; align-items:center; margin-top:45px; padding:24px 30px; border-left:4px solid var(--sqc-amber); background:#f4f6f2; }
.page-suqian .sqc-handoff-boundary strong { font-size:19px; line-height:1.5; }
.page-suqian .sqc-handoff-boundary p { color:#5c7377; font-size:14px; line-height:1.8; }
.page-suqian .sqc-reading { padding:108px 0 115px; background:#f4f6f2; }
.page-suqian .sqc-reading-head { display:flex; gap:30px; justify-content:space-between; align-items:end; padding-bottom:30px; border-bottom:2px solid #1b4d5b; }
.page-suqian .sqc-reading h2 { max-width:650px; margin:16px 0 12px; }
.page-suqian .sqc-reading-head p:last-child { color:#657b7e; line-height:1.7; }
.page-suqian .sqc-reading-head > a { flex:none; padding:12px 0; color:#12677a; font-size:14px; font-weight:800; text-decoration:none; }
.page-suqian .sqc-reading-list { display:grid; grid-template-columns:repeat(2,1fr); column-gap:40px; }
.page-suqian .sqc-reading-list article { display:grid; grid-template-columns:96px 1fr auto; gap:16px; align-items:start; padding:23px 0; border-bottom:1px solid #bfced0; }
.page-suqian .sqc-reading-list time { color:#688589; font-size:12px; line-height:1.7; }
.page-suqian .sqc-reading-list h3 { font-size:16px; line-height:1.65; font-weight:650; }
.page-suqian .sqc-reading-list a { text-decoration:none; }
.page-suqian .sqc-reading-list a:hover { color:#0b8091; text-decoration:underline; text-underline-offset:4px; }
.page-suqian .sqc-reading-list article > span { color:#0b8091; }
.page-suqian .sqc-close { padding:90px 0 98px; background:var(--sqc-night); color:#f1fcfd; }
.page-suqian .sqc-close .sqc-shell { display:grid; grid-template-columns:.4fr 1.1fr .8fr auto; gap:34px; align-items:center; }
.page-suqian .sqc-close h2 { font-size:clamp(34px,3.6vw,48px); }
.page-suqian .sqc-close p:not(.sqc-kicker) { color:#bdd3d7; font-size:14px; line-height:1.85; }
.page-suqian .sqc-close a { white-space:nowrap; color:var(--sqc-cyan); font-size:13px; font-weight:800; text-decoration:none; }
@media (max-width:900px) { .page-suqian .sqc-hero-grid, .page-suqian .sqc-context-grid, .page-suqian .sqc-records-grid { gap:5%; } .page-suqian .sqc-heading { gap:45px; } .page-suqian .sqc-handoff-intro { grid-template-columns:1fr 1fr; } .page-suqian .sqc-handoff-intro .sqc-kicker { grid-column:1/-1; } .page-suqian .sqc-close .sqc-shell { grid-template-columns:1fr 1fr; } .page-suqian .sqc-impact-card { padding:20px; } }
@media (max-width:680px) { .page-suqian .sqc-shell { width:min(100% - 36px,560px); } .page-suqian .sqc-hero { padding:54px 0 23px; } .page-suqian .sqc-hero-grid, .page-suqian .sqc-heading, .page-suqian .sqc-context-grid, .page-suqian .sqc-records-grid, .page-suqian .sqc-handoff-grid { grid-template-columns:1fr; gap:30px; } .page-suqian .sqc-hero-copy { padding:0; } .page-suqian .sqc-hero h1 { font-size:clamp(42px,10vw,60px); } .page-suqian .sqc-lead { font-size:15px; } .page-suqian .sqc-hero-visual { min-height:0; box-shadow:9px 9px 0 #d3e6e5; } .page-suqian .sqc-hero-visual img { aspect-ratio:3/2; height:auto; } .page-suqian .sqc-difference { margin-top:40px; padding:15px 0; grid-template-columns:1fr; gap:12px; } .page-suqian .sqc-difference i { display:none; } .page-suqian .sqc-impact, .page-suqian .sqc-context, .page-suqian .sqc-records, .page-suqian .sqc-handoff, .page-suqian .sqc-reading { padding:75px 0; } .page-suqian .sqc-impact-grid { grid-template-columns:1fr; } .page-suqian .sqc-impact-card { min-height:0; } .page-suqian .sqc-impact-card p { min-height:0; margin-bottom:22px; } .page-suqian .sqc-context-visual { order:-1; } .page-suqian .sqc-handoff-intro { grid-template-columns:1fr; gap:12px; } .page-suqian .sqc-handoff-intro .sqc-kicker { grid-column:auto; } .page-suqian .sqc-handoff figure img { min-height:0; aspect-ratio:3/2; height:auto; } .page-suqian .sqc-handoff-boundary { grid-template-columns:1fr; gap:6px; padding:21px; } .page-suqian .sqc-reading-head { display:block; } .page-suqian .sqc-reading-head > a { display:inline-block; margin-top:15px; } .page-suqian .sqc-reading-list { grid-template-columns:1fr; } .page-suqian .sqc-close { padding:72px 0; } .page-suqian .sqc-close .sqc-shell { grid-template-columns:1fr; gap:17px; } }
@media (max-width:380px) { .page-suqian .sqc-shell { width:calc(100% - 28px); } .page-suqian .sqc-hero h1 { font-size:39px; } .page-suqian .sqc-records-list > div { grid-template-columns:44px 72px 1fr; gap:8px; } .page-suqian .sqc-reading-list article { grid-template-columns:1fr auto; gap:4px 10px; } .page-suqian .sqc-reading-list time { grid-column:1/-1; } }
@media (prefers-reduced-motion:reduce) { .page-suqian .sqc *, .page-suqian .sqc *::before, .page-suqian .sqc *::after { scroll-behavior:auto!important; transition-duration:0s!important; animation-duration:0s!important; } }