:root{--blue:#425f88;--ink:#20364f;--gold:#b58c34;--paper:#f5f7fa}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Microsoft YaHei','PingFang SC',sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.locale-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 5%;border-bottom:1px solid #dce3ed;background:#fff}.locale-header img{width:58px;height:58px}.locale-header nav{display:flex;gap:18px;font-size:13px}.locale-header [aria-current]{color:var(--gold)}main{max-width:1320px;margin:auto;padding:0 5%}.hero{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding:76px 0 56px}.eyebrow,.micro{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}h1{font-size:clamp(38px,5.3vw,74px);line-height:1.12;letter-spacing:-2.5px;margin:22px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.hero-copy>p:not(.eyebrow){font-size:17px;max-width:38em;color:#63738a}.cta{display:inline-flex;align-items:center;gap:24px;padding:14px 22px;background:var(--blue);border:0;color:white;border-radius:8px;font-weight:600;font-size:14px}.hero-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:28px}.hero-actions>a:not(.cta){font-size:14px}.visual-stage{position:relative;min-height:430px;display:grid;place-items:center;perspective:900px;background:radial-gradient(ellipse,#e2e8f1 0,transparent 67%)}.orbit{position:absolute;border:1px solid #b58c3455;border-radius:50%;width:330px;height:330px;transform:rotateX(65deg) rotateZ(-24deg);animation:orbit 18s linear infinite}.orbit.two{width:430px;height:430px;transform:rotateX(65deg) rotateZ(35deg);animation-direction:reverse}.hero-ring{position:relative;width:66%;max-height:300px;object-fit:contain;filter:drop-shadow(0 35px 24px #20364f28);animation:float 6s ease-in-out infinite}.floating-label{position:absolute;padding:10px 15px;border:1px solid #fff;background:#ffffffd9;border-radius:10px;box-shadow:0 12px 30px #20364f0c;font-size:12px;backdrop-filter:blur(8px)}.floating-label.top{top:30px;left:5%}.floating-label.bottom{bottom:15px;right:0}.floating-label strong{display:block;color:var(--blue)}.ribbon{display:flex;gap:16px;justify-content:space-between;border-top:1px solid #d9e1ec;border-bottom:1px solid #d9e1ec;padding:20px 0;font-size:13px}.ribbon span::before{content:'✦';color:var(--gold);margin-right:10px}.experience{margin:70px 0;background:#20364f;color:#fff;border-radius:24px;overflow:hidden;box-shadow:0 28px 70px #20364f16}.experience-top{padding:32px 36px 22px;display:flex;justify-content:space-between;align-items:end;gap:20px}.experience h2{font-size:clamp(25px,3vw,40px);line-height:1.2;margin:8px 0}.demo-label{font-size:11px;color:#b9c9dd}.experience-body{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;padding:0 36px 36px}.step-buttons{display:grid;gap:10px;margin:20px 0}.step-buttons button{display:flex;align-items:center;gap:14px;text-align:left;padding:15px 18px;color:#afc0d4;background:#ffffff05;border:1px solid #ffffff20;border-radius:10px;font-size:14px}.step-buttons button[aria-pressed=true]{background:#425f88;color:#fff;border-color:#d0b166}.step-buttons b{color:#d0b166;font-size:12px}.step-copy{font-size:14px;line-height:1.8;color:#c0ccdc;min-height:76px}.meter-track{height:4px;border-radius:4px;background:#ffffff20;overflow:hidden}.meter-fill{width:33.333%;height:100%;background:#d0b166;transition:width .5s}.progress-label{font-size:11px;color:#b9c9dd;margin-top:10px}.signal-panel{border:1px solid #ffffff20;background:#12283e;border-radius:16px;padding:24px;display:flex;flex-direction:column;justify-content:center}.signal-top{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#c3d0df}.signal-dot{width:7px;height:7px;background:#d5b86d;display:inline-block;border-radius:50%;margin-right:7px}.signal-panel svg{width:100%;height:160px;overflow:visible;margin:20px 0}.signal-grid{stroke:#ffffff12;stroke-width:1}.signal-trace{fill:none;stroke:#d3b569;stroke-width:2.5;stroke-dasharray:850;animation:trace 4s ease-out both}.signal-secondary{fill:none;stroke:#7599c8;stroke-width:2;opacity:.8}.signal-axis{display:flex;justify-content:space-between;font-size:10px;color:#8ca3bd}.analysis-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.analysis-chips span{border:1px solid #ffffff20;padding:5px 10px;border-radius:20px;font-size:11px;color:#bfcee0}.section-title{display:flex;justify-content:space-between;gap:30px;align-items:end;margin:40px 0 24px}.section-title h2{font-size:32px;line-height:1.2;margin:0}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.topic{padding:24px;background:white;border:1px solid #dce3ed;border-radius:14px;transition:transform .2s,box-shadow .2s}.topic:hover{transform:translateY(-5px);box-shadow:0 16px 30px #20364f0d}.topic span{color:var(--gold);font-size:12px}.topic h3{font-size:19px;line-height:1.4;margin:22px 0 10px}.topic small{color:#63738a;font-size:12px}.reading{margin:42px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}.reading>section{background:#fff;padding:28px;border:1px solid #dce3ed;border-radius:14px}.reading h2{font-size:20px;margin-top:0}details{border-top:1px solid #e1e6ee;padding:16px 0}summary{cursor:pointer;font-size:14px;font-weight:600}details p{font-size:14px;color:#63738a}.sources{border-left:3px solid var(--gold);padding:16px 20px;background:#edf1f7;margin:24px 0}.sources a{font-size:13px;text-decoration:underline;text-underline-offset:4px}.sources small{display:block;font-size:11px;color:#63738a;margin-top:10px}footer{max-width:1320px;margin:50px auto 0;padding:28px 5%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dce3ed;font-size:12px;color:#63738a}footer nav{display:flex;gap:18px}@keyframes float{50%{transform:translateY(-15px) rotate(-3deg)}}@keyframes orbit{to{transform:rotateX(65deg) rotateZ(336deg)}}@keyframes trace{from{stroke-dashoffset:850}to{stroke-dashoffset:0}}@media(max-width:760px){.hero{grid-template-columns:1fr;padding:38px 0;gap:10px}h1{letter-spacing:-1.3px}.visual-stage{min-height:310px}.orbit{width:240px;height:240px}.orbit.two{width:300px;height:300px}.hero-ring{max-height:230px}.ribbon{flex-wrap:wrap;gap:12px;font-size:11px}.experience{margin:40px 0}.experience-top{padding:24px;align-items:start;flex-direction:column;gap:10px}.experience-body{grid-template-columns:1fr;padding:0 24px 24px;gap:15px}.step-buttons{grid-template-columns:repeat(3,1fr)}.step-buttons button{padding:12px 7px;gap:7px;font-size:12px;flex-direction:column;align-items:start}.step-copy{min-height:60px}.topic-grid{grid-template-columns:1fr 1fr}.topic{padding:20px}.reading{grid-template-columns:1fr}.section-title h2{font-size:27px}.locale-header{padding:15px 5%}.locale-header nav{gap:12px;font-size:11px}.locale-header img{width:46px;height:46px}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html[lang="zh-Hans"] h1 em{font-family:Arial,'Microsoft YaHei','PingFang SC',sans-serif;font-style:normal;font-size:.88em}html[lang="zh-Hans"] h1{letter-spacing:-1px}.floating-label{max-width:90%}@media(max-width:380px){.locale-header nav{gap:9px;font-size:10px}.hero h1{font-size:36px}.floating-label{font-size:10px}.step-buttons button{font-size:11px}.experience-top,.experience-body{padding-left:18px;padding-right:18px}}
.visual-stage{overflow:clip}
.workflow-panel{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:26px;border:1px solid #ffffff20;border-radius:16px;background:#12283e}.workflow-node{display:flex;align-items:center;gap:18px;padding:19px;border:1px solid #ffffff15;border-radius:12px;color:#859ab3;transition:background .3s,color .3s,transform .3s}.workflow-node span{font-size:12px;color:#d0b166}.workflow-node strong{font-size:17px}.workflow-node i{margin-left:auto;font-style:normal}.workflow-node[data-active=true]{color:#fff;background:#425f88;transform:translateX(4px);border-color:#d0b166}.locale-member-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:82%;max-width:360px;aspect-ratio:1.6;padding:25px;border:1px solid #e4c87e;border-radius:18px;color:#f9eac4;background:linear-gradient(130deg,#20364f,#425f88 65%,#b58c34);box-shadow:0 30px 50px #20364f30;transform:rotate(-8deg);animation:float 6s ease-in-out infinite}.locale-member-card strong{font-family:Georgia,serif;font-size:60px;line-height:1}.locale-member-card span{font-size:12px;letter-spacing:4px}.locale-member-card small{font-size:10px;letter-spacing:0}
