@property --ambient{syntax:"<color>";inherits:true;initial-value:#1e5660}
    :root{color-scheme:dark;--bg:#08141c;--ink:#f4f5f2;--muted:#a9b6b8;--line:rgba(231,244,240,.18);--ease:cubic-bezier(.2,.78,.16,1);--move:560ms}
    *{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;overflow-x:hidden}body{background:var(--bg);color:var(--ink);font-family:"DM Sans","Microsoft YaHei UI",sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{color:inherit}a{color:inherit}.skip{position:absolute;z-index:20;left:16px;top:-60px;padding:12px 16px;background:#fff;color:#101820}.skip:focus{top:16px}:focus-visible{outline:2px solid #d6ea76;outline-offset:4px}
    .stage{--ambient:#1e5660;position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:linear-gradient(145deg,#08141c,#0b1b23 58%,#101e22);transition:--ambient 720ms cubic-bezier(.2,.78,.16,1)}
    .stage[data-category="交易接入"]{--ambient:#a76535}.stage[data-category="资金与设备"]{--ambient:#647c36}.stage[data-category="通知与安全"]{--ambient:#34765f}.stage[data-category="平台管理"]{--ambient:#60528f}.stage[data-category="扩展组件"]{--ambient:#934a4c}
    .ambient{position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse 74% 78% at 50% 48%,color-mix(in srgb,var(--ambient) 48%,transparent),transparent 82%),linear-gradient(135deg,color-mix(in srgb,var(--ambient) 33%,#08141c),color-mix(in srgb,var(--ambient) 36%,#0b1b23) 58%,color-mix(in srgb,var(--ambient) 31%,#101e22));opacity:.94;transition:opacity 700ms ease,filter 700ms ease}
    .grid,.grid:after{position:absolute;inset:0;pointer-events:none}.grid{z-index:-2;background-image:linear-gradient(rgba(174,205,201,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(174,205,201,.075) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(transparent,black 17%,black 82%,transparent)}.grid:after{content:"";background:linear-gradient(90deg,#08141c 0%,transparent 20%,transparent 80%,#08141c 100%),linear-gradient(0deg,#08141c 0%,transparent 20%,transparent 86%,#08141c 100%)}
    .orbit{position:absolute;z-index:-1;left:50%;top:44%;width:min(75vw,940px);aspect-ratio:1;border:1px solid rgba(189,220,211,.08);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.orbit:before,.orbit:after{content:"";position:absolute;inset:8%;border:1px solid rgba(189,220,211,.065);border-radius:50%}.orbit:after{inset:22%;border-color:rgba(189,220,211,.045)}
    .header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px clamp(22px,5vw,76px);border-bottom:1px solid rgba(231,244,240,.12);background:rgba(6,18,24,.18);backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none;flex-shrink:0}.brand-mark{display:grid;place-items:center;width:33px;height:33px;border:1px solid rgba(231,244,240,.5);border-radius:50%;font:800 15px Manrope,sans-serif;letter-spacing:-.1em}.brand-name{font:700 13px Manrope,sans-serif;letter-spacing:.11em}.top-nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2.2vw,34px);margin-left:auto}.top-nav a{padding:9px 0;color:rgba(235,242,236,.76);font-size:12px;text-decoration:none;white-space:nowrap;transition:color 160ms ease}.top-nav a:hover{color:#f4d18c}.header-note{color:var(--muted);font-size:12px;letter-spacing:.08em;white-space:nowrap}
    .intro{position:absolute;z-index:1;top:13%;left:50%;width:min(900px,calc(100% - 36px));text-align:center;transform:translateX(-50%);pointer-events:none}.intro h1{margin:0;font:600 clamp(30px,4vw,50px)/1.2 Manrope,"Microsoft YaHei UI",sans-serif;letter-spacing:-.055em}.intro h1 span{color:#e8bd73}.intro p{max-width:76ch;margin:13px auto 0;color:var(--muted);font-size:13px;line-height:1.75}
    .carousel{position:absolute;z-index:2;inset:0;overflow:hidden;perspective:1500px;touch-action:pan-y;cursor:grab;user-select:none}.carousel.is-dragging{cursor:grabbing}.slide{--accent:#bed273;--shift:0px;position:absolute;top:49%;left:calc(50% + var(--shift) + var(--drag-shift,0px));width:min(37vw,470px);min-width:300px;transform:translate(-50%,-50%) translateZ(var(--depth,0px)) scale(var(--scale,1)) rotateY(var(--turn,0deg));transform-origin:center;opacity:0;filter:blur(4px) saturate(.74);z-index:0;transition:transform var(--move) var(--ease),left var(--move) var(--ease),opacity var(--move) var(--ease),filter var(--move) var(--ease);will-change:transform,left,opacity,filter;pointer-events:none}.slide[data-distance="-2"]{--shift:-68vw;--scale:.52;--depth:-110px;--turn:24deg;opacity:.12;filter:blur(2px);z-index:1}.slide[data-distance="-1"]{--shift:-34vw;--scale:.66;--depth:-45px;--turn:17deg;opacity:.48;filter:blur(.45px) saturate(.8);z-index:2;pointer-events:auto}.slide[data-distance="0"]{--shift:0px;--scale:1.22;--depth:45px;--turn:0deg;opacity:1;filter:none;z-index:4;pointer-events:auto}.slide[data-distance="1"]{--shift:34vw;--scale:.66;--depth:-45px;--turn:-17deg;opacity:.48;filter:blur(.45px) saturate(.8);z-index:2;pointer-events:auto}.slide[data-distance="2"]{--shift:68vw;--scale:.52;--depth:-110px;--turn:-24deg;opacity:.12;filter:blur(2px);z-index:1}.slide.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.carousel.is-dragging .slide{transition:none}
    .preview-shell{position:relative;width:100%;aspect-ratio:1.33/1;padding:9px;border:1px solid rgba(233,245,240,.28);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035));box-shadow:0 35px 100px rgba(0,0,0,.48),0 0 70px color-mix(in srgb,var(--accent) 15%,transparent);backdrop-filter:blur(8px);transition:box-shadow var(--move) ease,border-color var(--move) ease}.slide[data-distance="0"] .preview-shell{border-color:rgba(242,255,246,.76);box-shadow:0 34px 100px rgba(0,0,0,.54),0 0 34px color-mix(in srgb,var(--accent) 48%,transparent),0 0 92px color-mix(in srgb,var(--ambient) 38%,transparent),inset 0 0 18px rgba(255,255,255,.13)}.slide[data-distance="0"] .preview-shell:before{content:"";position:absolute;z-index:1;inset:-2px;padding:2px;border-radius:15px;background:conic-gradient(from var(--edge-angle,0deg),rgba(255,255,255,.12),color-mix(in srgb,var(--accent) 92%,white),rgba(255,255,255,.92),color-mix(in srgb,var(--ambient) 92%,white),rgba(255,255,255,.2));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:edge-turn 7s linear infinite}@keyframes edge-turn{to{--edge-angle:360deg}}@property --edge-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.preview-window{position:relative;width:100%;height:100%;overflow:hidden;border-radius:7px;background:#f7f8fa}.preview-window:after{content:"";position:absolute;inset:0;border:1px solid rgba(7,19,28,.12);pointer-events:none}.preview-window iframe{position:absolute;top:0;left:0;width:1200px;height:1100px;border:0;background:#f7f8fa;transform:scale(var(--iframe-scale,.34));transform-origin:top left;pointer-events:none}.preview-loading{position:absolute;inset:0;display:grid;place-items:center;color:#667477;font-size:12px;background:linear-gradient(135deg,#f6f8fa,#e9eff0)}.slide.has-frame .preview-loading{display:none}.slide-link{position:absolute;inset:0;z-index:2;border-radius:14px}.slide-link:focus-visible{outline-offset:7px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 2px 0}.card-category{display:flex;align-items:center;gap:8px;color:rgba(244,245,242,.8);font-size:10px;letter-spacing:.11em;text-transform:uppercase}.card-category:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 13px var(--accent)}.card-index{color:rgba(224,235,229,.58);font:500 11px Manrope,sans-serif;letter-spacing:.13em}.slide-title{margin:6px 2px 0;font:700 clamp(16px,1.75vw,21px)/1.3 Manrope,"Microsoft YaHei UI",sans-serif;letter-spacing:-.035em}.slide-description{margin:5px 2px 0;color:rgba(221,231,228,.66);font-size:12px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
    .footer{position:absolute;z-index:6;left:clamp(22px,5vw,76px);right:clamp(22px,5vw,76px);bottom:30px;display:flex;align-items:end;justify-content:space-between;gap:20px}.current-copy{max-width:min(54vw,520px)}.current-kicker{margin:0 0 8px;color:var(--muted);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.current-title{margin:0;font:700 clamp(17px,2vw,23px)/1.3 Manrope,"Microsoft YaHei UI",sans-serif;letter-spacing:-.04em}.current-desc{max-width:54ch;margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.controls{display:flex;align-items:center;gap:12px}.arrow{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(231,244,240,.48);border-radius:50%;background:rgba(10,25,31,.36);cursor:pointer;transition:transform 140ms ease,background-color 140ms ease,border-color 140ms ease}.arrow:hover{transform:scale(1.07);background:rgba(231,244,240,.12);border-color:rgba(231,244,240,.85)}.arrow:active{transform:scale(.96)}.arrow svg{width:19px;height:19px}.counter{min-width:55px;color:#e6ece7;font:500 12px Manrope,sans-serif;letter-spacing:.1em;text-align:center;font-variant-numeric:tabular-nums}.open-current{position:absolute;right:clamp(22px,5vw,76px);bottom:103px;z-index:6;display:inline-flex;align-items:center;gap:9px;color:#d2df8d;font-size:10px;font-weight:700;letter-spacing:.15em;text-decoration:none;text-transform:uppercase}.open-current svg{width:15px;height:15px;transition:transform 160ms ease}.open-current:hover svg{transform:translate(3px,-3px)}.dots{position:absolute;z-index:6;left:50%;bottom:51px;display:flex;gap:5px;transform:translateX(-50%)}.dot{width:5px;height:5px;padding:0;border:0;border-radius:999px;background:rgba(228,240,235,.3);cursor:pointer;transition:width 200ms ease,background-color 200ms ease}.dot[aria-current="true"]{width:20px;background:#d2df8d}.status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
    @media(max-width:900px){.top-nav{gap:14px}.header-note{display:none}}
    @media(max-width:700px){.header{padding:15px 20px;flex-wrap:wrap;gap:10px}.brand{gap:8px}.brand-mark{width:29px;height:29px}.brand-name{font-size:11px}.top-nav{order:3;width:100%;justify-content:space-between;margin:0;border-top:1px solid rgba(231,244,240,.1);padding-top:6px}.top-nav a{font-size:11px;padding:5px 0}.intro{top:17%}.intro h1{font-size:clamp(26px,7vw,36px)}.intro p{max-width:42ch;margin:auto;font-size:11px;line-height:1.55}.slide{top:47%;width:min(77vw,390px);min-width:0}.slide[data-distance="-2"]{--shift:-82vw;--scale:.48;--depth:-90px;--turn:22deg;opacity:.07}.slide[data-distance="-1"]{--shift:-44vw;--scale:.58;--depth:-38px;--turn:15deg;opacity:.36}.slide[data-distance="0"]{--scale:1.12;--depth:28px}.slide[data-distance="1"]{--shift:44vw;--scale:.58;--depth:-38px;--turn:-15deg;opacity:.36}.slide[data-distance="2"]{--shift:82vw;--scale:.48;--depth:-90px;--turn:-22deg;opacity:.07}.preview-shell{padding:6px;border-radius:11px}.card-meta{margin-top:9px}.slide-title{font-size:16px}.slide-description{font-size:11px}.footer{left:20px;right:20px;bottom:22px;align-items:center}.current-copy{max-width:calc(100% - 128px)}.current-kicker{font-size:9px}.current-title{font-size:15px}.current-desc{font-size:10px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.controls{gap:7px}.arrow{width:39px;height:39px}.arrow svg{width:16px;height:16px}.counter{min-width:44px;font-size:11px}.open-current{right:20px;bottom:83px;font-size:9px}.dots{bottom:35px;gap:4px}.dot{width:4px;height:4px}.dot[aria-current="true"]{width:15px}}
    @media(max-width:380px){.header{padding-inline:15px}.header-note{letter-spacing:0}.slide{width:82vw}.footer{left:15px;right:15px}.current-copy{max-width:calc(100% - 115px)}.current-desc{display:none}.arrow{width:36px;height:36px}.controls{gap:4px}.counter{min-width:40px}.open-current{right:15px}}
    @media(max-height:700px) and (min-width:701px){.intro{top:9%}.slide{top:48%;width:min(34vw,400px)}.footer{bottom:18px}.open-current{bottom:82px}.dots{bottom:37px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
    /* Keep the carousel translation valid for both the center and neighboring cards. */
    .slide{--shift:0px;left:calc(50% + var(--shift) + var(--drag-shift,0px));top:55%;transform:translate(-50%,-50%) translateZ(var(--depth,0px)) scale(var(--scale,1)) rotateY(var(--turn,0deg))}
    @media(max-width:700px){.slide{top:51.5%}}
    @media(max-width:700px){.slide{top:47%}.footer{display:grid;grid-template-columns:minmax(0,1fr);align-items:end;row-gap:10px;bottom:18px}.current-copy{max-width:none}.controls{justify-self:end}.dots{bottom:138px}.open-current{display:none}}
    .slide[data-distance="0"]{--shift:0px}
    .slide[data-distance="0"] .card-meta,.slide[data-distance="0"] .slide-title,.slide[data-distance="0"] .slide-description{display:none}
    .nav-menu{position:relative}.nav-menu>summary{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 14px;border:1px solid rgba(231,244,240,.24);border-radius:7px;color:rgba(245,248,243,.92);font-size:12px;list-style:none;cursor:pointer}.nav-menu>summary::-webkit-details-marker{display:none}.nav-menu>summary span{color:#e8bd73;transition:transform 160ms ease}.nav-menu[open]>summary span{transform:rotate(180deg)}.nav-menu>summary:hover,.nav-menu[open]>summary{border-color:rgba(232,189,115,.66);background:rgba(255,255,255,.06)}.nav-menu-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:20;display:none;width:min(760px,calc(100vw - 40px));max-height:min(68vh,560px);grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 26px;padding:22px;border:1px solid rgba(231,244,240,.2);border-radius:10px;background:rgba(8,20,28,.96);box-shadow:0 24px 70px rgba(0,0,0,.42);backdrop-filter:blur(18px);overflow:auto;overscroll-behavior:contain}.nav-menu[open] .nav-menu-panel{display:grid}.nav-group{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:7px}.nav-group h2{margin:0 0 3px;color:#e8bd73;font-size:12px;font-weight:700}.nav-group a{color:rgba(235,242,236,.74);font-size:12px;line-height:1.5;text-decoration:none}.nav-group a:hover,.nav-group a:focus-visible{color:#fff;text-decoration:underline;text-decoration-color:#e8bd73;text-underline-offset:3px}
    @media(max-width:700px){.nav-menu-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px;padding:17px}.nav-menu>summary{min-height:36px;padding-inline:11px}}
    @media(max-width:420px){.nav-menu-panel{grid-template-columns:minmax(0,1fr);width:min(340px,calc(100vw - 30px));max-height:68vh;padding:14px}.nav-group{padding-bottom:12px;border-bottom:1px solid rgba(231,244,240,.1)}}
    @media(max-height:820px) and (min-width:701px){.intro{top:13%}.slide{top:60%}.slide[data-distance="0"]{--scale:.95}}
    @media(max-height:700px) and (min-width:701px){.stage{min-height:760px}.intro{top:110px}.intro h1{font-size:clamp(27px,3.2vw,38px)}.slide{top:430px}}
    @media(max-width:700px) and (max-height:700px){.stage{min-height:760px}.intro{top:102px}.slide{top:400px}.footer{bottom:20px}}