@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{--bg-base:#06101a;--bg-surface:#0c1c2c;--bg-soft:#11243a;--text-strong:#dfeefb;--text-main:#bbd2e7;--text-soft:#9cb4cb;--text-muted:#7994ad;--accent-cyan:#2ef5eb;--accent-magenta:#f84f9f;--danger:#ef686d;--font-display:"Chakra Petch", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Consolas", "Cascadia Mono", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text-main);background:radial-gradient(circle at 12% -10%,#2ef5eb33,#0000 34%),radial-gradient(circle at 88% 0,#f84f9f2b,#0000 30%),linear-gradient(160deg,#06101a 0%,#091827 56%,#0b1f31 100%);margin:0;line-height:1.65;overflow-x:hidden}h1,h2,h3,p,ol,figure{margin:0}a{color:inherit}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}code{font-family:var(--font-mono);color:var(--text-strong);background:#102c46b3;border-radius:7px;padding:4px 8px}::selection{color:var(--text-strong);background:#2ef5eb47}.page-shell{min-height:100svh;padding-bottom:clamp(72px,9vw,120px);position:relative;overflow:hidden}.page-shell:before,.page-shell:after{content:"";pointer-events:none;z-index:0;position:absolute;inset:0}.page-shell:before{background:radial-gradient(circle at 86% 14%,#ff479633,#0000 32%),radial-gradient(circle at 18% 0,#23f6ed42,#0000 38%)}.page-shell:after{opacity:.22;background-image:linear-gradient(#5a88bb17 1px,#0000 1px),linear-gradient(90deg,#5a88bb14 1px,#0000 1px);background-size:56px 56px}.hero,.manual{z-index:1;width:min(1120px,100% - clamp(30px,5vw,70px));margin:0 auto;position:relative}.hero{padding:clamp(72px,11vw,136px) 0 clamp(38px,6vw,66px)}.hero:before{content:"";-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:-1;background:linear-gradient(122deg,#11253ead,#0916242e);border:1px solid #507ea942;border-radius:28px;position:absolute;inset:20% -10% -16%}.hero-kicker{font-family:var(--font-display);letter-spacing:.28em;text-transform:uppercase;color:var(--accent-cyan);margin:0;font-size:clamp(.9rem,.8rem + .5vw,1.2rem)}.hero-title{max-width:18ch;font-family:var(--font-display);letter-spacing:.015em;color:var(--text-strong);text-wrap:balance;margin:.42em 0 0;font-size:clamp(2.1rem,1.25rem + 4.6vw,4.6rem);font-weight:700;line-height:1.02}.hero-subtitle{max-width:60ch;color:var(--text-soft);margin:clamp(16px,2vw,22px) 0 0;font-size:clamp(1rem,.94rem + .26vw,1.18rem);line-height:1.75}.security-note{background:linear-gradient(120deg,#11273dd6,#1f2c48c7);border:1px solid #ef686d52;border-radius:14px;gap:8px;max-width:min(760px,100%);margin:clamp(18px,2.4vw,28px) 0 0;padding:12px 14px;display:grid}.security-note-label{width:fit-content;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#ffd3d6;background:#ef686d38;border-radius:999px;padding:4px 10px;font-size:.78rem}.security-note-text{color:var(--text-main);margin:0;font-size:clamp(.98rem,.95rem + .18vw,1.08rem);line-height:1.7}.hero-reveal{opacity:0;animation:.76s cubic-bezier(.21,.84,.33,1) forwards hero-enter;animation-delay:var(--delay,0s);transform:translateY(14px)}.manual{margin-top:clamp(10px,1.2vw,18px)}.manual-head{gap:10px;padding:0 0 clamp(18px,2.5vw,24px);display:grid}.manual-head p{font-family:var(--font-display);letter-spacing:.2em;color:var(--accent-cyan);text-transform:uppercase;margin:0;font-size:.88rem;font-weight:600}.manual-head h2{max-width:42ch;color:var(--text-strong);margin:0;font-size:clamp(1.22rem,1rem + 1vw,1.82rem);font-weight:600;line-height:1.35}.steps{border-top:1px solid #6390b742;margin:0;padding:0;list-style:none}.step-item{opacity:0;transition:opacity .58s cubic-bezier(.25,.86,.32,1),transform .58s cubic-bezier(.25,.86,.32,1);transition-delay:var(--step-delay,0s);border-bottom:1px solid #6390b733;transform:translateY(26px)}.step-item.is-visible{opacity:1;transform:translateY(0)}.step-row{grid-template-columns:minmax(64px,76px) 1fr;align-items:start;gap:clamp(14px,2.5vw,26px);padding:clamp(22px,3.2vw,30px) 0;display:grid}.step-index{width:56px;height:56px;font-family:var(--font-display);letter-spacing:.06em;color:var(--accent-cyan);border:1px solid #2ef5eb73;border-radius:50%;justify-content:center;align-items:center;font-size:1.08rem;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #2ef5eb29,0 0 0 5px #2ef5eb0f}.step-content h3{color:var(--text-strong);margin:0;font-size:clamp(1.12rem,1rem + .5vw,1.45rem);font-weight:600;line-height:1.4}.step-description{color:var(--text-main);margin:14px 0 0;line-height:1.78}.step-description a{color:var(--accent-cyan);text-underline-offset:.22em;text-decoration-thickness:1.5px;transition:color .18s}.step-description a:hover,.step-description a:focus-visible{color:var(--accent-magenta)}.step-tip{color:var(--text-main);background:#16658440;border:1px solid #2ef5eb3d;border-radius:10px;margin:12px 0 0;padding:10px 12px;line-height:1.72}.step-tip strong{color:var(--accent-cyan);margin-right:2px}.step-figure{margin:14px 0 0}.step-image-trigger{cursor:zoom-in;background:#0d1f328c;border:1px solid #6290bb47;border-radius:16px;width:min(920px,100%);margin:0;padding:0;transition:transform .24s,box-shadow .24s,border-color .24s;display:block;overflow:hidden}.step-image-trigger img{width:100%;height:auto;transition:transform .28s;display:block}.step-image-trigger:hover,.step-image-trigger:focus-visible{border-color:#2ef5eb8a;transform:translateY(-2px);box-shadow:0 14px 42px #06111e70}.step-image-trigger:hover img,.step-image-trigger:focus-visible img{transform:scale(1.01)}.step-figure figcaption{color:var(--text-muted);margin:10px 0 0;font-size:.92rem}.image-fallback{background:#0d1f3270;border:1px dashed #6290bb75;border-radius:12px;gap:8px;margin:14px 0 0;padding:16px 18px;display:grid}.image-fallback p,.image-fallback small{margin:0}.image-fallback p{color:var(--text-strong);font-weight:500}.image-fallback code{width:fit-content}.image-fallback small{color:var(--text-muted)}.result-note{border-top:1px solid #6390b742;gap:10px;margin:clamp(30px,5vw,56px) 0 0;padding:clamp(20px,3vw,26px) 0 0;display:grid}.result-note h3{color:var(--text-strong);margin:0;font-size:clamp(1.1rem,.96rem + .7vw,1.4rem);line-height:1.4}.result-note p{color:var(--text-main);margin:0;line-height:1.72}.support-placeholder{color:var(--text-muted);margin-top:6px;font-size:.94rem}.lightbox{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#060f18d1;place-items:center;padding:clamp(20px,4vw,40px);display:grid;position:fixed;inset:0}.lightbox-panel{background:#091928f5;border:1px solid #5f8bb25c;border-radius:18px;grid-template-rows:auto 1fr auto;gap:12px;width:min(1040px,100%);max-height:min(88vh,900px);padding:clamp(14px,2vw,18px);display:grid;box-shadow:0 28px 68px #040d1699}.lightbox-close{color:var(--text-main);cursor:pointer;background:#0d2237c7;border:1px solid #6594be70;border-radius:999px;justify-self:end;padding:8px 16px;font-size:.92rem;transition:border-color .18s}.lightbox-close:hover,.lightbox-close:focus-visible{border-color:#2ef5eb9e}.lightbox-panel img{object-fit:contain;border-radius:12px;width:100%;max-height:min(68vh,760px)}.lightbox-panel p{color:var(--text-muted);margin:0;font-size:.92rem}@keyframes hero-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.hero:before{border-radius:22px;inset:24% -5% -12%}.step-row{grid-template-columns:1fr;gap:12px}.step-index{width:50px;height:50px;font-size:1rem}.step-image-trigger{border-radius:12px}.lightbox-panel{border-radius:14px}}@media (width<=580px){.hero{padding-top:clamp(58px,15vw,88px)}.manual-head p{letter-spacing:.16em;font-size:.78rem}.security-note,.step-tip,.result-note p{line-height:1.65}.lightbox{padding:14px}.lightbox-panel{gap:10px;max-height:92vh}}@media (prefers-reduced-motion:reduce){.hero-reveal{opacity:1;animation:none;transform:none}.step-item{opacity:1;transition:none;transform:none}.step-image-trigger,.step-image-trigger img,.lightbox-close,.step-description a{transition:none}.step-image-trigger:hover,.step-image-trigger:focus-visible,.step-image-trigger:hover img,.step-image-trigger:focus-visible img{transform:none}}