:root{--primary:rgb(70,139,223);--primary-50:#f3f8ff;--primary-100:#e7f1ff;--primary-200:#cce1fa;--primary-500:#468bdf;--primary-600:#2872c9;--primary-700:#1858a0;--gradient:linear-gradient(145deg,#eff7ff,#f9fcff 72%);--text:#192b45;--muted:#5e728e;--line:#dae5f1;--bg:#fff;--soft:#f7f9fc;--green:#18794e;--amber:#926514;--shadow-sm:0 5px 20px rgba(36,77,131,.055);--shadow-md:0 16px 50px rgba(36,77,131,.10);--shadow-lg:0 25px 80px rgba(36,77,131,.14);--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:26px;--radius-pill:999px;--container:1200px;--transition-fast:180ms ease;--transition-base:240ms ease;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.78 var(--font);overflow-x:hidden}body.menu-open{overflow:hidden}a{color:var(--primary-700);text-decoration:none;transition:color var(--transition-fast),transform var(--transition-fast)}a:hover{color:var(--primary-600)}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #ffa946;outline-offset:4px}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:550;line-height:1.23;letter-spacing:-.025em}h1{font-size:clamp(35px,4.4vw,62px);max-width:900px}h2{font-size:clamp(27px,3vw,42px)}h3{font-size:clamp(19px,1.5vw,24px)}p{color:var(--muted)}.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}.section{padding-block:clamp(56px,7vw,100px)}.section-tint{background:var(--soft)}.eyebrow{font-size:13px;font-weight:600;letter-spacing:.09em;color:var(--primary-700);text-transform:uppercase;margin-bottom:16px}.lead{font-size:clamp(17px,1.8vw,20px);line-height:1.82;max-width:760px}.section-head{max-width:800px;margin-bottom:38px}.section-head p:last-child{font-size:17px}.text-link,.split-copy>a,.chapter-list a,.related a,.guide-step a{font-weight:550}.skip-link{position:absolute;top:-100px;left:12px;background:white;z-index:200;padding:12px}.skip-link:focus{top:12px}.navbar{position:sticky;top:0;z-index:50;height:82px;background:rgba(255,255,255,.94);border-bottom:1px solid transparent;transition:box-shadow var(--transition-base),border-color var(--transition-base);backdrop-filter:blur(15px)}.navbar.scrolled{box-shadow:var(--shadow-sm);border-bottom-color:var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:20px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;color:var(--text);font-size:22px;font-weight:600}.brand img{object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:clamp(10px,1.5vw,22px)}.desktop-nav a{font-size:14px;color:#52647c;font-weight:500;white-space:nowrap}.desktop-nav a[aria-current],.desktop-nav a:hover{color:var(--primary-700)}.language{display:flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap}.language a{color:var(--muted)}.language a[aria-current]{color:var(--primary-700);font-weight:600}.language span{color:#b1c1d0}.menu-toggle{display:none;width:46px;height:46px;border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{width:20px;height:2px;background:var(--text)}.drawer-overlay{position:fixed;inset:0;background:rgba(10,30,56,.42);z-index:80}.drawer-overlay[hidden]{display:none}.drawer{position:fixed;top:0;right:0;height:100dvh;width:84%;max-width:360px;background:#fff;z-index:90;display:flex;flex-direction:column;transform:translateX(105%);visibility:hidden;transition:transform var(--transition-base),visibility var(--transition-base);padding:25px}.drawer.open{transform:translateX(0);visibility:visible}.drawer-top{display:flex;justify-content:space-between;align-items:center}.drawer-top strong{font-size:22px;font-weight:600}.drawer-close{border:0;background:var(--primary-50);width:44px;height:44px;border-radius:10px}.drawer-links{margin-top:28px;display:flex;flex-direction:column;overflow-y:auto}.drawer-links a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 4px;color:var(--text);font-weight:500}.drawer-language{margin-top:auto;padding-top:22px;font-size:16px}.download-jump{position:fixed;right:14px;top:39%;width:78px;height:78px;z-index:65;background:var(--primary);color:#fff!important;border-radius:11px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font-weight:600;font-size:13px;line-height:1.3;text-align:center}.download-jump .arrow{font-size:28px;line-height:1.1}.download-jump:hover{transform:translateX(-3px);background:var(--primary-600)}.hero{padding-top:clamp(45px,5vw,82px)}.hero-grid{display:grid;grid-template-columns:5fr 7fr;align-items:center;gap:40px;min-height:530px}.hero-copy{position:relative;z-index:1}.hero-copy .lead{max-width:520px}.hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0}.hero-tags span{font-size:13px;background:#f3f8fd;border:1px solid var(--line);border-radius:var(--radius-pill);padding:8px 12px;white-space:nowrap}.hero-stage{position:relative;min-height:520px;display:grid;place-items:center;isolation:isolate}.hero-app{position:relative;z-index:2;width:min(74%,450px);max-height:510px;object-fit:contain;filter:drop-shadow(0 20px 28px rgba(37,77,135,.10))}.orb{position:absolute;border-radius:50%;filter:blur(6px);z-index:0}.orb-a{background:#e8f3ff;width:82%;aspect-ratio:1;left:10%;top:8%}.orb-b{background:#f4f9ff;width:36%;aspect-ratio:1;right:2%;bottom:8%}.float-card{position:absolute;z-index:3;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-md);padding:13px 15px;display:flex;align-items:center;gap:10px;border-radius:13px;min-width:165px}.float-card>span{font-size:23px}.float-card strong,.float-card small{display:block}.float-card strong{font-size:14px;font-weight:550}.float-card small{font-size:12px;color:var(--muted)}.float-a{top:19%;right:1%}.float-b{bottom:15%;left:1%}.principle-strip{border-block:1px solid var(--line)}.principles{display:grid;grid-template-columns:repeat(4,1fr)}.principles>div{padding:25px 15px;display:flex;gap:9px;align-items:center;border-right:1px solid var(--line)}.principles>div:last-child{border:0}.principles small{color:#8c9daf}.principles strong{font-size:14px;font-weight:550}.showcase-grid{display:grid;grid-template-columns:5fr 7fr;gap:6%;align-items:center}.illustration{display:flex;justify-content:center;align-items:center;background:var(--primary-50);border:1px solid #e3edfa;border-radius:var(--radius-lg);padding:clamp(18px,3vw,34px);width:100%;min-width:0}.illustration img{object-fit:contain;max-height:330px;max-width:100%;width:auto}.showcase-text .illustration{max-width:410px}.wallet-panel{padding:30px 36px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:var(--radius-xl);min-width:0}.wallet-top,.wallet-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.status-dot{color:var(--green)}.wallet-label{font-size:13px;margin:34px 0 0}.wallet-number{font-size:clamp(32px,4vw,48px);font-weight:550;letter-spacing:-.04em;line-height:1.3}.wallet-trend{font-size:12px;color:var(--green);margin-bottom:25px}.token-row{display:flex;gap:16px;align-items:center;border-top:1px solid var(--line);padding:14px 0}.token-row>div{flex:1}.token-row strong,.token-row small{display:block}.token-row strong{font-weight:550}.token-row small{color:var(--muted);font-size:12px}.token-row>span:last-child{font-size:14px;white-space:nowrap}.token-symbol{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:var(--primary-100);color:var(--primary-700);font-size:20px}.wallet-bottom{padding-top:20px;border-top:1px solid var(--line);flex-wrap:wrap}.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.journey-step{border:1px solid var(--line);border-radius:var(--radius-md);padding:28px;background:#fff;display:flex;flex-direction:column;min-width:0;transition:transform var(--transition-base),box-shadow var(--transition-base)}.journey-step:hover,.scenario-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.step-num{font-size:13px;letter-spacing:.12em;color:var(--primary-600)}.step-icon{font-size:26px;margin-top:10px}.journey-step h3{margin:14px 0}.journey-step p{font-size:14px;flex:1}.journey-step a{font-size:14px;font-weight:550}.split{display:grid;grid-template-columns:5fr 7fr;align-items:center;gap:clamp(30px,5vw,80px)}.split.reverse{grid-template-columns:7fr 5fr}.split.reverse .split-copy{order:2}.split-copy{max-width:570px}.split-copy p{font-size:17px}.split-copy .inline-note{margin-bottom:24px}.inline-note{padding:14px 17px;border-left:3px solid var(--primary);background:var(--primary-50);color:var(--text);font-size:14px}.architecture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.architecture-row{border-top:1px solid var(--primary-200);padding-top:20px}.architecture-row>span{color:var(--primary-600)}.icon-badge{width:55px;height:55px;border-radius:14px;display:grid;place-items:center;background:var(--primary-100);margin:20px 0;font-size:25px}.architecture-row p{max-width:330px}.chapter-layout{display:grid;grid-template-columns:5fr 7fr;gap:8%}.chapter-list a{padding:16px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:36px 36px 1fr 25px;align-items:center;gap:10px;color:var(--text)}.chapter-list a:hover{transform:translateX(3px);color:var(--primary-600)}.chapter-list a small{color:var(--muted)}.chapter-list a strong{font-weight:550}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.scenario-card{padding:28px;border:1px solid var(--line);background:#fff;border-radius:var(--radius-md);transition:transform var(--transition-base)}.scenario-card:nth-child(2),.scenario-card:nth-child(5){background:var(--primary-50)}.scenario-card h3{font-size:21px}.scenario-card p{font-size:14px}.risk-layout,.faq-layout{display:grid;grid-template-columns:4fr 8fr;gap:7%}.risk-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.risk-list>div{border-top:1px solid var(--line);padding-top:20px;display:flex;gap:10px}.risk-list h3{font-size:18px}.risk-list p{font-size:14px}.faq-list{min-width:0}.faq-item{border-bottom:1px solid var(--line)}.faq-item h3{margin:0}.faq-question{border:0;background:transparent;width:100%;padding:22px 0;display:flex;justify-content:space-between;text-align:left;align-items:center;gap:20px;color:var(--text);font-size:17px;font-weight:550}.faq-question span{font-size:24px;color:var(--primary-600);transition:transform var(--transition-fast)}.faq-question[aria-expanded=true] span{transform:rotate(45deg)}.faq-answer{padding-bottom:14px;max-width:760px}.faq-answer[hidden]{display:none}.faq-answer p{margin-bottom:12px}.download-cta{background:var(--gradient);border-block:1px solid var(--line);text-align:center}.cta-body{max-width:790px}.cta-body p{max-width:600px;margin-left:auto;margin-right:auto}.download-btn{scroll-margin-top:120px;display:inline-flex;align-items:center;justify-content:center;margin-top:20px;width:clamp(220px,24vw,280px);min-height:70px;padding:17px 22px;border-radius:12px;background:var(--primary);color:#fff!important;font-weight:600;font-size:19px;box-shadow:var(--shadow-md)}.download-btn:hover{background:var(--primary-600);transform:translateY(-2px)}.site-footer{padding:62px 0 20px;background:#fff}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px}.footer-brand{font-size:25px;color:var(--text);font-weight:600}.footer-grid h3{font-size:15px}.footer-grid a:not(.footer-brand){display:block;margin-bottom:9px;font-size:14px}.footer-grid p{font-size:14px}.footer-grid .fineprint{font-size:12px}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-top:20px;margin-top:40px;font-size:12px;color:var(--muted)}.page-intro{background:var(--gradient);padding-block:clamp(55px,6vw,95px)}.page-intro h1{max-width:920px}.page-intro .lead{max-width:780px}.breadcrumb{display:flex;gap:9px;font-size:13px;margin-bottom:30px;color:var(--muted)}.guide-layout{display:grid;grid-template-columns:8fr 4fr;gap:6%;align-items:start}.guide-steps{display:grid;gap:12px;margin-top:25px}.guide-step{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--line)}.guide-step>span{font-size:25px;font-weight:500;color:var(--primary-600)}.guide-step h3{font-size:21px}.check-panel,.info-panel{padding:26px;border-radius:var(--radius-md);border:1px solid var(--line);background:#fff}.check-panel .illustration{margin-bottom:24px}.check-panel .illustration img{max-height:230px}.check-panel h3{font-size:20px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.info-panel h3{margin-top:17px}.wallet-mini{padding:22px;background:var(--primary-50);border-radius:14px;margin-top:22px}.wallet-mini span,.wallet-mini strong{display:block}.wallet-mini span{font-size:13px;color:var(--muted)}.wallet-mini strong{margin-top:9px;font-size:21px;font-weight:550}.related{display:grid;grid-template-columns:1fr 2fr;gap:36px;border-top:1px solid var(--line);padding-top:34px}.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-links a{padding:18px;border-radius:12px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.related-links a:hover{border-color:var(--primary)}[data-reveal]{transition:transform .55s ease,opacity .55s ease}[data-reveal].visible{transform:translateY(0)}
@media(max-width:1100px){.desktop-nav,.desktop-lang{display:none}.menu-toggle{display:flex}.hero-grid{gap:12px}.float-a{right:0}.float-b{left:0}.principles{grid-template-columns:repeat(2,1fr)}.principles>div:nth-child(2){border-right:0}.principles>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.architecture-grid{gap:15px}}
@media(max-width:768px){.navbar{height:70px}.container{width:calc(100% - 36px)}.section{padding-block:clamp(46px,9vw,66px)}.hero-grid,.showcase-grid,.split,.split.reverse,.chapter-layout,.risk-layout,.faq-layout,.guide-layout,.related{grid-template-columns:1fr;gap:30px}.split.reverse .split-copy{order:0}.hero-stage{min-height:360px}.hero-app{max-height:335px;width:min(68%,320px)}.float-card{position:relative;top:auto;left:auto;right:auto;bottom:auto;min-width:0;padding:10px;margin:8px 3px;font-size:12px}.hero-stage{display:flex;flex-wrap:wrap;align-content:center;justify-content:center}.hero-stage>.hero-app{flex-basis:100%;margin:auto}.hero-stage .orb{top:8%;left:15%;width:70%;height:65%}.journey-grid,.scenario-grid,.three-col{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-grid{grid-template-columns:1fr}.architecture-row{display:grid;grid-template-columns:40px 60px 1fr;align-items:center;gap:14px}.architecture-row p{grid-column:3}.chapter-layout .illustration{display:none}.download-jump{width:68px;height:68px;font-size:11px;right:10px;top:44%;box-shadow:0 7px 20px #468bdf38}.download-jump .arrow{font-size:24px}.hero-copy .lead,.page-intro .lead{max-width:620px}.wallet-panel{padding:22px}.footer-grid{grid-template-columns:repeat(2,1fr)}.related-links{grid-template-columns:1fr}.risk-list{grid-template-columns:1fr 1fr}.section-head{margin-bottom:24px}.download-btn{width:min(70vw,280px);min-height:62px}}
@media(max-width:480px){.container{width:calc(100% - 36px)}.brand{font-size:20px}.principles{grid-template-columns:1fr}.principles>div{border-right:0;border-bottom:1px solid var(--line)!important;padding:15px 5px}.principles>div:last-child{border-bottom:0!important}.journey-grid,.scenario-grid,.three-col,.risk-list{grid-template-columns:1fr}.journey-step,.scenario-card{padding:23px}.hero-tags{gap:6px}.hero-tags span{font-size:12px}.wallet-panel{padding:18px}.wallet-top{flex-wrap:wrap}.wallet-number{font-size:33px}.token-row{gap:9px}.token-row>span:last-child{font-size:12px}.token-symbol{width:35px;height:35px}.download-jump{width:64px;height:64px;right:8px;top:47%}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.architecture-row{grid-template-columns:30px 55px 1fr}.related-links a{padding:13px}.guide-step{grid-template-columns:42px 1fr;gap:10px}.guide-step>span{font-size:21px}.faq-question{font-size:16px}.page-intro h1,.hero h1{font-size:clamp(34px,9vw,40px);overflow-wrap:anywhere}.drawer{padding:20px}.illustration{padding:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
