:root{--ink:#09121c;--ink-deep:#050b12;--paper:#f4f0df;--paper-dim:#d6d2c1;--paper-muted:#96998d;--pink:#ef9eb6;--pink-hot:#ff7fa8;--green:#a8c878;--green-dark:#607d47;--line:#f4f0df2e;--line-dark:#09121c2e;--mono:"Cascadia Code", "SFMono-Regular", Consolas, monospace;--sans:"Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", sans-serif}*{box-sizing:border-box}html{background:var(--ink-deep);scroll-behavior:smooth}body{background:var(--ink-deep);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}::selection{background:var(--pink);color:var(--ink)}.site-shell{background:radial-gradient(circle at 82% 18%, #a8c8781a, transparent 28rem), radial-gradient(circle at 10% 70%, #ef9eb617, transparent 34rem), var(--ink);min-height:100vh;position:relative;overflow:hidden}.site-shell:before{z-index:0;pointer-events:none;content:"";opacity:.5;background-image:linear-gradient(#f4f0df09 1px,#0000 1px),linear-gradient(90deg,#f4f0df09 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.noise{z-index:20;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:fixed;inset:0}.site-header,.page-main,.site-footer{z-index:2;width:min(1320px,100% - 64px);margin-inline:auto;position:relative}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:104px;display:flex}.brand{letter-spacing:.04em;align-items:baseline;gap:12px;display:flex}.brand-mark{color:var(--pink);font-family:var(--mono);letter-spacing:.14em;font-size:.75rem}.brand-name{font-size:1.02rem;font-weight:700}.brand-sub{color:var(--paper-muted);font-family:var(--mono);letter-spacing:.12em;font-size:.65rem}.site-nav{color:var(--paper-dim);font-family:var(--mono);letter-spacing:.08em;align-items:center;gap:clamp(16px,3vw,42px);font-size:.68rem;display:flex}.site-nav a{padding-block:10px;transition:color .18s;position:relative}.site-nav a:after{content:"";transform-origin:100%;background:var(--pink);height:1px;transition:transform .18s;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.site-nav a:hover,.site-nav a:focus-visible{color:var(--paper)}.site-nav a:hover:after,.site-nav a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.header-status{color:var(--green);font-family:var(--mono);letter-spacing:.08em;align-items:center;gap:8px;font-size:.62rem;display:flex}.status-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 14px var(--green);border-radius:50%;animation:2.8s ease-in-out infinite pulse}.page-main{padding-block:58px 96px}.hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);align-items:center;gap:clamp(40px,8vw,124px);min-height:660px;display:grid}.hero-copy{padding:30px 0 50px 22px;position:relative}.hero-copy:before{content:"";background:linear-gradient(var(--pink), transparent 78%);width:1px;position:absolute;top:0;bottom:0;left:0}.eyebrow,.section-kicker{color:var(--green);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;font-size:.69rem;display:inline-flex}.eyebrow:before,.section-kicker:before{content:"";background:currentColor;width:28px;height:1px;display:block}.hero-title{max-width:720px;color:var(--paper);letter-spacing:-.09em;margin:28px 0 22px;font-size:clamp(3.2rem,7.4vw,7.3rem);font-weight:300;line-height:.98}.hero-title em{color:var(--pink);font-style:normal}.hero-lede{max-width:510px;color:var(--paper-dim);margin:0;font-size:clamp(1rem,1.45vw,1.2rem);line-height:2}.hero-note{color:var(--paper-muted);font-family:var(--mono);align-items:center;gap:12px;margin-top:30px;font-size:.68rem;line-height:1.6;display:flex}.hero-note span{color:var(--pink);font-size:1rem}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:40px;display:flex}.button{border:1px solid var(--paper-dim);min-height:48px;font-family:var(--mono);letter-spacing:.08em;justify-content:center;align-items:center;padding:0 22px;font-size:.68rem;transition:border-color .18s,background .18s,color .18s,transform .18s;display:inline-flex}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button-primary{border-color:var(--pink);background:var(--pink);color:var(--ink)}.button-primary:hover,.button-primary:focus-visible{border-color:var(--paper);background:var(--paper)}.button-ghost:hover,.button-ghost:focus-visible{border-color:var(--green);color:var(--green)}.character-stage{isolation:isolate;min-height:600px;position:relative}.character-stage:before{z-index:-1;content:"";border:1px solid #a8c8786b;width:78%;height:88%;position:absolute;top:5%;right:4%;transform:rotate(5deg)}.character-stage:after{z-index:-1;content:"";clip-path:polygon(14% 0,100% 9%,91% 100%,0 88%);background:#ef9eb629;width:74%;height:78%;position:absolute;top:12%;left:8%;transform:rotate(-8deg)}.character-paper{background:var(--paper);clip-path:polygon(3% 2%,96% 0,100% 94%,6% 100%,0 10%);position:absolute;inset:5% 10% 0;overflow:hidden;transform:rotate(2deg)}.character-paper img{object-fit:cover;object-position:center 17%;mix-blend-mode:multiply;width:100%;height:100%}.character-tag{background:var(--pink);color:var(--ink);font-family:var(--mono);letter-spacing:.06em;gap:4px;padding:13px 16px;font-size:.64rem;display:grid;position:absolute;bottom:18%;right:0;transform:rotate(-5deg)}.character-tag strong{font-size:.82rem}.floating-readout{max-width:170px;color:var(--paper-dim);font-family:var(--mono);background:#09121cd1;border:1px solid #f4f0df66;padding:12px;font-size:.58rem;line-height:1.7;position:absolute;top:8%;left:0;transform:rotate(-6deg)}.floating-readout b{color:var(--green);font-weight:400}.section-divider{color:var(--paper-muted);font-family:var(--mono);letter-spacing:.08em;align-items:center;gap:18px;margin-block:28px 52px;font-size:.64rem;display:flex}.section-divider:before,.section-divider:after{content:"";background:var(--line);height:1px}.section-divider:before{width:42px}.section-divider:after{flex:1}.lab-grid{grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);align-items:start;gap:22px;display:grid}.panel{border:1px solid var(--line);background:#09121cb3;position:relative}.panel:before{content:"";background:var(--pink);width:5px;height:5px;position:absolute;top:14px;right:14px}.device-panel{padding:clamp(24px,4vw,46px);transform:rotate(-.8deg)}.panel-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.panel-heading h2{letter-spacing:-.06em;margin:0;font-size:clamp(1.5rem,3vw,2.4rem);font-weight:400}.panel-heading p{max-width:300px;color:var(--paper-muted);font-family:var(--mono);text-align:right;margin:4px 0 0;font-size:.66rem;line-height:1.8}.device-record{border-top:1px solid var(--line);grid-template-columns:112px minmax(0,1fr);gap:24px;padding-top:24px;display:grid}.record-no{color:var(--pink);font-family:var(--mono);letter-spacing:-.08em;font-size:1.6rem}.record-body h3{margin:0;font-size:1.2rem;font-weight:500}.record-body p{color:var(--paper-dim);margin:10px 0 0;font-size:.88rem;line-height:1.85}.record-meta{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.record-meta span{color:var(--green);font-family:var(--mono);border:1px solid #a8c87880;padding:5px 8px;font-size:.6rem}.wishing-panel{background:var(--paper);min-height:390px;color:var(--ink);padding:30px;transform:rotate(1.2deg)}.wishing-panel:before{background:var(--green-dark)}.wishing-panel .section-kicker{color:var(--green-dark)}.wishing-panel h2{letter-spacing:-.08em;max-width:250px;margin:30px 0 14px;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:400;line-height:1}.wishing-panel p{color:#59605a;min-height:70px;margin:0;font-size:.88rem;line-height:1.8}.wish-button{border:0;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);width:100%;color:var(--ink);cursor:pointer;font-family:var(--mono);letter-spacing:.08em;text-align:left;background:0 0;justify-content:space-between;align-items:center;margin-top:30px;padding:14px 0;font-size:.68rem;display:flex}.wish-button:hover,.wish-button:focus-visible{color:var(--green-dark)}.wish-button span:last-child{font-size:1.2rem;transition:transform .18s}.wish-button:hover span:last-child,.wish-button:focus-visible span:last-child{transform:rotate(90deg)}.lower-grid{grid-template-columns:.78fr 1.22fr;gap:22px;margin-top:22px;display:grid}.manifesto,.construction{min-height:230px;padding:30px}.manifesto{background:#ef9eb61c;transform:rotate(1.2deg)}.manifesto p{max-width:420px;color:var(--paper-dim);margin:26px 0 0;font-size:1.15rem;line-height:1.8}.manifesto p em{color:var(--pink);font-style:normal}.construction{background:#a8c87814;justify-content:space-between;align-items:flex-end;gap:28px;display:flex;transform:rotate(-.7deg)}.construction h3{margin:18px 0 0;font-size:1.35rem;font-weight:400}.construction p{max-width:320px;color:var(--paper-muted);margin:8px 0 0;font-size:.82rem;line-height:1.8}.construction-mark{min-width:92px;color:var(--green);font-family:var(--mono);text-align:right;font-size:.62rem;line-height:1.6}.construction-mark i{border:1px solid var(--green-dark);width:92px;height:5px;margin-top:8px;display:block}.construction-mark i:after{content:"";background:var(--green);width:38%;height:100%;display:block}.site-footer{border-top:1px solid var(--line);color:var(--paper-muted);font-family:var(--mono);justify-content:space-between;align-items:center;gap:20px;padding:24px 0 42px;font-size:.62rem;display:flex}.footer-links{gap:20px;display:flex}.footer-links a:hover,.footer-links a:focus-visible{color:var(--pink)}.subpage-main{max-width:900px;margin-inline:auto;padding-top:90px}.subpage-main h1{letter-spacing:-.08em;max-width:760px;margin:24px 0;font-size:clamp(3rem,8vw,6rem);font-weight:300;line-height:1}.subpage-main>p{max-width:560px;color:var(--paper-dim);line-height:1.9}.subpage-list{gap:14px;margin-top:54px;display:grid}.subpage-item{border:1px solid var(--line);background:#09121cb3;grid-template-columns:112px minmax(0,1fr) 32px;align-items:center;gap:20px;padding:22px;display:grid}.subpage-item:hover{border-color:var(--pink)}.subpage-item small{color:var(--pink);font-family:var(--mono)}.subpage-item h2{margin:0;font-size:1.15rem;font-weight:400}.subpage-item p{color:var(--paper-muted);margin:6px 0 0;font-size:.8rem;line-height:1.7}.subpage-item span{color:var(--green);font-family:var(--mono)}.intro{z-index:50;background:var(--ink-deep);place-items:center;transition:opacity .5s,visibility .5s;display:grid;position:fixed;inset:0;overflow:hidden}.intro.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.intro-canvas{width:100%;height:100%;position:absolute;inset:0}.intro-copy{z-index:1;text-align:center;width:min(520px,100% - 48px);position:relative}.intro-mark{color:var(--pink);font-family:var(--mono);letter-spacing:.18em;font-size:.68rem}.intro-title{letter-spacing:-.1em;margin:22px 0 14px;font-size:clamp(2rem,7vw,4.8rem);font-weight:300}.intro-copy p{color:var(--paper-muted);font-family:var(--mono);margin:0;font-size:.72rem;line-height:1.8}.intro-progress{background:#f4f0df29;width:min(260px,100%);height:2px;margin:32px auto 0}.intro-progress span{background:var(--pink);width:0;height:100%;animation:1.6s forwards intro-progress;display:block}.skip-intro{color:var(--paper-muted);cursor:pointer;font-family:var(--mono);background:0 0;border:0;margin-top:18px;font-size:.62rem}.skip-intro:hover,.skip-intro:focus-visible{color:var(--green)}@keyframes intro-progress{to{width:100%}}@keyframes pulse{0%,to{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}@media (max-width:900px){.hero-grid,.lab-grid,.lower-grid{grid-template-columns:1fr}.hero-grid{min-height:0}.character-stage{width:min(100%,590px);min-height:min(640px,90vw);margin-inline:auto}.wishing-panel{min-height:290px}}@media (max-width:640px){.site-header,.page-main,.site-footer{width:min(100% - 32px,1320px)}.site-header{min-height:82px}.brand-sub,.header-status,.site-nav a:nth-child(3){display:none}.site-nav{gap:18px;font-size:.6rem}.page-main{padding-top:36px}.hero-copy{padding:18px 0 30px 16px}.hero-title{margin-top:22px;font-size:clamp(3.1rem,16vw,5.4rem)}.hero-lede{font-size:.9rem;line-height:1.9}.hero-actions .button{flex:150px}.character-stage{min-height:440px}.character-paper{left:6%;right:6%}.floating-readout{max-width:145px;font-size:.52rem;top:4%}.character-tag{padding:10px 12px;bottom:12%}.panel-heading,.construction{display:block}.panel-heading p{text-align:left;margin-top:12px}.device-record{grid-template-columns:1fr;gap:12px}.record-no{font-size:1.2rem}.manifesto,.construction,.wishing-panel,.device-panel{transform:none}.construction-mark{text-align:left;margin-top:24px}.site-footer{line-height:1.8;display:block}.footer-links{margin-top:10px}.subpage-main{padding-top:52px}.subpage-item{grid-template-columns:1fr 24px}.subpage-item small{grid-column:1/-1}.subpage-item p{margin-top:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}