:root { --ink:#073f35; --paper:#f3f1e8; --paper-deep:#e2dfd1; --verm:#c84d34; --gold:#c49b52; --muted:#637269; --line:rgba(7,63,53,.2); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; min-width:320px; color:var(--ink); background:var(--paper); font-family:"Noto Serif SC","Songti SC","SimSun",serif; } button,a { font:inherit; } button { cursor:pointer; } a { color:inherit; text-decoration:none; }
.shell { min-height:100vh; overflow:hidden; background:var(--paper); }.topbar { position:relative; z-index:5; height:74px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; max-width:1440px; margin:auto; padding:0 clamp(24px,7vw,128px); border-bottom:1px solid var(--line); }.brand { display:flex; align-items:center; gap:11px; font-size:18px; font-weight:700; }.brand-mark { display:grid; width:32px; height:32px; place-items:center; border-radius:50%; color:#fff; background:var(--verm); font-size:17px; }nav { display:flex; align-items:center; gap:42px; height:100%; }.nav-link { position:relative; display:grid; height:100%; place-items:center; color:#485e55; font-size:14px; white-space:nowrap; }.nav-link.active { color:var(--ink); font-weight:700; }.nav-link.active::after { content:""; position:absolute; bottom:13px; width:25px; height:2px; background:var(--ink); }.top-note { justify-self:end; color:#65746c; font-size:13px; }
.landing-main,.result-main,.quiz { position:relative; isolation:isolate; }.ink-scene { position:absolute; z-index:-1; inset:0; width:100%; height:100%; pointer-events:none; }.landing-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(390px,.85fr); gap:clamp(45px,8vw,145px); align-items:center; min-height:680px; max-width:1280px; padding:84px clamp(24px,7vw,112px) 66px; margin:auto; }.hero-copy { max-width:650px; }.eyebrow,.result-kicker { display:flex; align-items:center; gap:12px; color:var(--verm); font-size:14px; font-weight:700; letter-spacing:1px; }.eyebrow i { width:60px; height:1px; background:rgba(200,77,52,.55); }h1,h2,h3,p { margin-top:0; }.hero-copy h1 { margin:22px 0 25px; font-family:STKaiti,"KaiTi",serif; font-size:clamp(56px,6.1vw,88px); line-height:1.12; font-weight:600; }.hero-copy > p { max-width:545px; margin-bottom:28px; color:#496057; font-size:17px; line-height:1.85; }.hero-actions { display:flex; align-items:center; gap:26px; }.start { min-width:194px; padding:15px 22px; border:0; border-radius:3px; color:#fff; background:var(--ink); font-weight:700; box-shadow:0 10px 20px rgba(7,63,53,.15); }.start span { margin-left:18px; font-size:20px; vertical-align:-1px; }.start:hover { background:var(--verm); }.text-action { color:#637269; font-size:14px; }.text-action b { display:inline-grid; width:25px; height:25px; margin-right:8px; place-items:center; border:1px solid #bf9f67; border-radius:50%; color:#8b6b35; font-size:10px; }.landing-wheel-panel { width:min(100%,500px); justify-self:end; padding:34px 34px 24px; border:1px solid rgba(145,119,72,.2); border-radius:8px; background:rgba(255,255,255,.46); box-shadow:0 18px 50px rgba(49,69,56,.13),inset 0 0 0 3px rgba(255,255,255,.45); text-align:center; }.landing-wheel { width:min(100%,370px); aspect-ratio:1; display:grid; place-items:center; margin:auto; border-radius:50%; padding:52px; background:conic-gradient(#c84d34 0 16.66%,#c49b52 16.66% 33.32%,#286d82 33.32% 49.98%,#073f35 49.98% 66.64%,#8b5a4a 66.64% 83.3%,#85963c 83.3% 100%); box-shadow:0 13px 28px rgba(34,48,40,.22); }.landing-wheel-inner { width:100%; height:100%; display:grid; place-content:center; border-radius:50%; background:rgba(246,244,236,.96); box-shadow:inset 0 0 0 1px rgba(181,142,77,.42); }.landing-wheel-inner strong { margin:5px 0 7px; font-family:STKaiti,"KaiTi",serif; font-size:48px; font-weight:500; }.landing-wheel-inner small { color:#8b826f; font-size:9px; letter-spacing:3px; }.landing-wheel-panel > p { margin:22px 0 0; color:#68736b; font-size:13px; letter-spacing:3px; }.method-strip { display:grid; grid-template-columns:repeat(3,1fr); max-width:1140px; margin:0 auto 70px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.method-strip article { min-height:145px; padding:26px 34px; border-right:1px solid var(--line); }.method-strip article:last-child { border:0; }.method-strip span,.portrait-section header span,.evidence-section header span,.bottom-tone header span,.scene-grid header span,.practice-section span { color:var(--verm); font-size:12px; font-weight:700; letter-spacing:1px; }.method-strip h2 { margin:7px 0; font-size:20px; }.method-strip p { margin:0; color:#66746d; font-size:14px; line-height:1.7; }
.quiz { max-width:940px; min-height:calc(100vh - 74px); margin:auto; padding:48px 48px 70px; }.quiz-head { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:42px; }.back { border:0; padding:0; color:var(--ink); background:transparent; font-weight:700; }.counter { color:var(--muted); font-size:13px; text-align:right; }.progress { width:155px; height:3px; margin-top:8px; background:var(--paper-deep); }.progress span { display:block; height:100%; background:var(--verm); transition:width .25s ease; }.question-kicker { color:var(--verm); font-size:13px; font-weight:700; letter-spacing:1px; }.question { max-width:790px; margin:16px 0 35px; font-family:STKaiti,"KaiTi",serif; font-size:clamp(30px,4vw,47px); line-height:1.35; font-weight:500; }.options { display:grid; gap:12px; }.option { display:grid; grid-template-columns:34px 1fr; align-items:center; min-height:74px; padding:15px 20px; border:1px solid var(--line); border-radius:3px; color:var(--ink); background:rgba(255,255,255,.45); text-align:left; transition:transform .2s,background .2s,border .2s; }.option:hover,.option:focus-visible { border-color:var(--ink); background:#fff; transform:translateX(4px); outline:0; }.option.selected { border-color:var(--ink); color:#fff; background:var(--ink); }.option-key { display:grid; width:25px; height:25px; place-items:center; border:1px solid currentColor; border-radius:50%; font-size:12px; font-weight:700; }.quiz-actions { display:flex; justify-content:space-between; align-items:center; margin-top:30px; }.hint { color:var(--muted); font-size:13px; }.next,.restart { border:0; border-radius:3px; padding:11px 17px; color:#fff; background:var(--ink); font-weight:700; }.next:disabled { opacity:.35; cursor:not-allowed; }
.result-main { max-width:1280px; margin:auto; padding:68px clamp(24px,7vw,112px) 62px; }.report-hero { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr); gap:80px; align-items:center; min-height:520px; padding-bottom:55px; border-bottom:1px solid var(--line); }.result-number { margin:23px 0 4px; color:#65746c; font-size:14px; }.report-intro h1 { display:flex; align-items:center; gap:12px; margin:0; font-family:STKaiti,"KaiTi",serif; font-size:clamp(66px,7vw,94px); line-height:1; font-weight:500; }.report-intro h1 em { display:grid; width:24px; height:24px; place-items:center; border:1px solid var(--verm); color:var(--verm); font-size:13px; font-style:normal; }.report-intro h2 { margin:16px 0; color:#466158; font-family:STKaiti,"KaiTi",serif; font-size:28px; font-weight:500; }.tag-row { display:flex; flex-wrap:wrap; gap:9px; }.tag-row span { padding:5px 13px; border:1px solid rgba(7,63,53,.24); border-radius:999px; color:#315247; font-size:13px; }.report-intro blockquote { max-width:560px; margin:31px 0 0; padding:16px 18px; border-left:3px solid var(--verm); background:rgba(224,225,211,.54); }.report-intro blockquote b { color:var(--verm); font-size:12px; letter-spacing:1px; }.report-intro blockquote p { margin:8px 0 0; color:#3d5c51; font-family:STKaiti,"KaiTi",serif; font-size:20px; }.hex-panel { padding:29px 32px 26px; border:1px solid rgba(163,143,101,.3); border-radius:5px; background:rgba(255,255,255,.45); box-shadow:0 18px 44px rgba(49,69,56,.1); }.hex-panel > p { margin-bottom:19px; color:#8b6b35; font-size:13px; letter-spacing:2px; }.hex-panel > small { display:block; margin-top:17px; color:#748078; font-size:11px; line-height:1.6; }.hex-lines { display:grid; gap:10px; }.yao-line { display:grid; grid-template-columns:19px 82px 1fr; align-items:center; gap:10px; }.yao-index { color:#ad3d2d; font-size:12px; }.yao-stroke { display:flex; gap:0; height:8px; }.yao-stroke i { display:block; flex:1; background:var(--ink); }.yao-stroke.broken { gap:12px; }.yao-line strong { font-size:13px; }.yao-line p { margin:3px 0 0; color:#64746c; font-size:11px; line-height:1.45; }.yao-line em { color:#a24d3c; font-style:normal; }
.portrait-section,.bottom-tone,.scene-grid { padding:48px 0; border-bottom:1px solid var(--line); }.portrait-section header,.evidence-section header,.bottom-tone header,.scene-grid header { display:flex; align-items:baseline; gap:12px; }.portrait-section h2,.evidence-section h2,.bottom-tone h2,.scene-grid h2,.practice-section h2 { margin:0; font-family:STKaiti,"KaiTi",serif; font-size:31px; font-weight:500; }.portrait-section > p { max-width:850px; margin:21px 0; color:#476258; font-size:20px; line-height:1.9; }.portrait-note { display:flex; max-width:740px; gap:19px; padding:13px 0; border-top:1px solid var(--line); color:#61726a; font-size:14px; line-height:1.7; }.portrait-note b { color:var(--ink); white-space:nowrap; }.evidence-section { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:75px; padding:52px 0; border-bottom:1px solid var(--line); }.meters { display:grid; gap:14px; margin-top:20px; }.meter-label { display:flex; justify-content:space-between; gap:16px; margin-bottom:7px; color:#314f45; font-size:14px; }.meter-line { height:8px; overflow:hidden; background:#e1e3d9; }.meter-line span { display:block; height:100%; background:var(--meter); }.evidence-card { position:relative; align-self:stretch; padding:26px; overflow:hidden; border-left:1px solid var(--line); }.evidence-card > span { color:var(--verm); font-size:12px; font-weight:700; letter-spacing:1px; }.evidence-card h3 { margin:11px 0; font-family:STKaiti,"KaiTi",serif; font-size:25px; font-weight:500; }.evidence-card > p { max-width:260px; color:#5d7067; font-size:14px; line-height:1.75; }.strategy-wheel { width:170px; aspect-ratio:1; display:grid; place-items:center; margin:22px 0 0 auto; padding:18px; border-radius:50%; box-shadow:0 10px 22px rgba(34,48,40,.17); }.wheel-inner { display:grid; width:100%; height:100%; place-content:center; border:1px solid rgba(183,139,67,.55); border-radius:50%; background:rgba(246,244,236,.96); text-align:center; }.wheel-inner span { font-size:11px; }.wheel-inner strong { margin:3px 0; font-family:STKaiti,"KaiTi",serif; font-size:35px; font-weight:500; }.wheel-inner small { color:#52665d; font-size:11px; }.tone-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:22px; border-top:1px solid var(--line); }.tone-grid article { min-height:190px; padding:25px 31px 18px 0; border-right:1px solid var(--line); }.tone-grid article + article { padding-left:31px; }.tone-grid article:last-child { border:0; }.tone-grid span { color:#a24d3c; font-size:12px; }.tone-grid h3 { margin:11px 0; font-family:STKaiti,"KaiTi",serif; font-size:27px; font-weight:500; }.tone-grid p { margin:0; color:#586e65; font-size:15px; line-height:1.8; }.scene-grid > div { display:grid; grid-template-columns:repeat(3,1fr); margin-top:25px; border-top:1px solid var(--line); }.scene-grid article { min-height:235px; padding:25px 30px 22px 0; border-right:1px solid var(--line); }.scene-grid article + article { padding-left:30px; }.scene-grid article:last-child { border:0; }.scene-grid article > span { color:var(--verm); font-size:12px; }.scene-grid article h2 { margin:9px 0 16px; }.scene-grid article p { margin:0; color:#52675d; font-size:16px; line-height:1.85; }.scene-grid article small { display:block; margin-top:15px; color:#8b6b35; font-size:12px; line-height:1.6; }.practice-section { display:grid; grid-template-columns:1.25fr .75fr; gap:72px; padding:49px 0 38px; border-bottom:1px solid var(--line); }.practice-section article > p,.practice-section aside p { color:#52675d; font-size:16px; line-height:1.8; }.practice-section ol { margin:21px 0 0; padding-left:21px; color:#52675d; }.practice-section li { margin:9px 0; font-size:15px; line-height:1.65; }.practice-section aside { align-self:start; padding:0 0 0 31px; border-left:1px solid var(--line); }.practice-section aside h2 { margin:12px 0; font-size:27px; }.result-foot { margin-top:23px; color:#758078; font-size:12px; line-height:1.65; }.restart { margin-top:22px; }
.result-school { margin:23px 0 4px; color:#65746c; font-size:14px; }.result-takeaway { max-width:520px; margin:0 0 16px; color:#5e7168; font-size:16px; line-height:1.7; }.source-section,.guidance-section,.quote-section { padding:48px 0; border-bottom:1px solid var(--line); }.source-section header,.guidance-section header,.quote-section header { display:flex; align-items:baseline; gap:12px; }.source-section header span,.guidance-section header span,.quote-section header span { color:var(--verm); font-size:12px; font-weight:700; letter-spacing:1px; }.source-section h2,.guidance-section h2,.quote-section h2 { margin:0; font-family:STKaiti,"KaiTi",serif; font-size:31px; font-weight:500; }.source-card { max-width:780px; margin-top:22px; padding:25px 28px; border:1px solid rgba(7,63,53,.16); border-radius:5px; background:rgba(255,255,255,.42); }.source-card > span,.guidance-grid article > span { color:var(--verm); font-size:12px; font-weight:700; letter-spacing:1px; }.source-card h3 { margin:10px 0; font-family:STKaiti,"KaiTi",serif; font-size:28px; font-weight:500; }.source-card p { max-width:650px; margin:0; color:#52675d; font-size:17px; line-height:1.8; }.source-card small { display:block; margin-top:13px; color:#8b6b35; font-size:13px; line-height:1.6; }.guidance-grid,.quote-section > div { display:grid; grid-template-columns:repeat(3,1fr); margin-top:25px; border-top:1px solid var(--line); }.guidance-grid article,.quote-section blockquote { min-height:215px; margin:0; padding:25px 30px 22px 0; border-right:1px solid var(--line); }.guidance-grid article + article,.quote-section blockquote + blockquote { padding-left:30px; }.guidance-grid article:last-child,.quote-section blockquote:last-child { border-right:0; }.guidance-grid article h3 { margin:12px 0; font-family:STKaiti,"KaiTi",serif; font-size:24px; font-weight:500; }.guidance-grid article p { margin:0; color:#52675d; font-size:15px; line-height:1.75; }.guidance-grid ol { margin:0; padding-left:20px; color:#52675d; }.guidance-grid li { margin:0 0 10px; font-size:15px; line-height:1.7; }.quote-section blockquote b { color:var(--verm); font-size:12px; }.quote-section blockquote p { margin:13px 0 0; color:#315247; font-family:STKaiti,"KaiTi",serif; font-size:24px; line-height:1.45; }
@media (max-width:980px) { .topbar { grid-template-columns:1fr auto; }.topbar nav,.top-note { display:none; }.landing-hero,.report-hero,.evidence-section,.practice-section { grid-template-columns:1fr; gap:38px; }.landing-wheel-panel,.strategy-wheel { justify-self:start; }.method-strip { margin-inline:24px; }.result-main { padding-top:45px; }.evidence-card { border-left:0; border-top:1px solid var(--line); }.strategy-wheel { margin-left:0; }.hex-panel { max-width:580px; }.practice-section aside { padding:30px 0 0; border-left:0; border-top:1px solid var(--line); } }
@media (max-width:640px) { .topbar { height:64px; padding:0 20px; }.brand { font-size:16px; }.brand-mark { width:28px; height:28px; }.landing-hero { min-height:auto; padding:52px 24px 38px; }.hero-copy h1 { font-size:55px; }.hero-copy > p { font-size:16px; }.hero-actions { align-items:flex-start; flex-direction:column; gap:18px; }.landing-wheel-panel { padding:24px 18px 18px; }.landing-wheel { width:270px; padding:37px; }.landing-wheel-inner strong { font-size:39px; }.method-strip,.tone-grid,.scene-grid > div { grid-template-columns:1fr; margin-inline:24px; }.method-strip article,.tone-grid article,.scene-grid article { min-height:0; padding:22px 0; border-right:0; border-bottom:1px solid var(--line); }.method-strip article:last-child,.tone-grid article:last-child,.scene-grid article:last-child { border-bottom:0; }.tone-grid article + article,.scene-grid article + article { padding-left:0; }.quiz { padding:35px 24px 54px; }.question { font-size:33px; }.option { min-height:70px; padding:14px; }.hint { max-width:145px; }.result-main { padding:37px 24px 48px; }.report-intro h1 { font-size:68px; }.report-intro h2 { font-size:25px; }.report-hero { min-height:0; padding-bottom:39px; }.hex-panel { padding:23px 17px; }.yao-line { grid-template-columns:16px 68px 1fr; gap:7px; }.portrait-section,.bottom-tone,.scene-grid { padding:37px 0; }.portrait-section > p { font-size:18px; }.evidence-section { padding:38px 0; }.evidence-card { padding:28px 0 0; }.scene-grid > div { margin:20px 0 0; }.practice-section { gap:30px; padding:38px 0; }.practice-section aside { padding-top:27px; } }
@media (max-width:640px) { .source-section,.guidance-section,.quote-section { padding:37px 0; }.source-card { padding:22px 18px; }.guidance-grid,.quote-section > div { grid-template-columns:1fr; margin-top:20px; }.guidance-grid article,.quote-section blockquote { min-height:0; padding:22px 0; border-right:0; border-bottom:1px solid var(--line); }.guidance-grid article + article,.quote-section blockquote + blockquote { padding-left:0; }.guidance-grid article:last-child,.quote-section blockquote:last-child { border-bottom:0; } }
@media (max-width:640px) { .landing-hero { min-height:auto; padding:38px 24px 30px; }.hero-copy h1 { margin:16px 0 18px; font-size:38px; line-height:1.2; }.hero-copy > p { margin-bottom:22px; font-size:15px; line-height:1.72; }.hero-actions { gap:14px; }.start { min-width:170px; padding:13px 18px; }.start span { margin-left:14px; font-size:18px; } }
@media (max-width:640px) { .landing-topbar { grid-template-columns:1fr auto; height:72px; padding:0 24px; }.landing-topbar .brand { gap:12px; font-size:20px; }.landing-topbar .brand-mark { width:38px; height:46px; border-radius:7px; font-family:STKaiti,"KaiTi",serif; font-size:21px; }.landing-topbar nav { display:none; }.home-menu { width:42px; height:42px; padding:0; border:0; color:var(--ink); background:transparent; font-size:30px; line-height:1; }.landing-mobile-nav { position:absolute; z-index:8; top:72px; right:20px; display:grid; min-width:144px; overflow:hidden; border:1px solid rgba(7,63,53,.18); border-radius:4px; background:rgba(248,247,240,.98); box-shadow:0 12px 24px rgba(34,48,40,.16); }.landing-mobile-nav[hidden] { display:none; }.landing-mobile-nav a,.landing-mobile-nav button { padding:12px 16px; border:0; border-bottom:1px solid rgba(7,63,53,.12); color:var(--ink); background:transparent; font-size:14px; text-align:left; }.landing-mobile-nav button { border-bottom:0; color:var(--verm); font-weight:700; }.landing-hero { display:block; min-height:auto; padding:42px 24px 14px; }.hero-copy { max-width:none; }.eyebrow { gap:10px; font-size:13px; }.eyebrow i { width:48px; }.hero-copy h1 { margin:20px 0 18px; font-size:33px; line-height:1.25; letter-spacing:0; }.hero-copy > p { max-width:340px; margin-bottom:25px; font-size:15px; line-height:1.72; }.hero-actions { align-items:stretch; gap:17px; }.landing-hero .start { width:100%; min-width:0; padding:15px 18px; font-size:19px; }.landing-hero .text-action { align-self:center; color:#315247; font-size:16px; }.landing-hero .text-action b { display:none; }.landing-wheel-panel { width:100%; padding:34px 0 22px; border:0; border-radius:0; background:transparent; box-shadow:none; }.landing-wheel { position:relative; width:min(100%,310px); padding:48px; border:1px solid rgba(181,142,77,.65); box-shadow:0 12px 24px rgba(34,48,40,.16); }.landing-wheel-inner { position:relative; z-index:1; }.landing-wheel-inner strong { font-size:36px; }.landing-wheel-school { position:absolute; z-index:2; color:#fff; font-family:STKaiti,"KaiTi",serif; font-size:25px; font-weight:700; line-height:1; text-shadow:0 1px 2px rgba(7,63,53,.26); }.school-ru { top:16%; right:27%; }.school-mo { top:45%; right:9%; }.school-dao { right:26%; bottom:15%; }.school-fa { bottom:15%; left:26%; }.school-bing { top:45%; left:9%; }.school-ming { top:16%; left:27%; }.landing-wheel-panel > p { margin-top:18px; font-size:13px; letter-spacing:3px; }.method-strip { display:grid; margin:0 24px 36px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.method-strip article { position:relative; min-height:0; padding:24px 44px 23px 0; }.method-strip h2 { margin:7px 0 6px; font-size:24px; }.method-strip p { font-size:14px; line-height:1.65; }.method-arrow { position:absolute; top:50%; right:2px; display:block; color:#8b6b35; font-size:25px; font-weight:400; transform:translateY(-50%); } }
@media (max-width:640px) { .landing-topbar { display:none; }.landing-main { min-height:0; }.landing-reference-art { display:block; width:100%; height:auto; }.landing-main > .ink-scene,.landing-main > .landing-hero,.landing-main > .method-strip { display:none; }.landing-reference-actions { position:absolute; inset:0; z-index:3; pointer-events:none; }.landing-reference-actions button,.landing-reference-actions a { position:absolute; display:block; border:0; background:transparent; pointer-events:auto; }.landing-reference-actions button:focus-visible,.landing-reference-actions a:focus-visible { outline:2px solid var(--verm); outline-offset:3px; }.landing-reference-actions #reference-start { top:25.4%; left:12.5%; width:75%; height:4.8%; }.landing-reference-actions #reference-method { top:31.5%; left:30%; width:40%; height:3.1%; }.landing-reference-actions #reference-menu { top:1.4%; right:7%; width:13%; height:4%; }.landing-mobile-nav { position:absolute; top:68px; right:18px; z-index:10; } .result-path-school { margin:20px 0 5px; color:var(--verm); font-size:14px; font-weight:700; letter-spacing:2px; }.report-intro .result-path-title { margin:0; font-size:64px; }.result-path-source { margin:12px 0 14px; color:#8b6b35; font-family:STKaiti,"KaiTi",serif; font-size:23px; line-height:1.35; }.report-intro .result-school { margin:0 0 14px; color:#466158; font-size:14px; line-height:1.65; }.result-main { padding-top:0; }.result-main .topbar { display:none; }.report-hero { gap:0; padding:42px 0 36px; }.report-intro blockquote { margin-top:24px; }.hex-panel { margin-top:24px; border-radius:12px; background:rgba(255,255,255,.5); }.portrait-section,.source-section,.evidence-section,.scene-grid,.guidance-section,.quote-section { padding:38px 0; }.portrait-section > p { font-size:17px; line-height:1.85; }.source-card { border-radius:12px; }.evidence-section { display:block; }.evidence-card { margin-top:30px; padding-top:28px; }.meters { gap:21px; }.meter { position:relative; padding-left:52px; }.meter::before { position:absolute; left:0; top:1px; display:grid; width:38px; height:38px; place-items:center; border-radius:50%; color:#fff; background:var(--meter); font-family:STKaiti,"KaiTi",serif; font-size:23px; content:attr(data-strategy); }.meter-label { display:block; min-height:39px; padding-top:1px; }.meter-label span:first-child { display:block; font-size:17px; }.meter-label span:last-child { position:absolute; top:8px; right:0; padding:4px 9px; border-radius:999px; background:rgba(7,63,53,.06); font-size:11px; }.meter-line { margin-top:7px; height:10px; border-radius:999px; }.meter-line span { border-radius:999px; }.scene-grid > div { gap:0; margin:20px 0 0; }.scene-grid article { padding:23px 0; }.scene-grid article h2 { font-size:25px; }.scene-grid article p { font-size:16px; line-height:1.8; }.guidance-grid article,.quote-section blockquote { padding:22px 0; }.guidance-grid article { border:1px solid rgba(7,63,53,.12); border-radius:12px; padding:20px; margin:10px 0; background:rgba(255,255,255,.4); }.guidance-grid article:last-child { border-bottom:1px solid rgba(7,63,53,.12); }.quote-section blockquote { border:1px solid rgba(7,63,53,.12); border-radius:12px; padding:20px; margin:10px 0; background:rgba(255,255,255,.4); }.quote-section blockquote:last-child { border-bottom:1px solid rgba(7,63,53,.12); } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; } }