html.miko-home{color-scheme:light;--ink: #0d0d0f;--paper: #f8f8f6;--blue: #90baff;--round-font: "STBaoyuan", "STBaoYuan-SC", "华文报圆", "华文抱圆", "SF Pro Rounded", "Arial Rounded MT Bold", "Yuanti SC", "STYuanti-SC-Regular", ui-rounded, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;font-family:var(--round-font);font-synthesis:none;text-rendering:optimizeLegibility}.miko-home *{box-sizing:border-box}html.miko-home,.miko-home body{width:100%;min-height:100%;margin:0;overflow-x:hidden}html.miko-home{scroll-behavior:smooth;scroll-snap-type:y proximity}.miko-home body{color:var(--ink);background:var(--paper);letter-spacing:.015em}.miko-home button{font:inherit}.miko-home .sticker-wall{position:relative;width:100%;height:100svh;min-height:620px;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;background-color:#fbfbf9;isolation:isolate}.miko-home .sticker-wall:after{display:none}.miko-home .dot-field-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;pointer-events:none}.miko-home .sticker-wall:before{content:"";position:absolute;right:0;bottom:-1px;left:0;z-index:2;height:clamp(88px,13vh,150px);pointer-events:none;background:linear-gradient(to bottom,#fff0,#ffffff80 46%,#ffffffeb 78%,#fff)}.miko-home .instruction{position:absolute;top:clamp(20px,3.2vh,34px);right:clamp(20px,3vw,50px);z-index:40;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 11px;border:1.5px solid var(--ink);border-radius:999px;background:#ffffffd1;box-shadow:4px 4px #0d0d0f1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.miko-home .instruction-dot{width:10px;height:10px;flex:0 0 auto;border:2px solid var(--ink);border-radius:50%;background:var(--blue);box-shadow:none}.miko-home .instruction div{display:grid;gap:2px}.miko-home .instruction strong,.miko-home .instruction small{line-height:1;white-space:nowrap}.miko-home .instruction strong{font-family:var(--round-font);font-size:9px;letter-spacing:.08em}.miko-home .instruction small{color:#0d0d0f94;font-size:9px}.miko-home .peel-card{--peel-progress: 0;--surface-scale: 1;--poster-size: 86%;position:absolute;z-index:5;display:grid;place-items:center;transform:rotate(var(--tilt, 0deg));transform-origin:50% 50%;transition:filter .22s ease,transform .22s ease;cursor:grab;-webkit-user-select:none;user-select:none;scale:1!important}.miko-home .sticker-wall.is-resetting .peel-card{pointer-events:none}.miko-home .peel-card:active,.miko-home .peel-card.is-active{scale:1!important}.miko-home .peel-card:hover:not(.is-revealing):not(.is-revealed){filter:drop-shadow(0 12px 14px rgba(13,13,15,.08));transform:rotate(var(--tilt, 0deg)) translateY(-3px)}.miko-home .peel-surface{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:block;width:100%;height:100%;min-width:0!important;min-height:0!important;opacity:0;scale:var(--surface-scale);touch-action:none;transition:none}.miko-home .poster-art{position:absolute;top:50%;left:50%;z-index:3;display:block;width:var(--poster-size);height:var(--poster-size);object-fit:contain;pointer-events:none;opacity:1;transform:translate(-50%,-50%);transition:none}.miko-home .peel-card.is-ready .poster-art,.miko-home .static-preview .peel-card .poster-art{visibility:visible;opacity:1}.miko-home .static-preview .peel-surface{display:none}.miko-home .peel-card.is-ready .peel-surface{opacity:0}.miko-home .peel-card.is-active .poster-art,.miko-home .peel-card.is-primed .poster-art,.miko-home .peel-card.is-returning .poster-art,.miko-home .peel-card.is-revealing .poster-art,.miko-home .peel-card.is-revealed .poster-art{visibility:hidden;opacity:0}.miko-home .peel-card.is-active .peel-surface,.miko-home .peel-card.is-primed .peel-surface,.miko-home .peel-card.is-returning .peel-surface,.miko-home .peel-card.is-revealing .peel-surface{opacity:1}.miko-home .peel-card.is-returning{z-index:23;cursor:default}.miko-home .peel-card.is-returning .peel-surface{visibility:visible;pointer-events:none}.miko-home .peel-card.is-active{z-index:24;cursor:grabbing}.miko-home .peel-card.is-primed{z-index:23;cursor:grab}.miko-home .action-card.is-primed{filter:drop-shadow(0 7px 7px rgba(13,13,15,.1))}.miko-home .peel-card.is-revealing{z-index:25}.miko-home .peel-card.is-revealing .peel-surface{animation:none;pointer-events:none}.miko-home .peel-card.is-revealed .peel-surface{visibility:hidden;pointer-events:none;opacity:0}.miko-home .reveal{position:absolute;z-index:1;display:grid;place-items:center;opacity:0;pointer-events:none;transform:scale(.72) rotate(-2deg)}.miko-home .peel-card.is-revealing .reveal,.miko-home .peel-card.is-revealed .reveal{opacity:1;transform:scale(1) rotate(-2deg);transition:opacity .26s ease .3s,transform .52s cubic-bezier(.22,1,.36,1) .25s}.miko-home .app-card.is-primed .reveal,.miko-home .app-card.is-active .reveal,.miko-home .peel-card.is-detached .reveal{opacity:1;transform:scale(1) rotate(-2deg);transition:opacity .16s ease,transform .22s ease}.miko-home .reveal-copy{width:84%;min-height:66%;align-content:center;justify-items:start;gap:5px;padding:10px;border:2px solid var(--ink);border-radius:19px 24px 17px 26px;background:#fff;box-shadow:7px 8px #0d0d0f1f}.miko-home .reveal-copy:before{content:"";position:absolute;top:-7px;left:50%;width:42px;height:14px;background:#6f9fe9;transform:translate(-50%) rotate(-3deg)}.miko-home .reveal-copy span{font-family:var(--round-font);font-size:clamp(6px,.55vw,9px);font-weight:800;letter-spacing:.06em}.miko-home .reveal-copy strong{font-size:clamp(10px,.9vw,14px);font-weight:900;line-height:1.25;letter-spacing:-.015em}.miko-home .reveal-qr{width:82%;height:82%;align-content:center;gap:5px;padding:10px;border:0;border-radius:27%;background:#fff;box-shadow:none;translate:0 clamp(-10px,-.8vw,-6px)}.miko-home .reveal-qr img{width:98%;height:auto;display:block;clip-path:inset(5%);transform:translateY(clamp(5px,.75vw,10px))}.miko-home .reveal-qr span{font-size:clamp(8px,.75vw,11px);font-weight:900;letter-spacing:.01em;transform:translateY(clamp(-8px,-.6vw,-4px))}.miko-home .logo-card{--poster-size: 86%;top:2.7vh;left:3vw;z-index:14;width:clamp(170px,15vw,220px);aspect-ratio:400 / 141}.miko-home .app-card{--poster-size: 86%;top:50%;left:61%;z-index:12;width:clamp(150px,14vw,200px);aspect-ratio:1;transform:translate(-50%,-50%) rotate(var(--tilt))}.miko-home .app-card:hover:not(.is-revealing):not(.is-revealed){transform:translate(-50%,calc(-50% - 3px)) rotate(var(--tilt))}.miko-home .action-card{--surface-scale: 1;--poster-size: 86%;width:clamp(120px,12vw,170px);aspect-ratio:1}.miko-home .action-one{top:13%;left:21%;z-index:9;width:clamp(135px,13vw,180px)}.miko-home .action-two{top:3%;left:39%;z-index:8}.miko-home .action-three{top:10%;left:56%;z-index:10}.miko-home .action-four{top:13%;right:16%;z-index:8}.miko-home .action-five{top:30%;right:2%;z-index:7}.miko-home .action-six{right:9%;bottom:15%;z-index:10}.miko-home .action-seven{bottom:10%;left:65%;z-index:8}.miko-home .action-eight{bottom:13%;left:16%;z-index:9}.miko-home .action-nine{top:45%;left:2%;z-index:8}.miko-home .manifesto{position:absolute;top:50%;bottom:auto;left:27%;z-index:3;display:grid;gap:9px;pointer-events:none;transform:translateY(-50%)}.miko-home .manifesto span{font-family:var(--round-font);font-size:8px;font-weight:900;letter-spacing:.08em}.miko-home .manifesto h1{font-size:clamp(28px,2.9vw,44px);font-weight:950;line-height:1.16;letter-spacing:-.025em}.miko-home .download-dock{position:absolute;bottom:clamp(30px,5vh,46px);left:50%;z-index:50;display:grid;justify-items:center;gap:7px;transform:translate(-50%)}.miko-home .download-dock p{margin:0;padding:4px 9px;border-radius:999px;background:#ffffffdb;font-family:var(--round-font);font-size:8px;font-weight:900;letter-spacing:.09em}.miko-home .store-buttons{display:flex;align-items:center;justify-content:center;gap:10px}.miko-home .store-button{display:block;width:auto;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;line-height:0;box-shadow:none;transform:translateY(0) scale(1);filter:brightness(1);transition:transform .14s cubic-bezier(.2,.8,.2,1),filter .1s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.miko-home .store-button:hover{transform:translateY(-2px) scale(1);filter:brightness(1.06)}.miko-home .store-button:active{transform:translateY(2px) scale(.96);filter:brightness(.82);transition-duration:55ms}.miko-home .store-button:focus-visible{outline:4px solid var(--blue);outline-offset:3px}.miko-home .store-button img{display:block;width:auto;height:clamp(44px,4.1vw,58px);transform:none!important;scale:1!important}.miko-home .tiny-note{position:absolute;right:clamp(18px,2vw,34px);bottom:11px;z-index:4;margin:0;color:#0d0d0f6b;font-family:var(--round-font);font-size:7px;letter-spacing:.08em}.miko-home .toast{position:fixed;top:50%;left:50%;z-index:80;max-width:calc(100% - 40px);padding:11px 16px;color:#fff;border-radius:999px;background:var(--ink);font-size:12px;font-weight:800;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.86);transition:opacity .16s ease,transform .2s ease}.miko-home .toast.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.miko-home .story-section{--story-content-max: 1220px;--story-inline-space: clamp(48px, 10vw, 160px);position:relative;min-height:100svh;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;background:#fff;isolation:isolate}.miko-home .story-section:before{display:none}.miko-home .story-inner{width:min(var(--story-content-max),calc(100% - var(--story-inline-space)));min-height:100svh;margin:0 auto;display:grid;grid-template-columns:minmax(0,.94fr) minmax(380px,1.06fr);align-items:center;gap:clamp(50px,8vw,132px);padding:clamp(72px,9vh,110px) 0}.miko-home .story-copy{position:relative;z-index:2}.miko-home .story-kicker{display:flex;align-items:center;gap:11px;margin:0 0 clamp(25px,4vh,42px);font-size:clamp(11px,.95vw,15px);font-weight:950;letter-spacing:.11em}.miko-home .story-kicker span{display:grid;width:34px;height:34px;place-items:center;color:#fff;border-radius:50%;background:var(--ink);letter-spacing:0}.miko-home .story-copy h2{max-width:780px;margin:0;font-size:60px;font-weight:950;line-height:1.05;letter-spacing:-.02em}.miko-home .story-lead{margin:.12em 0 0;font-size:60px;font-weight:950;line-height:1.12;letter-spacing:-.02em}.miko-home .story-body{margin:clamp(30px,4.2vh,48px) 0 0;font-size:clamp(18px,1.62vw,26px);font-weight:700;line-height:1.72;letter-spacing:.015em}.miko-home .story-body-secondary{margin-top:clamp(10px,1.7vh,20px)}.miko-home .story-index{position:absolute;right:max(calc((100% - var(--story-content-max)) / 2),calc(var(--story-inline-space) / 2));bottom:clamp(18px,2.2vh,30px);margin:0;color:#0d0d0f61;font-size:9px;font-weight:900;letter-spacing:.12em}.miko-home .miko-portrait{position:relative;width:min(100%,600px);aspect-ratio:1;justify-self:end}.miko-home .ip-illustration{display:block;width:100%;height:100%;object-fit:contain}.miko-home .story-plan .story-inner{grid-template-columns:minmax(380px,1.02fr) minmax(0,.98fr)}.miko-home .story-records{--site-footer-height: 196px}.miko-home .story-records .story-inner{min-height:calc(100svh - var(--site-footer-height))}.miko-home .story-records .story-index{bottom:calc(var(--site-footer-height) + 4px)}.miko-home .site-footer{position:relative;z-index:6;isolation:isolate;display:grid;width:min(var(--story-content-max),calc(100% - var(--story-inline-space)));min-height:var(--site-footer-height);grid-template-columns:minmax(250px,1fr) auto;align-items:center;gap:5px 30px;margin:0 auto;padding:42px 0 48px;border-top:1px solid rgba(255,255,255,.2);color:#ffffffad;font-size:clamp(10px,.85vw,13px);font-weight:700;line-height:1.65}.miko-home .site-footer:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;background:var(--ink);transform:translate(-50%)}.miko-home .site-footer p{margin:0}.miko-home .footer-company{grid-row:1 / span 2;align-self:center;color:#fff;font-size:clamp(12px,1vw,15px);font-weight:900}.miko-home .footer-row{display:flex;flex-wrap:wrap;justify-content:flex-end}.miko-home .site-footer a{color:inherit;text-decoration:none;text-underline-offset:3px;transition:color .14s ease,text-decoration-color .14s ease}.miko-home .site-footer a:hover{color:#fff;text-decoration:underline}.miko-home .site-footer a:focus-visible{border-radius:3px;outline:3px solid var(--blue);outline-offset:3px}@media(max-width:900px){.miko-home .logo-card{width:clamp(156px,20vw,185px)}.miko-home .action-card{width:clamp(108px,15vw,136px)}.miko-home .app-card{width:clamp(138px,18vw,166px)}.miko-home .story-inner{width:min(calc(100% - 56px),960px);grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:40px}.miko-home .story-plan .story-inner{grid-template-columns:minmax(320px,.9fr) minmax(0,1fr)}.miko-home .story-copy h2,.miko-home .story-lead{font-size:60px}}@media(max-width:620px){.miko-home .sticker-wall{min-height:540px;background-position:center}.miko-home .sticker-wall:after{background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.7),transparent 44%)}.miko-home .instruction{top:14px;right:12px;gap:7px;padding:8px 10px 8px 8px}.miko-home .instruction-dot{width:8px;height:8px}.miko-home .instruction strong,.miko-home .instruction small{font-size:7px}.miko-home .logo-card{top:10px;left:10px;width:128px}.miko-home .app-card{top:21%;left:50%;width:min(31vw,122px)}.miko-home .action-card{width:min(25vw,100px)}.miko-home .action-one{top:10%;left:0;width:min(26vw,104px)}.miko-home .action-two{top:10%;right:-1%;left:auto}.miko-home .action-three{top:25%;left:-1%}.miko-home .action-four{top:27%;right:-1%;left:auto}.miko-home .action-five{top:38%;right:auto;left:14%}.miko-home .action-six{top:40%;right:14%;bottom:auto}.miko-home .action-seven{bottom:32%;left:0;width:min(27vw,106px)}.miko-home .action-eight{right:0;bottom:30%;left:auto}.miko-home .action-nine{top:55%;left:50%;transform:translate(-50%) rotate(var(--tilt))}.miko-home .action-nine:hover:not(.is-revealing):not(.is-revealed){transform:translate(-50%) translateY(-3px) rotate(var(--tilt))}.miko-home .reveal-copy{width:82%;min-height:62%;gap:4px;padding:9px;border-width:1.5px;border-radius:13px 16px 12px 17px;box-shadow:4px 5px #0d0d0f1f}.miko-home .reveal-copy span{font-size:5px}.miko-home .reveal-copy strong{font-size:clamp(10px,2.8vw,12px);line-height:1.22}.miko-home .reveal-qr span{font-size:6px}.miko-home .download-dock{bottom:calc(48px + env(safe-area-inset-bottom,0px));gap:5px}.miko-home .download-dock p{font-size:6px}.miko-home .store-buttons{gap:7px}.miko-home .store-button{width:auto}.miko-home .store-button img{height:min(12vw,42px)}.miko-home .tiny-note{display:none}.miko-home .manifesto{top:auto;bottom:18.5%;left:18px;gap:5px;transform:none}.miko-home .manifesto span{font-size:5px}.miko-home .manifesto h1{font-size:clamp(23px,7.8vw,32px)}html.miko-home{scroll-snap-type:y proximity}.miko-home .story-section{min-height:100svh;overflow:hidden}.miko-home .story-inner,.miko-home .story-plan .story-inner{width:calc(100% - 40px);min-height:100svh;grid-template-columns:1fr;align-content:center;gap:28px;padding:68px 0 54px}.miko-home .story-plan .story-copy{grid-row:1}.miko-home .story-kicker{margin-bottom:19px;font-size:9px}.miko-home .story-kicker span{width:27px;height:27px}.miko-home .story-copy h2{font-size:60px;line-height:1.06}.miko-home .story-lead{font-size:60px}.miko-home .story-body{margin-top:20px;font-size:clamp(15px,4.5vw,19px);line-height:1.62}.miko-home .story-body-secondary{margin-top:7px}.miko-home .story-index{right:20px;bottom:12px;font-size:7px}.miko-home .miko-portrait{width:min(82vw,340px);justify-self:center}.miko-home .story-records{--site-footer-height: 218px}.miko-home .story-records .story-inner{min-height:calc(100svh - var(--site-footer-height))}.miko-home .story-records .story-index{bottom:calc(var(--site-footer-height) + 4px)}.miko-home .site-footer{width:calc(100% - 40px);grid-template-columns:1fr;align-items:start;gap:7px;padding:32px 0 38px;font-size:9px;line-height:1.7}.miko-home .footer-company{grid-row:auto;margin-bottom:2px;font-size:11px}.miko-home .footer-row{justify-content:flex-start}}@media(max-height:690px)and (min-width:621px){.miko-home .sticker-wall{min-height:560px}.miko-home .logo-card{top:3%}.miko-home .app-card{width:min(13vw,168px)}}@media(min-width:1800px)and (min-height:900px){.miko-home .logo-card{top:3.2vh;left:3.6vw;width:clamp(250px,14vw,340px)}.miko-home .app-card{width:clamp(240px,13vw,320px)}.miko-home .action-card{width:clamp(190px,10.5vw,260px)}.miko-home .action-one{width:clamp(210px,11.5vw,280px)}.miko-home .manifesto{left:26%;gap:13px}.miko-home .manifesto span{font-size:11px}.miko-home .manifesto h1{font-size:clamp(52px,3.2vw,72px)}.miko-home .instruction{top:clamp(30px,3.5vh,48px);right:clamp(36px,3.4vw,72px);gap:13px;padding:13px 18px 13px 14px;border-width:2px}.miko-home .instruction-dot{width:14px;height:14px;border-width:3px}.miko-home .instruction strong,.miko-home .instruction small{font-size:11px}.miko-home .reveal-copy{gap:7px;padding:15px;border-width:3px;box-shadow:10px 11px #0d0d0f1f}.miko-home .reveal-copy:before{top:-9px;width:58px;height:18px}.miko-home .reveal-copy span{font-size:11px}.miko-home .reveal-copy strong{font-size:18px}.miko-home .reveal-qr span{font-size:14px}.miko-home .download-dock{bottom:clamp(42px,4.5vh,68px);gap:10px}.miko-home .download-dock p{padding:6px 12px;font-size:10px}.miko-home .store-buttons{gap:14px}.miko-home .store-button img{height:clamp(64px,3.4vw,80px)}.miko-home .tiny-note{right:clamp(30px,2.4vw,54px);bottom:18px;font-size:9px}}@media(prefers-reduced-motion:reduce){html.miko-home,.miko-home *,.miko-home *:before,.miko-home *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.miko-home .plan-illustration{position:relative;width:min(100%,560px);justify-self:start;margin:0;transform:rotate(-2deg);transform-origin:50% 54%}.miko-home .plan-illustration img{display:block;width:100%;height:auto;object-fit:contain}.miko-home .records-illustration{position:relative;width:min(100%,650px);justify-self:end;margin:0}.miko-home .records-illustration img{display:block;width:100%;height:auto;object-fit:contain}@media(max-width:620px){.miko-home .story-plan .plan-illustration{grid-row:2;width:min(92vw,410px);justify-self:center}.miko-home .story-records .records-illustration{width:min(92vw,420px);justify-self:center}}html.miko-home,.miko-home body{height:auto;overflow-y:auto}.miko-home .manifesto h1{margin:0}.miko-home .store-button{display:block;text-decoration:none}
