:root{--primary:rgb(70,139,223);--primary-50:#f3f8fe;--primary-100:#e9f3ff;--primary-200:#cfe2fa;--primary-500:#468bdf;--primary-600:#3076cd;--primary-700:#255da8;--gradient:linear-gradient(115deg,#f8fbff,#eaf3ff);--text:#1e344c;--muted:#687b90;--border:#e4ebf3;--background:#fff;--surface:#f7f9fc;--success:#198968;--warning:#ac7419;--radius-sm:10px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-pill:999px;--shadow-sm:0 4px 16px #223b5c09;--shadow-md:0 12px 32px #24426812;--shadow-lg:0 28px 75px #2442681c;--content-width:1200px;--transition-fast:180ms ease;--transition-base:230ms ease;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--background);color:var(--text);font:400 16px/1.8 var(--font);overflow-x:clip}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e1ac43;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.22;letter-spacing:-.032em;font-weight:550}h1{font-size:clamp(36px,5vw,62px);max-width:13em}h2{font-size:clamp(28px,3.2vw,41px)}h3{font-size:clamp(19px,2vw,23px)}p{color:var(--muted)}.container{width:min(var(--content-width),calc(100% - 48px));margin-inline:auto}.section{padding-block:clamp(58px,7vw,102px)}.eyebrow{font-size:13px;letter-spacing:.09em;font-weight:600;color:var(--primary-700);display:inline-block;margin-bottom:18px}.lead{font-size:clamp(16px,1.45vw,19px);max-width:720px;line-height:1.85}.site-header{position:sticky;top:0;z-index:100;background:#ffffffd9;backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:var(--transition-base)}.site-header.scrolled{border-bottom-color:var(--border);box-shadow:var(--shadow-sm)}.nav-wrap{height:82px;display:flex;align-items:center;gap:26px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:22px;font-weight:600;white-space:nowrap}.brand img{object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:clamp(11px,1.5vw,25px);margin-left:auto;font-size:14px;font-weight:500}.desktop-nav a{white-space:nowrap;color:#51657d;transition:color var(--transition-fast)}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--primary-700)}.desktop-langs{display:flex;gap:9px;align-items:center;font-size:13px;white-space:nowrap}.desktop-langs .active,.drawer-langs .active{color:var(--primary-700);font-weight:600}.desktop-langs span{color:#bbc7d4}.menu-toggle{display:none;margin-left:auto;border:1px solid var(--border);background:#fff;border-radius:10px;width:45px;height:45px;color:var(--text);cursor:pointer}.mobile-drawer{position:fixed;z-index:220;right:0;top:0;height:100dvh;width:min(85vw,360px);background:white;box-shadow:var(--shadow-lg);transform:translateX(105%);transition:transform var(--transition-base);display:flex;flex-direction:column;padding:26px 24px;visibility:hidden}.mobile-drawer.open{transform:translateX(0);visibility:visible}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.drawer-close{height:44px;width:44px;background:var(--surface);border:0;border-radius:10px}.mobile-drawer nav{display:grid;gap:4px;overflow-y:auto}.mobile-drawer nav a{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-weight:500}.drawer-langs{margin-top:auto;border-top:1px solid var(--border);padding-top:18px;display:flex;justify-content:space-evenly}.drawer-overlay{position:fixed;inset:0;background:#15284060;z-index:210}.drawer-overlay[hidden]{display:none}body.drawer-open{overflow:hidden}.download-jump{position:fixed;right:14px;top:38%;z-index:110;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;width:80px;height:80px;border-radius:11px;color:#fff;background:var(--primary);box-shadow:0 14px 30px #468bdf47;font-size:25px;line-height:1.2;font-weight:500;transition:transform var(--transition-fast)}.download-jump span{font-size:13px;overflow-wrap:anywhere;text-align:center}.download-jump:hover{transform:translateX(-3px)}body.drawer-open .download-jump{visibility:hidden}.hero{display:grid;grid-template-columns:5fr 7fr;align-items:center;gap:clamp(30px,5vw,80px);min-height:620px;padding-block:70px}.hero-copy{position:relative;z-index:1}.hero-copy h1{max-width:11em}.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.hero-tags span{background:var(--surface);border:1px solid var(--border);font-size:13px;padding:7px 11px;border-radius:var(--radius-pill)}.text-link{color:var(--primary-700);font-weight:600;border-bottom:1px solid var(--primary-200);padding-bottom:6px}.hero-stage{position:relative;display:grid;place-items:center;min-height:530px}.hero-glow{position:absolute;inset:12% 6%;border-radius:50%;background:radial-gradient(circle,#dcecff 5%,#eff6ff90 50%,transparent 73%);filter:blur(10px)}.hero-app{position:relative;z-index:1;max-height:480px;width:80%;object-fit:contain;filter:drop-shadow(0 25px 38px #2c6daf16)}.floating-status{position:absolute;z-index:2;border:1px solid var(--border);background:#ffffffee;border-radius:12px;padding:12px 16px;font-size:13px;box-shadow:var(--shadow-md)}.floating-top{top:13%;left:1%}.floating-bottom{right:2%;bottom:18%}.principle-strip{border-block:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr);padding-block:24px;gap:20px}.principle-strip>div{display:flex;gap:12px;align-items:baseline;border-right:1px solid var(--border);padding-right:8px}.principle-strip>div:last-child{border:0}.principle-strip strong{font-size:13px;font-weight:500}.principle-num{color:var(--primary);font-size:12px}.section-heading{max-width:800px;margin-bottom:34px}.section-heading p{max-width:680px}.showcase-grid{display:grid;grid-template-columns:7fr 5fr;gap:38px;align-items:center}.wallet-mock{background:white;border:1px solid var(--border);border-radius:24px;padding:clamp(22px,3vw,40px);box-shadow:var(--shadow-md);max-width:100%;min-width:0}.mock-top,.mock-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.mock-top span:first-child{font-weight:600}.mock-top small,.token-row small{display:block;font-weight:400;color:var(--muted)}.status-dot{font-size:12px;color:var(--success)}.balance-label{color:var(--muted);font-size:13px;margin-top:30px}.balance{font-size:clamp(30px,4vw,48px);letter-spacing:-.035em;font-weight:550}.mock-actions{display:flex;gap:9px;flex-wrap:wrap;padding:22px 0;border-bottom:1px solid var(--border)}.mock-actions span{font-size:13px;background:var(--primary-50);padding:7px 13px;border-radius:9px}.token-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--border);padding:14px 0;font-size:14px}.token-row strong{margin-left:auto;font-weight:500;white-space:nowrap}.token-symbol{display:grid;place-items:center;width:37px;height:37px;background:var(--primary-100);border-radius:50%;font-weight:600;color:var(--primary-700)}.token-row b{font-weight:600}.mock-bottom{padding-top:20px;font-size:12px;color:var(--muted)}.showcase-side{min-width:0}.artwork{display:grid;place-items:center;min-width:0;background:var(--primary-50);border:1px solid var(--border);border-radius:22px;padding:clamp(14px,2vw,30px)}.artwork img{width:100%;height:auto;max-height:355px;object-fit:contain}.showcase-side .artwork{margin-bottom:22px}.chapter-link{display:inline-flex;justify-content:space-between;align-items:center;gap:14px;color:var(--primary-700);font-weight:500;min-height:44px;max-width:100%}.chapter-link:hover{transform:translateX(3px)}.journey,.architecture{background:var(--primary-50)}.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.journey-step{padding:26px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;min-height:255px}.journey-top{display:flex;justify-content:space-between;align-items:center}.step-num{font-size:24px;color:var(--primary);font-weight:550}.step-emoji{font-size:25px}.journey-step h3{margin:14px 0}.journey-step p{font-size:14px;line-height:1.8}.journey-step a{margin-top:auto;color:var(--primary-700);font-size:14px;font-weight:500}.feature-split{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,5vw,70px);align-items:center;margin-block:clamp(35px,5vw,75px)}.feature-split.reverse{grid-template-columns:7fr 5fr}.feature-split.reverse .feature-content{order:2}.feature-content{max-width:520px}.feature-content p{margin-bottom:25px}.feature-split .artwork{min-height:280px}.architecture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.architecture-grid article{padding:22px 0;border-top:1px solid #c6d9ee}.arch-number{display:block;font-size:52px;color:var(--primary);font-weight:400;line-height:1.4}.chapters{display:grid;grid-template-columns:4fr 8fr;gap:55px}.chapter-list{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.chapter-row{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--border)}.chapter-row>span{font-size:13px;color:var(--primary)}.chapter-row .chapter-link{flex:1;font-size:15px;padding:12px 0}.scenario-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.scenario{grid-column:span 2;border:1px solid var(--border);border-radius:16px;padding:26px;background:#fff}.scenario:nth-child(1),.scenario:nth-child(2){grid-column:span 3}.scenario p{font-size:14px}.icon-badge{display:grid;place-items:center;background:var(--primary-50);border-radius:12px;width:50px;height:50px;font-size:24px;margin-bottom:24px}.risk-section{background:#edf5fd}.risk-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.risk-checks{display:grid;grid-template-columns:1fr 1fr;gap:14px}.risk-checks div{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;min-height:90px}.faq-list{max-width:100%;border-top:1px solid var(--border)}.faq-item{border-bottom:1px solid var(--border)}.faq-question{width:100%;border:0;background:transparent;display:flex;justify-content:space-between;gap:18px;align-items:center;text-align:left;min-height:70px;padding:15px 5px;color:var(--text);font-weight:500;cursor:pointer}.faq-question[aria-expanded=true]{color:var(--primary-700)}.faq-question .plus{font-size:22px;color:var(--primary);flex-shrink:0}.faq-answer{padding:0 35px 16px 5px}.faq-answer[hidden]{display:none}.center-text{text-align:center;margin-top:25px}.page-hero{padding-block:clamp(65px,8vw,118px) clamp(35px,4vw,60px);border-bottom:1px solid var(--border)}.page-hero h1{max-width:850px}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:35px}.breadcrumb a:hover{color:var(--primary-700)}.guide-layout{display:grid;grid-template-columns:minmax(0,8fr) minmax(250px,4fr);gap:45px;align-items:start}.guide-article{min-width:0}.guide-visual .artwork{margin-bottom:38px}.guide-article h2{font-size:clamp(25px,2.8vw,34px);margin-top:35px}.guide-steps{border-top:1px solid var(--border)}.guide-step{display:grid;grid-template-columns:50px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--border)}.guide-step h3{margin-bottom:7px}.guide-step p{margin-bottom:0}.guide-aside{position:sticky;top:112px}.checklist,.aside-note{border:1px solid var(--border);border-radius:18px;padding:25px;background:var(--surface);margin-bottom:18px}.checklist label{display:flex;align-items:start;gap:8px;padding:10px 0;border-top:1px solid var(--border);font-size:14px}.checklist input{accent-color:var(--primary);width:18px;height:18px;margin-top:5px;flex-shrink:0}.notice{padding:18px 20px;border-left:3px solid #dca34b;background:#fff9ee;border-radius:8px;color:#735321;margin:24px 0}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.related-grid .chapter-link{padding:17px 20px;border:1px solid var(--border);border-radius:13px;min-height:75px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps-grid article{border-top:2px solid var(--primary);padding:16px;background:var(--surface)}.download-cta{background:var(--gradient);padding:clamp(65px,8vw,108px) 0;text-align:center}.download-cta-inner{display:flex;align-items:center;flex-direction:column}.download-cta h2{max-width:820px}.download-cta p{max-width:650px}.download-btn{display:inline-flex;align-items:center;justify-content:center;min-width:240px;min-height:70px;padding:17px 32px;background:var(--primary);color:#fff;border-radius:12px;font-size:21px;font-weight:550;box-shadow:0 12px 28px #468bdf3a;margin-top:22px;transition:transform var(--transition-fast),background var(--transition-fast)}.download-btn:hover{background:var(--primary-600);transform:translateY(-3px)}.footer{padding:62px 0;background:#f8fafd;border-top:1px solid var(--border)}.footer-grid{display:grid;grid-template-columns:1.2fr 1.5fr 1fr;gap:55px}.footer-grid nav{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:6px 18px}.footer-grid nav strong{grid-column:1/-1}.footer-grid a:not(.brand){color:var(--muted);font-size:13px}.footer-grid p{font-size:14px}.footer strong{font-weight:550}.reveal{transition:transform .55s ease,opacity .55s ease}.js-ready .reveal:not(.visible){opacity:0;transform:translateY(18px)}
@media(max-width:1100px){.desktop-nav,.desktop-langs{display:none}.menu-toggle{display:block}.hero{grid-template-columns:1fr 1fr}.hero-stage{min-height:440px}.floating-top{left:0}.floating-bottom{right:0}}
@media(max-width:768px){.container{width:calc(100% - 40px)}.nav-wrap{height:70px}.hero{grid-template-columns:1fr;min-height:0;padding-block:52px}.hero-copy h1{max-width:100%}.hero-stage{min-height:310px}.hero-app{max-height:340px;max-width:70%}.floating-status{position:relative;top:auto;right:auto;bottom:auto;left:auto;display:inline-block;font-size:12px;padding:9px 12px}.hero-stage{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:10px}.hero-glow{inset:10%}.principle-strip{grid-template-columns:1fr 1fr}.principle-strip>div:nth-child(2){border:0}.showcase-grid,.feature-split,.feature-split.reverse,.risk-grid,.chapters,.guide-layout{grid-template-columns:1fr}.feature-split.reverse .feature-content{order:0}.journey-grid{grid-template-columns:1fr 1fr}.architecture-grid{grid-template-columns:1fr}.scenario-grid{grid-template-columns:1fr 1fr}.scenario,.scenario:nth-child(1),.scenario:nth-child(2){grid-column:span 1}.guide-aside{position:static}.steps-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.download-jump{width:68px;height:68px;top:40%;right:12px}.download-jump span{font-size:12px}.download-btn{width:min(72vw,310px);min-height:62px}.feature-split{margin-block:38px}.feature-split .artwork{min-height:180px}}
@media(max-width:480px){body{font-size:15px}.container{width:calc(100% - 36px)}h1{font-size:clamp(34px,9.5vw,40px)}h2{font-size:clamp(26px,7.5vw,31px)}.hero{padding-block:42px}.hero-stage{min-height:270px}.hero-app{max-height:245px}.principle-strip{gap:10px}.principle-strip>div{display:block}.principle-strip strong{display:block}.journey-grid,.scenario-grid,.chapter-list,.related-grid,.risk-checks,.steps-grid,.footer-grid{grid-template-columns:1fr}.journey-step{min-height:auto;padding:22px}.scenario,.scenario:nth-child(1),.scenario:nth-child(2){grid-column:auto}.footer-grid>div:first-child{grid-column:auto}.wallet-mock{padding:17px}.token-row{gap:9px;font-size:12px}.token-row strong{font-size:11px}.token-symbol{width:29px;height:29px;flex-shrink:0}.balance{font-size:31px}.mock-actions span{font-size:11px;padding:6px 9px}.download-jump{width:64px;height:64px;right:12px;top:43%;font-size:23px}.download-jump span{font-size:11px}.chapter-row{gap:8px}.faq-question{padding-right:5px}.footer-grid nav{grid-template-columns:1fr 1fr}.guide-step{grid-template-columns:35px 1fr;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-ready .reveal:not(.visible){opacity:1;transform:none}}