:root{--paper:#fbf9f6;--ink:#202732;--muted:#626a78;--rose:#b92761;--pink:#ff75ac;--line:#e7e4e1;--nav-height:72px;--page-width:1280px;--ease:cubic-bezier(.2,.65,.3,1);color-scheme:light;font-family:Inter,"Segoe UI","Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-synthesis:none;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-padding-top:calc(var(--nav-height) + 24px)}body{margin:0;overflow-x:clip}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:not(:disabled),summary,select{cursor:pointer}button{border:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:650}h2{font-size:clamp(36px,3.05vw,44px);line-height:1.3;letter-spacing:-.045em;text-wrap:balance}p{line-height:1.8}::selection{background:#f6ccdd;color:#6a2140}:focus-visible{outline:3px solid var(--rose);outline-offset:5px}.container{width:calc(100% - 160px);max-width:var(--page-width);margin-inline:auto}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--ink);color:white;padding:12px 20px;border-radius:8px}.skip-link:focus{top:12px}
.site-header{position:fixed;inset:0 0 auto;height:var(--nav-height);background:rgba(251,249,246,.92);border-bottom:1px solid rgba(225,220,220,.7);backdrop-filter:blur(18px);z-index:30;transition:box-shadow .2s}.site-header.is-scrolled{box-shadow:0 4px 24px #25202a05}.header-inner{height:100%;max-width:1440px;width:calc(100% - 96px);margin:auto;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;gap:10px;align-items:center;white-space:nowrap;font-size:23px;font-weight:750;letter-spacing:-1px}.brand img{width:42px;height:42px;object-fit:contain}.brand-dot{color:var(--rose)}.main-nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:14px;font-weight:500}.main-nav>a{padding:12px 0;transition:color .18s}.main-nav>a:hover{color:var(--rose)}.nav-external{font-size:12px;color:#8d929c}.nav-github{display:flex;gap:7px;align-items:center}.nav-github .icon{width:18px;height:18px}.button{min-height:50px;display:inline-flex;justify-content:center;align-items:center;gap:18px;border-radius:10px;font-size:15px;font-weight:600;padding:13px 24px;border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;white-space:nowrap}.button .icon{width:20px;height:20px}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--rose);color:white;box-shadow:0 6px 18px #b9276112}.button-primary:hover{background:#a21d53;box-shadow:0 8px 24px #b9276126}.button-secondary{background:#ffffffa8;border-color:#b9276150;color:var(--rose)}.button-secondary:hover{background:#fff;border-color:var(--rose)}.button-header{min-height:38px;padding:9px 17px;border-color:#d7b4c2;color:var(--rose);font-size:13px;gap:13px;background:#fff7fa}.button-header .icon{width:16px;height:16px}.menu-toggle,.mobile-motion{display:none}.icon-button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:transparent}.icon-button:hover{background:#20273208}.menu-toggle{display:none}
.eyebrow{font-size:11px;line-height:1.5;letter-spacing:.2em;font-weight:600;display:flex;align-items:center;gap:9px;color:#7a6e74}.eyebrow-divider{margin:0 4px;color:#c4b6bf}.status-dot{display:inline-block;width:6px;height:6px;background:#77a68c;border-radius:50%;flex:none}.eyebrow>.status-dot{background:var(--rose);box-shadow:0 0 0 4px #b9276108}.chapter-number{color:var(--rose);padding-right:10px;margin-right:2px;border-right:1px solid #d9c8cc;letter-spacing:.03em}.section-description{font-size:17px;line-height:1.8;color:var(--muted);margin-top:22px}.section-heading.centered{text-align:center}.section-heading.centered .eyebrow{justify-content:center;margin-bottom:22px}.mobile-break,.phone-description{display:none}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;line-height:1.6;font-weight:600;padding:0;background:none;color:var(--rose)}.text-link .icon{width:18px;height:18px;transition:transform .2s}.text-link:hover .icon{transform:translateX(3px)}
.hero{position:relative;min-height:110svh;padding-top:var(--nav-height);isolation:isolate;overflow:clip}.hero-scenery{position:absolute;inset:0;z-index:-2;overflow:hidden}.hero-landscape{width:108%;max-width:none;height:108%;position:absolute;left:-4%;top:-4%;object-fit:cover;object-position:57% 52%;opacity:.92;transform:translate3d(0,var(--landscape-y,0px),0) scale(var(--landscape-scale,1.02))}.landscape-wash{position:absolute;inset:0;background:linear-gradient(0deg,var(--paper) 0%,#fbf9f6ee 4%,#fbf9f600 27%),linear-gradient(90deg,var(--paper) 0%,#fbf9f6ea 20%,#fbf9f6a3 36%,#fbf9f64d 55%,#fbf9f62b 72%,#fbf9f600 88%),linear-gradient(180deg,#fbf9f6b0 0%,#fbf9f659 24%,#fbf9f600 48%)}.hero-inner{position:relative;display:grid;grid-template-columns:44% 56%;align-items:center;min-height:calc(100svh - 100px);z-index:2}.hero-copy{padding:28px 0 52px;position:relative;z-index:5}.hero-copy>.eyebrow{font-size:10px;letter-spacing:.23em;margin-bottom:28px}.hero h1{font-size:clamp(64px,5.15vw,76px);font-weight:700;line-height:1.15;letter-spacing:-.065em;margin-left:-4px}.hero h1>span{display:inline-block;color:var(--rose);margin-top:8px}.hero-lead{font-size:21px;line-height:1.55;font-weight:650;margin-top:30px;letter-spacing:-.02em}.hero-description{font-size:15px;color:#4f5966;line-height:1.8;margin-top:9px}.hero-actions{display:flex;align-items:center;gap:14px;margin-top:32px}.hero-actions>.button{min-width:156px}.start-methods{font-size:12px;color:#727784;margin-top:22px;display:flex;align-items:center;gap:12px}.start-methods>span{color:#a5a2aa}.hero-license{display:flex;align-items:center;gap:9px;color:#7a7f89;font-size:12px;margin-top:12px}.hero-license>.icon{width:14px;height:14px;color:#8d7c85}.hero-license>span{margin-inline:4px;color:#b3adb3}.hero-visual{height:min(620px,76svh);position:relative;min-width:0}.hero-console{position:absolute;left:0;right:-25px;top:40px;border:1px solid #ffffffd9;background:#ffffffe0;border-radius:16px;box-shadow:0 30px 70px -30px #334d695c,0 0 0 10px #ffffff20;overflow:hidden;transform:translate3d(0,var(--console-y,0px),0) perspective(1400px) rotateY(var(--console-angle,-3deg));transform-origin:center}.window-chrome{height:22px;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 12px;background:#ffffffe0;border-bottom:1px solid #e7e7ec;font-size:8.5px;color:#6d7380}.window-chrome>span:nth-child(2){display:flex;align-items:center;gap:5px}.window-chrome .icon{width:12px;height:12px}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#e6a8b7}.window-dots i:nth-child(2){background:#e8d7a8}.window-dots i:nth-child(3){background:#b8cdbc}.screenshot-button{padding:0;position:relative;display:block;width:100%;background:none;cursor:zoom-in;text-align:left}.hero-shot img{width:100%;height:auto}.shot-hint{position:absolute;inset:auto auto 12px 12px;display:flex;align-items:center;gap:9px;font-size:10px;background:#ffffffeb;padding:6px 10px;border:1px solid #e7e5ec;border-radius:5px;opacity:0;transition:opacity .18s}.shot-hint .icon{width:12px;height:12px}.screenshot-button:hover .shot-hint,.screenshot-button:focus-visible .shot-hint{opacity:1}.send-decoration{display:inline-flex;justify-content:center;align-items:center;width:26px;height:26px;border-radius:50%;background:var(--rose);color:white;font-size:17px}.hero-saki{position:absolute;right:-36px;bottom:-4px;width:auto;height:clamp(190px,28svh,270px);z-index:4;filter:drop-shadow(0 8px 12px #443b5620);transform:translate3d(0,var(--saki-y,0px),0)}.hero-note{position:absolute;left:35px;bottom:-5px;font-size:11px;color:#635c69;letter-spacing:.02em}.little-star{font-size:20px;color:var(--rose);margin-right:5px}.petals{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.petal{position:absolute;width:18px;height:auto;opacity:.65;transform:translate3d(var(--petal-x,0px),var(--petal-y,0px),0) rotate(var(--rotation,0deg))}.p1{left:3%;top:22%;width:24px;filter:blur(2px);--rotation:38deg}.p2{right:8%;top:15%;width:13px;--rotation:-40deg}.p3{left:48%;bottom:18%;width:27px;filter:blur(2px);--rotation:65deg}.p4{right:3%;bottom:5%;width:36px;filter:blur(3px);--rotation:-20deg}.hero-bottom{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:22px;padding-bottom:32px;border-top:1px solid #d2cccf7a}.supported{display:flex;gap:24px;align-items:center;font-size:12px;color:#68717d}.supported-label{font-size:10px;color:#8a8790;margin-right:6px}.scroll-cue{font-size:10px;color:#7d7d86;display:flex;align-items:center;gap:9px}.scroll-cue>span:last-child{margin-left:6px}.scroll-mouse{height:17px;width:11px;border:1px solid #a9a3aa;border-radius:7px;position:relative}.scroll-mouse:before{content:"";position:absolute;top:3px;left:4px;width:1px;height:4px;background:#a9a3aa}.pane-top{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:600;color:#4c4655;margin-bottom:28px}.pane-icon{width:29px;height:29px;border-radius:8px;display:flex;align-items:center;justify-content:center}.pane-icon .icon{width:16px;height:16px}.pink{background:#fcebf3;color:var(--rose)}.blue{background:#edf3fb;color:#577eaf}.mint{background:#eaf7f1;color:#548b79}.preview-label{margin-left:auto;font-size:9px;line-height:1.6;color:#8d8593;border:1px solid #eee7ef;background:#faf8fb;border-radius:4px;padding:2px 6px;white-space:nowrap;font-weight:400}
.services-section{background:#eff4f5;padding:110px 0 80px}.services-section .section-heading h2{font-size:clamp(32px,3vw,42px)}.services-section .section-description{font-size:15px;margin-top:18px}.service-map{position:relative;max-width:1100px;margin:48px auto 0;padding-bottom:0}.connection-lines{position:absolute;inset:0 0 auto;width:100%;height:260px;pointer-events:none}.connection-lines path{fill:none;stroke:#becdd2;stroke-width:1;stroke-dasharray:1000;stroke-dashoffset:0}.map-core{position:relative;display:flex;align-items:center;gap:12px;padding:16px 21px;margin:auto;width:252px;background:#ffffffd9;border:1px solid #d4dce2;border-radius:12px;box-shadow:0 7px 20px #45536205}.map-core>img{width:44px;height:44px}.map-core>span:nth-child(2){font-size:17px;font-weight:700;letter-spacing:-.03em}.map-core small{display:block;font-weight:400;font-size:10px;letter-spacing:.02em;color:#85919a;margin-top:4px}.core-status{width:5px;height:5px;background:#75a88f;border-radius:50%;margin-left:auto}.service-nodes{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:110px}.service-node{background:#ffffffc9;border:1px solid #d9e0e4;border-radius:11px;display:flex;align-items:center;gap:12px;padding:17px 16px;min-height:86px}.service-icon{height:37px;width:37px;display:flex;align-items:center;justify-content:center;border-radius:9px;flex-shrink:0}.service-icon .icon{width:21px;height:21px}.minecraft{color:#71947b;background:#e9f1ea}.steam{color:#7c739e;background:#efedf5}.docker{color:#6485aa;background:#e7eef8}.linux{color:#9e8167;background:#f3ece5}.service-node h3{font-size:14px;font-weight:600;line-height:1.5}.service-node p{font-size:10px;color:#8a929b;white-space:nowrap;margin-top:3px}.diagram-caption{text-align:right;font-size:9px;color:#929ba3;margin-top:12px}.architecture-note{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #d6dfe2;margin-top:45px;padding-top:26px}.architecture-note>div:first-child{display:flex;align-items:center;gap:15px}.architecture-mark{height:38px;width:38px;border:1px solid #d3dde1;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#8897a5}.architecture-mark .icon{width:18px;height:18px}.architecture-note h3{font-size:14px;font-weight:600;line-height:1.5}.architecture-note p{font-size:11px;color:#87929e;line-height:1.9;margin-top:4px}.architecture-tags{display:flex;gap:8px;flex-wrap:wrap}.architecture-tags>span{font-size:10px;color:#7d8997;border:1px solid #d6dfe3;border-radius:4px;padding:5px 8px}.replay-label{letter-spacing:.04em;padding:3px 8px;border:1px solid #41495a;border-radius:4px;font-size:9px;white-space:nowrap}.status-pill{font-size:10px;line-height:1.5;padding:4px 8px;border-radius:5px;font-weight:500;white-space:nowrap}.error{background:#7b394b33;color:#efacb8;border:1px solid #8d526348}.pending{background:#b927610b;color:#b92761;border:1px solid #b927611f}.success{background:#558e7620;color:#a4deca;border:1px solid #63978342}
.extensions-section{padding:130px 0 140px}.extensions-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.personal-art{position:relative;min-height:465px}.personal-backdrop{position:absolute;inset:20px -5px 30px 0;background:radial-gradient(ellipse,#f3dfd8bd,#f7e9e04d 55%,transparent 75%)}.theme-preview{position:absolute;left:14px;right:15px;top:50px;border:1px solid #e5d7dc;border-radius:14px;padding:17px;background:#fff;box-shadow:0 20px 50px #69506e10;transform:rotate(-4deg);overflow:hidden}.theme-preview .pane-top{font-size:11px;margin-bottom:15px;gap:7px}.theme-preview .pane-top>.icon{width:16px;height:16px;color:#b77a95}.theme-landscape{height:190px;border-radius:7px;background:linear-gradient(#ffffff08,#ffffff08),url('./assets/landscape.webp') center/cover}.theme-preview-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#8e7e89;padding-top:17px}.theme-swatches{display:flex;gap:5px}.theme-swatches i{width:12px;height:12px;border-radius:50%;background:#e9a8c2;border:2px solid white;box-shadow:0 0 0 1px #e4d1d9}.theme-swatches i:nth-child(2){background:#bdc9dc}.theme-swatches i:nth-child(3){background:#c7d6c8}.theme-swatches i:nth-child(4){background:#4b5263}.personal-art>img{position:absolute;right:13px;bottom:0;width:auto;height:265px;filter:drop-shadow(0 7px 10px #5a46501c)}.personal-tag{position:absolute;top:335px;left:8px;z-index:2;display:flex;align-items:center;gap:8px;border:1px solid #e7d8df;background:#ffffffed;box-shadow:0 8px 25px #61425908;border-radius:9px;padding:15px 18px;font-size:11px;color:#8b6076;transform:rotate(-3deg)}.personal-tag .icon{width:16px;height:16px}.personal-star{position:absolute;color:#c78aa3;font-size:36px}.personal-star.s1{top:10px;right:10px}.personal-star.s2{bottom:45px;left:40px;font-size:17px;opacity:.6}.extensions-copy>.eyebrow{margin-bottom:22px}.extensions-copy .section-description{font-size:15px;margin-top:18px}.extension-list{margin:26px 0}.extension-list details{border-bottom:1px solid var(--line)}.extension-list details:first-child{border-top:1px solid var(--line)}.extension-list summary{display:flex;align-items:center;gap:12px;list-style:none;padding:19px 0;font-size:14px;font-weight:500}.extension-list summary::-webkit-details-marker{display:none}.extension-list summary>.icon:first-child{height:18px;width:18px;color:#9a8697}.extension-list summary>span{flex:1}.details-plus{height:15px;width:15px;color:#b3a5ad;transition:transform .2s}.extension-list details[open] .details-plus{transform:rotate(45deg)}.extension-list details>p{padding:0 20px 20px 30px;font-size:12px;color:#8a7e8b;line-height:1.9}.extensions-copy>.text-link{font-size:12px}
.get-started-section{position:relative;padding:105px 0 90px;background:linear-gradient(0deg,#edf2f4,#f5f2ee 63%,var(--paper));isolation:isolate}.get-started-section:before{content:"";position:absolute;inset:0;z-index:-1;background:url('./assets/landscape.webp') center 72%/cover;opacity:.065;mask-image:linear-gradient(transparent,#000 70%,transparent)}.get-started-section .section-heading .section-description{font-size:15px;margin-top:18px}.start-card{max-width:840px;margin:42px auto 0;background:#ffffffed;border:1px solid #e0dde2;border-radius:17px;box-shadow:0 10px 45px #504a6008;overflow:hidden}.start-card-header{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #ede9ed;padding:17px 28px}.start-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#655d69;font-weight:600}.start-label>.status-dot{width:5px;height:5px;background:#b67f97}.start-open-source{font-size:8px;color:#a09ba7;letter-spacing:.12em}.install-tabs{display:flex;border-bottom:1px solid #e7e3e9;margin-inline:28px;gap:26px}.install-tabs>button{background:none;padding:19px 0 17px;font-size:12px;color:#928995;display:flex;align-items:center;gap:7px;position:relative;white-space:nowrap}.install-tabs .icon{width:15px;height:15px}.install-tabs>button[aria-selected=true]{color:var(--rose);font-weight:600}.install-tabs>button[aria-selected=true]:after{content:"";position:absolute;height:2px;inset:auto 0 -1px;background:var(--rose)}.install-panel{padding:26px 28px 28px;min-height:345px}.install-panel[hidden]{display:none}.install-intro h3{font-size:17px;line-height:1.6;letter-spacing:-.03em}.install-intro>p{font-size:12px;color:#8a8190;line-height:1.9;margin-top:6px}.install-steps{list-style:none;display:flex;gap:25px;padding:0;margin:20px 0 18px;font-size:11px;color:#83728a}.install-steps>li{display:flex;align-items:center;gap:7px}.install-steps>li>span{font-family:ui-monospace,monospace;background:#f4eff2;border:1px solid #ebe0e7;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:9px;color:#ab7a92;flex-shrink:0}.install-prerequisite{font-size:10px;line-height:1.9;color:#8e828e;margin-bottom:16px;overflow-wrap:anywhere}.install-prerequisite code{font-size:10px;background:#f5f1f4;color:#86718a;padding:1px 3px;border-radius:3px}.command-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;background:#f6f5f8;border:1px solid #ebe7ed;border-radius:7px;padding:10px 12px;margin-top:9px}.command-row>div{overflow-x:auto;white-space:nowrap;scrollbar-width:thin;padding-bottom:2px}.command-prefix{color:#b1859b;margin-right:12px;font-size:12px;user-select:none}.command-row code{font:12px/1.8 ui-monospace,"Cascadia Code",Consolas,monospace;color:#6b596f}.copy-button{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:#8f7d92;background:#fff;border:1px solid #e5dfe9;border-radius:5px;padding:6px 8px;min-width:56px;min-height:30px}.copy-button .icon{width:12px;height:12px}.copy-button:hover{color:var(--rose);border-color:#d9b5c6}.install-actions{display:flex;align-items:center;gap:24px;margin-top:24px}.install-actions>.button{font-size:12px;min-height:41px;padding:10px 16px;gap:10px}.install-actions>.button>.icon{width:15px;height:15px}.install-actions>.text-link{font-size:11px;gap:7px}.install-actions>.text-link>.icon{width:14px;height:14px}.release-illustration{display:flex;align-items:center;gap:22px;border:1px solid #ebe5ed;background:#faf8fb;border-radius:10px;margin-top:25px;padding:30px;color:#8d7497}.release-illustration>.icon{height:45px;width:45px;stroke-width:1}.release-illustration>span{font-size:14px}.release-illustration small{display:block;font-size:11px;color:#9b8ca2;margin-top:8px}.source-requirements{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 44px}.source-requirements>span{display:flex;align-items:center;gap:8px;font-size:12px;color:#8b7594;padding:12px 16px;border:1px solid #e9e0ee;border-radius:7px;background:#faf7fc}.source-requirements .icon{width:17px;height:17px}.start-bottom-note{font-size:10px;color:#8b8d99;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:27px}.start-bottom-note .icon{width:13px;height:13px}
.site-footer{padding:30px 0 20px;background:#fbf9f6}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:25px;border-bottom:1px solid #e9e4e5}.footer-main .brand{font-size:18px;gap:8px}.footer-main .brand>img{width:32px;height:32px}.footer-main>nav{display:flex;gap:22px;font-size:11px;color:#8c8490}.footer-main>nav>a:hover{color:var(--rose)}.motion-control{display:flex;align-items:center;gap:8px;position:relative;font-size:10px;color:#8a7e8c}.motion-control>label{display:flex;align-items:center;gap:5px;white-space:nowrap}.motion-control .icon{width:13px;height:13px}.motion-control select,.mobile-motion select{background:#fff;border:1px solid #e4dfe5;border-radius:5px;padding:6px 22px 6px 7px;color:#76667c;font-size:10px;min-height:30px}.motion-control [data-motion-status]{position:absolute;top:calc(100% + 3px);right:0;font-size:8px;color:#9b919f;white-space:nowrap}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:19px;font-size:9px;color:#a29aa6;align-items:center}.footer-bottom .little-star{font-size:15px;vertical-align:middle;margin-left:5px;margin-right:0}
.screenshot-viewer{border:1px solid #e5dfe7;border-radius:16px;background:var(--paper);padding:0;width:min(1280px,94vw);max-width:94vw;max-height:94svh;overflow:hidden;box-shadow:0 24px 100px #10182766;color:var(--ink)}.screenshot-viewer::backdrop{background:#131b2baf;backdrop-filter:blur(6px)}.viewer-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 22px;border-bottom:1px solid #e8e2e8}.viewer-header .eyebrow{font-size:8px;color:#ad859b;letter-spacing:.1em}.viewer-header h2{font-size:15px;letter-spacing:0;line-height:1.5;margin-top:4px}.viewer-actions{display:flex;align-items:center;gap:8px}.viewer-zoom{background:white;border:1px solid #e2d8e2;border-radius:6px;min-height:34px;padding:7px 12px;font-size:11px;color:#94768d;white-space:nowrap}.viewer-close{height:34px;width:34px}.viewer-close>.icon{width:18px;height:18px}.viewer-stage{overflow:auto;max-height:calc(94svh - 130px);background:#ebe7ed;overscroll-behavior:contain}.viewer-stage>img{width:100%;max-width:none;height:auto}.viewer-stage.is-zoomed>img{width:auto;max-width:none}.viewer-caption{padding:11px 22px;color:#8c7e90;font-size:10px;display:flex;justify-content:space-between;gap:15px}.viewer-caption>span{white-space:nowrap}.reveal-ready{opacity:0;transform:translateY(16px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.reveal-ready.is-visible{opacity:1;transform:none}.motion-reduced .reveal-ready{opacity:1;transform:none;transition:none}.motion-reduced .hero-landscape,.motion-reduced .hero-console,.motion-reduced .hero-saki{transform:none}.motion-reduced .petals{display:none}.motion-reduced *, .motion-reduced *:before,.motion-reduced *:after{animation:none!important;scroll-behavior:auto!important;transition-duration:0s!important}

@media(min-width:1600px){.hero-console{top:65px}.hero-visual{height:650px}.hero-saki{bottom:0}.hero-copy{padding-bottom:25px}.hero-note{bottom:10px}}
@media(max-width:1200px){.container{width:calc(100% - 96px)}.header-inner{width:calc(100% - 64px);gap:24px}.main-nav{gap:22px}.hero h1{font-size:64px}.hero-lead{font-size:19px}.hero-description{font-size:13px}.hero-actions{gap:10px}.hero-actions>.button{min-width:140px;padding-inline:19px}.hero-visual{height:550px}.hero-console{right:-15px;top:70px}.hero-saki{right:-16px;height:220px}.hero-note{left:15px;font-size:10px}.hero-bottom .supported-label{display:none}.extensions-layout{gap:60px}.architecture-tags{gap:5px}.architecture-tags>span{font-size:9px}.service-nodes{gap:16px}.service-node{padding:15px 12px;gap:9px}.service-icon{height:32px;width:32px}.service-node p{font-size:9px}.footer-main{gap:16px}.footer-main>nav{gap:16px}}
@media(max-width:999px){.container{width:calc(100% - 64px)}.brand{font-size:21px}.main-nav{gap:17px;font-size:12px}.nav-github .icon{display:none}.header-inner{gap:20px}.button-header{padding-inline:13px;gap:8px}.hero{min-height:900px}.hero-inner{min-height:740px;grid-template-columns:45% 55%}.hero h1{font-size:60px}.hero-copy{padding-bottom:10px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:.16em}.hero-lead{font-size:18px}.hero-description{font-size:12px}.hero-actions>.button{min-width:125px;padding-inline:14px;font-size:13px;gap:12px}.hero-console{right:-12px;left:0;top:90px}.hero-visual{height:500px}.hero-saki{height:205px;bottom:0}.hero-note{bottom:-15px;font-size:9px}.start-methods{font-size:10px;gap:7px}.hero-bottom{padding-bottom:26px}.supported{gap:20px;font-size:11px}.services-section{padding:90px 0 65px}.service-nodes{gap:12px}.service-node{gap:8px;padding:12px 10px}.service-node h3{font-size:12px}.service-icon{height:28px;width:28px}.service-icon .icon{width:17px;height:17px}.service-node p{font-size:clamp(9px,2.4vw,12px)}.architecture-note{align-items:flex-start}.architecture-tags{max-width:190px;justify-content:flex-end}.extensions-section{padding:90px 0}.extensions-layout{gap:40px}.personal-art{min-height:380px}.theme-preview{left:0;right:0;padding:13px;top:35px}.theme-preview .pane-top{font-size:9px}.theme-landscape{height:155px}.theme-preview-bottom{font-size:8px}.theme-swatches{gap:3px}.theme-swatches i{width:9px;height:9px}.personal-art>img{height:220px;right:0}.personal-tag{font-size:9px;top:270px;padding:12px}.personal-star.s2{left:15px}.extensions-copy h2{font-size:35px}.extensions-copy>.eyebrow{font-size:9px}.extensions-copy .section-description{font-size:13px}.extension-list summary{font-size:12px;gap:9px;padding:16px 0}.extension-list details>p{font-size:11px;padding-left:26px}.footer-main{flex-wrap:wrap;row-gap:25px}.footer-main>nav{margin-left:auto}.motion-control{margin-left:auto}.footer-main .brand{font-size:18px}.get-started-section{padding:90px 0 75px}}
@media(max-width:719px){:root{--nav-height:60px}.container{width:calc(100% - 48px)}.header-inner{width:calc(100% - 32px);gap:12px}.brand{gap:6px;font-size:19px;letter-spacing:-.8px}.brand>img{height:33px;width:33px}.button-header{margin-left:auto;min-height:33px;font-size:11px;padding:7px 11px;gap:7px;border-radius:7px}.button-header>.icon{width:13px;height:13px}.menu-toggle{display:inline-flex;height:33px;width:30px;border-radius:6px}.menu-toggle>.icon{width:20px;height:20px}.main-nav{position:absolute;top:var(--nav-height);left:0;right:0;background:var(--paper);border-bottom:1px solid #e4dde1;padding:15px 24px 22px;box-shadow:0 12px 20px #20273208;font-size:14px;display:flex;flex-direction:column;align-items:stretch;gap:0;opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;transition:opacity .24s var(--ease),transform .24s var(--ease),visibility 0s linear .24s}.menu-open .main-nav{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .24s var(--ease),transform .24s var(--ease),visibility 0s}.main-nav>a{padding:12px 0;display:flex;gap:8px;border-bottom:1px solid #eee7eb}.main-nav .nav-github .icon{display:block;width:17px;height:17px}.mobile-motion{display:block;padding-top:15px;font-size:12px;color:#85768a}.mobile-motion-label{display:block;margin-bottom:8px}.hero{min-height:0;padding-top:var(--nav-height)}.hero-inner{grid-template-columns:1fr;min-height:0;gap:0}.hero-copy{padding:26px 0 0}.hero-copy>.eyebrow{font-size:8px;letter-spacing:.16em;gap:7px;margin-bottom:18px}.hero-copy .eyebrow-divider{margin:0 1px}.hero h1{font-size:46px;line-height:1.15;margin-left:-2px;letter-spacing:-.055em}.hero h1>span{margin-top:0}.hero-lead{font-size:16px;line-height:1.5;margin-top:17px}.hero-description{font-size:13px;line-height:1.8;margin-top:2px;color:#66616c}.desktop-description{display:none}.phone-description{display:inline}.hero-actions{gap:12px;margin-top:20px}.hero-actions>.button{flex:1;min-width:0;font-size:13px;min-height:48px;padding:12px 15px;gap:18px}.hero-actions .icon{width:18px;height:18px}.start-methods{display:none}.hero-license{font-size:10px;margin-top:12px;gap:7px;line-height:1.7}.hero-license>.icon{height:12px;width:12px}.hero-license>span{margin:0 2px}.hero-visual{height:320px;margin:14px -7px 0;min-height:0}.hero-console{top:17px;left:7px;right:7px;box-shadow:0 17px 37px -15px #465e6c52,0 0 0 5px #ffffff35;border-radius:10px;transform:translate3d(0,var(--console-y,0px),0)}.window-chrome{height:22px;padding-inline:9px;font-size:7px;gap:5px}.window-chrome>span:nth-child(2){gap:3px}.window-chrome .icon{height:9px;width:9px}.window-dots{gap:3px}.window-dots i{width:4px;height:4px}.hero-saki{height:120px;right:0;bottom:6px;transform:none}.send-decoration{width:20px;height:20px;font-size:13px}.hero-note{font-size:8px;left:10px;bottom:1px;letter-spacing:0}.hero-note>.little-star{font-size:16px}.hero-scenery{top:210px}.hero-landscape{height:108%;object-position:55% center}.landscape-wash{background:linear-gradient(0deg,var(--paper),#fbf9f600 45%),linear-gradient(180deg,var(--paper),#fbf9f6ba 16%,#fbf9f621 47%,#fbf9f600 70%)}.hero-bottom{border-top:1px solid #e3dce1;padding-top:17px;padding-bottom:25px;display:block;margin-top:5px}.supported{justify-content:space-between;gap:12px;font-size:10px}.hero-bottom .supported-label{display:none}.scroll-cue{display:none}.petals{display:none}.eyebrow{font-size:9px;letter-spacing:.16em}.chapter-number{padding-right:8px}h2{font-size:31px;line-height:1.35;letter-spacing:-.045em}.desktop-break{display:none}.pane-top{gap:7px;font-size:11px;margin-bottom:23px}.pane-icon{width:26px;height:26px;border-radius:7px}.pane-icon .icon{width:14px;height:14px}.preview-label{font-size:8px;padding:2px 4px}.services-section{padding:68px 0 47px}.services-section .section-heading h2{font-size:30px;line-height:1.4}.mobile-break{display:block}.section-heading.centered .eyebrow{margin-bottom:17px}.services-section .section-description{font-size:13px;line-height:1.9;margin-top:17px}.service-map{margin-top:32px}.connection-lines{height:140px}.map-core{width:225px;padding:13px 17px;gap:10px;border-radius:10px}.map-core>img{width:36px;height:36px}.map-core>span:nth-child(2){font-size:15px}.map-core small{font-size:9px}.service-nodes{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:45px;gap:12px}.service-node{min-height:75px;padding:12px;gap:8px}.service-node h3{font-size:12px}.service-node p{font-size:9px}.service-icon{width:29px;height:29px;border-radius:8px}.connection-lines path{d:path("M550 75V115M550 115H270V150M550 115H830V150");stroke-width:2}.diagram-caption{font-size:8px;margin-top:10px}.architecture-note{flex-direction:column;gap:17px;padding-top:22px;margin-top:27px}.architecture-mark{display:none}.architecture-note h3{font-size:14px}.architecture-note p{font-size:11px;line-height:1.9}.architecture-tags{max-width:none;justify-content:flex-start;gap:7px}.architecture-tags>span{font-size:9px;padding:5px 7px}.replay-label{font-size:8px;padding:3px 6px}.status-pill{font-size:9px}.extensions-section{padding:60px 0 72px}.extensions-layout{grid-template-columns:1fr;gap:35px}.personal-art{min-height:340px;max-width:360px;width:100%;margin:auto}.theme-preview{left:8px;right:12px;top:30px;padding:14px}.theme-preview .pane-top{font-size:10px}.theme-landscape{height:145px}.theme-preview-bottom{font-size:9px}.personal-art>img{height:210px;right:3px;bottom:0}.personal-tag{font-size:9px;top:252px;left:0;padding:12px 14px}.personal-star.s1{font-size:29px;right:3px;top:2px}.personal-star.s2{left:30px;bottom:20px}.extensions-copy h2{font-size:32px}.extensions-copy .section-description{font-size:14px;margin-top:15px}.extensions-copy>.eyebrow{font-size:9px;margin-bottom:17px}.extension-list{margin:23px 0}.extension-list summary{font-size:14px;padding:19px 0;gap:12px}.extension-list details>p{font-size:12px;line-height:1.9}.extensions-copy>.text-link{font-size:12px}.get-started-section{padding:65px 0 50px}.get-started-section h2{font-size:31px}.get-started-section .section-heading .section-description{font-size:13px;margin-top:16px}.start-card{margin-top:30px;border-radius:13px}.start-card-header{padding:15px 17px;gap:8px}.start-label{font-size:10px}.start-open-source{font-size:6px;letter-spacing:.04em}.install-tabs{gap:0;margin-inline:17px;justify-content:space-between}.install-tabs>button{font-size:10px;gap:5px;padding:17px 0 15px}.install-tabs .icon{width:13px;height:13px}.install-panel{padding:22px 17px 23px;min-height:390px}.install-intro h3{font-size:16px;line-height:1.7}.install-intro>p{font-size:11px;line-height:1.9;margin-top:7px}.install-steps{gap:12px;flex-wrap:wrap;margin:18px 0;font-size:9px;row-gap:8px}.install-steps>li{gap:5px}.install-steps>li>span{width:16px;height:16px;font-size:8px}.install-prerequisite{font-size:10px;line-height:1.9;margin-bottom:15px}.install-prerequisite code{font-size:9px}.command-row{padding:9px 8px;gap:8px;border-radius:6px}.command-prefix{margin-right:6px;font-size:10px}.command-row code{font-size:10px;line-height:2}.copy-button{min-width:32px;min-height:32px;padding:7px;font-size:9px}.copy-button>span{display:none}.copy-button .icon{height:13px;width:13px}.copy-button.is-copied{color:var(--rose)}.install-actions{gap:15px;margin-top:22px;flex-wrap:wrap;row-gap:15px}.install-actions>.button{font-size:11px;padding:10px 12px;gap:7px;min-height:41px}.install-actions>.text-link{font-size:10px;gap:5px}.install-actions>.text-link>.icon{height:12px;width:12px}.release-illustration{padding:25px 17px;gap:15px;margin-top:23px}.release-illustration>.icon{height:35px;width:35px}.release-illustration>span{font-size:12px}.release-illustration small{font-size:10px;line-height:1.9}.source-requirements{gap:8px;margin:25px 0 30px}.source-requirements>span{font-size:11px;padding:10px 12px}.start-bottom-note{font-size:9px;gap:6px;margin-top:23px}.start-bottom-note .icon{width:12px;height:12px}.site-footer{padding:25px 0 18px}.footer-main{gap:20px;align-items:center;padding-bottom:25px}.footer-main .brand{font-size:19px}.footer-main>nav{order:3;width:100%;margin:0;justify-content:space-between;gap:10px;font-size:10px}.motion-control{font-size:9px;gap:5px}.motion-control select{font-size:9px;padding:5px 15px 5px 5px;max-width:90px}.motion-control .icon{display:none}.motion-control [data-motion-status]{font-size:7px;top:calc(100% + 2px)}.footer-bottom{font-size:8px;gap:10px;padding-top:18px;flex-wrap:wrap;row-gap:5px}.footer-bottom>span:last-child{font-size:7px}.screenshot-viewer{max-width:calc(100vw - 20px);width:calc(100vw - 20px);border-radius:12px}.viewer-header{padding:13px 14px;gap:12px}.viewer-header .eyebrow{font-size:6px;letter-spacing:.05em}.viewer-header h2{font-size:11px;margin-top:5px;line-height:1.7}.viewer-actions{gap:3px}.viewer-zoom{font-size:9px;padding:6px 8px;min-height:32px}.viewer-close{width:30px;height:32px}.viewer-caption{font-size:8px;padding:11px 14px}.viewer-caption>span{display:none}}
@media(max-width:349px){.hero-actions{flex-direction:column;align-items:stretch;gap:10px}.hero-actions>.button{width:100%}.hero h1{font-size:40px}.hero-lead{font-size:14px}.hero-description{font-size:12px}.hero-copy>.eyebrow{font-size:7px;letter-spacing:.1em}.brand{font-size:17px;gap:4px}.brand>img{width:29px;height:29px}.header-inner{gap:7px}.button-header{font-size:10px;padding-inline:9px}.hero-visual{height:285px}.hero-saki{height:105px;bottom:9px}.services-section .section-heading h2{font-size:27px}.service-node{padding:10px 8px;gap:6px}.service-icon{height:24px;width:24px}.service-node h3{font-size:11px}.service-node p{font-size:clamp(9px,2.4vw,12px)}.install-tabs{margin-inline:12px}.install-tabs>button{font-size:9px;gap:4px}.install-tabs .icon{display:none}.install-panel{padding-inline:13px}.install-steps{font-size:8px;gap:8px}.personal-tag{font-size:8px;padding:11px}.start-open-source{font-size:5px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-standard) .reveal-ready{opacity:1;transform:none;transition:none}html:not(.motion-standard) .petals{display:none}}

html{scrollbar-gutter:stable}html.viewer-open{overflow:hidden}
@media(max-width:719px){.hero-scenery{top:0}.landscape-wash{background:linear-gradient(0deg,var(--paper),#fbf9f600 42%),linear-gradient(180deg,var(--paper) 0%,var(--paper) 29%,#fbf9f6a8 45%,#fbf9f600 68%)}}

/* hero 主按钮：1:1 复刻项目 liquid-glass-inner 真实透明液态玻璃 */
.hero-actions{display:flex;align-items:center;gap:16px;margin-top:28px;position:relative;z-index:10}
.hero-actions .button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;min-height:48px;min-width:152px;padding:0 24px;border-radius:9999px !important;font-size:14.5px;font-weight:600;letter-spacing:0.015em;text-decoration:none;cursor:pointer;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:manipulation;box-sizing:border-box;transform:translateY(0) scale(1);transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),background .28s cubic-bezier(.16,1,.3,1),border-color .28s cubic-bezier(.16,1,.3,1),color .28s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px) saturate(180%) contrast(1.08) brightness(1.06);-webkit-backdrop-filter:blur(20px) saturate(180%) contrast(1.08) brightness(1.06);border:1px solid rgba(255,255,255,.6) !important;border-top-color:rgba(255,255,255,.9) !important;border-bottom-color:rgba(255,255,255,.35) !important}
.hero-actions .button::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1}
.hero-actions .button::after{content:"";position:absolute;top:0;left:-130%;width:90%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);transform:skewX(-22deg);transition:left .75s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:2}
@media(hover:hover) and (pointer:fine){.hero-actions .button:hover::after{left:170%}}
.hero-actions .button>span,.hero-actions .button .icon{position:relative;z-index:3}
.hero-actions .button .icon{width:16px;height:16px;transition:transform .28s cubic-bezier(.16,1,.3,1)}
@media(hover:hover) and (pointer:fine){.hero-actions .button:hover .icon{transform:translateX(4px)}}

/* 主按钮：半透明液态粉晶玻璃（高透光 + 背景折射，复刻项目 liquid-glass-inner） */
.hero-actions .button-primary{background:linear-gradient(180deg,rgba(255,117,172,.38) 0%,rgba(216,45,114,.28) 50%,rgba(185,39,97,.40) 100%) !important;border-top-color:rgba(255,255,255,.95) !important;border-bottom-color:rgba(185,39,97,.45) !important;box-shadow:0 12px 36px rgba(185,39,97,.20),0 3px 10px rgba(185,39,97,.08),inset 0 1.5px 2px rgba(255,255,255,.9),inset 0 0 0 1px rgba(255,255,255,.25),inset 0 -6px 16px rgba(185,39,97,.16) !important;color:#fff !important;text-shadow:0 1px 2px rgba(90,10,45,.4)}
.hero-actions .button-primary::before{background:linear-gradient(180deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,.05) 50%,transparent 100%)}
@media(hover:hover) and (pointer:fine){.hero-actions .button-primary:hover{transform:translateY(-2px) scale(1.02) !important;background:linear-gradient(180deg,rgba(255,117,172,.52) 0%,rgba(216,45,114,.40) 50%,rgba(185,39,97,.52) 100%) !important;box-shadow:0 16px 40px rgba(185,39,97,.30),0 4px 14px rgba(185,39,97,.12),inset 0 2px 2px #fff,inset 0 0 0 1px rgba(255,255,255,.35),inset 0 -6px 16px rgba(185,39,97,.22) !important}}
.hero-actions .button-primary:active{transform:translateY(1px) scale(.98) !important;box-shadow:0 6px 18px rgba(185,39,97,.18),inset 0 1px 1.5px rgba(255,255,255,.75),inset 0 -3px 8px rgba(90,10,45,.28) !important}

/* 次按钮：纯净通透水滴液态玻璃（与项目 liquid-glass-inner 完全一致） */
.hero-actions .button-secondary{background:rgba(255,255,255,.18) !important;border-top-color:rgba(255,255,255,.95) !important;border-bottom-color:rgba(255,255,255,.4) !important;box-shadow:0 12px 36px rgba(43,32,48,.08),0 3px 10px rgba(43,32,48,.03),inset 0 1.5px 2px rgba(255,255,255,.9),inset 0 0 0 1px rgba(255,255,255,.3),inset 0 -6px 16px rgba(43,32,48,.04) !important;color:var(--rose,#ad3e65) !important;text-shadow:0 1px 1px rgba(255,255,255,.8)}
.hero-actions .button-secondary::before{background:linear-gradient(180deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,.06) 50%,transparent 100%)}
@media(hover:hover) and (pointer:fine){.hero-actions .button-secondary:hover{transform:translateY(-2px) scale(1.02) !important;background:rgba(255,255,255,.32) !important;border-color:rgba(255,255,255,.85) !important;border-top-color:#fff !important;color:#922d52 !important;box-shadow:0 16px 40px rgba(43,32,48,.14),0 4px 14px rgba(43,32,48,.05),inset 0 2px 2px #fff,inset 0 0 0 1px rgba(255,255,255,.45),inset 0 -6px 16px rgba(43,32,48,.05) !important}}
.hero-actions .button-secondary:active{transform:translateY(1px) scale(.98) !important;box-shadow:0 5px 14px rgba(43,32,48,.07),inset 0 1px 1.5px #fff,inset 0 -2px 6px rgba(43,32,48,.03) !important}

/* FAQ —— 面向 AI 搜索的结构化问答区 */
.faq-section{padding:70px 0 80px;border-top:1px solid var(--line)}
.faq-section .container{max-width:820px}
.faq-section h2{font-size:clamp(22px,2.6vw,30px);letter-spacing:-.01em;margin:0 0 8px}
.faq-sub{font-size:13px;color:var(--muted);margin:0 0 26px}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 2px;font-size:14.5px;font-weight:600;color:var(--ink)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";font-size:18px;font-weight:400;color:var(--rose);transition:transform .2s var(--ease);line-height:1}
.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-list details p{margin:0;padding:0 26px 16px 2px;font-size:13.5px;line-height:1.95;color:#4a4152}
@media (max-width:719px){.faq-section{padding:52px 0 60px}}

/* ---------- 语言切换器 ---------- */
#lang-switcher{display:inline-flex;align-items:center}
.lang-switch{position:relative}
.lang-trigger{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:5px 10px 5px 11px;font-size:12px;font-weight:500;color:#6b5f6b;background:#fffdfcfb;border:1px solid #e6dce1;border-radius:8px;cursor:pointer;font-family:inherit;transition:border-color .18s,box-shadow .18s,color .18s,transform .18s var(--ease)}
.lang-trigger:hover{border-color:#d3a9bd;color:var(--rose)}
.lang-trigger:focus-visible{outline:none;border-color:var(--rose);box-shadow:0 0 0 3px #b9276114}
.lang-trigger-icon{display:inline-flex;color:#b08ba0;transition:color .18s}
.lang-trigger:hover .lang-trigger-icon{color:var(--rose)}
.lang-trigger-label{line-height:1}
.lang-trigger-chev{display:inline-flex;color:#b08ba0;transition:transform .2s var(--ease)}
.lang-switch.is-open .lang-trigger{border-color:#d3a9bd;color:var(--rose)}
.lang-switch.is-open .lang-trigger-chev{transform:rotate(180deg)}
.lang-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:150px;padding:4px;background:#fff;border:1px solid #e9dfe4;border-radius:10px;box-shadow:0 12px 32px #5a465018,0 2px 8px #5a46500c;opacity:0;visibility:hidden;transform:translateY(-5px) scale(.98);transform-origin:top right;transition:opacity .16s var(--ease),transform .16s var(--ease),visibility .16s;z-index:60}
.lang-switch.is-open .lang-menu{opacity:1;visibility:visible;transform:none}
.lang-option{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:8px 10px;font-size:12.5px;color:#5d5560;background:none;border:0;border-radius:6px;cursor:pointer;font-family:inherit;text-align:left;transition:background .14s,color .14s}
.lang-option:hover,.lang-option.is-focus{background:#faf2f5;color:var(--rose)}
.lang-option.is-active{color:var(--rose);font-weight:600}
.lang-option-check{display:inline-flex;color:var(--rose);opacity:0;transition:opacity .14s}
.lang-option.is-active .lang-option-check{opacity:1}
@media (max-width:719px){#lang-switcher{display:block;margin-top:4px;width:100%}.lang-switch .lang-trigger{display:none}.lang-menu{position:static;top:auto;left:auto;right:auto;min-width:0;max-height:none;transform:none;opacity:1;visibility:visible;box-shadow:none;border:0;border-radius:0;background:transparent;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lang-option{width:auto;min-height:40px;padding:8px 6px;font-size:12.5px;justify-content:center;gap:6px;border:1px solid #e6dce1;border-radius:8px;background:#fffdfcfb}.lang-option.is-active{border-color:#d3a9bd;background:#fdf3f7;font-weight:600}.lang-option-check{display:none}}

/* ---------- 动效下拉自定义组件 & 移动端按钮箭头 ---------- */
.motion-select-hidden{display:none!important}
.motion-trigger{min-height:30px;font-size:10.5px;color:#76667c}
.motion-fancy .lang-menu{min-width:110px}
@media (max-width:719px){.button-header .icon{display:none}.button-header{gap:0}}

/* ---------- 移动端导航菜单动效 ---------- */
@keyframes nav-item-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@keyframes lang-menu-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.menu-open .main-nav>*{animation:nav-item-in .32s var(--ease) both}
.menu-open .main-nav>*:nth-child(1){animation-delay:.03s}
.menu-open .main-nav>*:nth-child(2){animation-delay:.07s}
.menu-open .main-nav>*:nth-child(3){animation-delay:.11s}
.menu-open .main-nav>*:nth-child(4){animation-delay:.15s}
.menu-open .main-nav>*:nth-child(5){animation-delay:.19s}
.menu-toggle{position:relative}
.menu-toggle>.menu-icon-open,.menu-toggle>.menu-icon-close{transition:opacity .18s var(--ease),transform .22s var(--ease)}
.menu-toggle>.menu-icon-close{position:absolute;inset:0;margin:auto;opacity:0;transform:rotate(-90deg) scale(.5)}
.menu-open .menu-toggle>.menu-icon-open{opacity:0;transform:rotate(90deg) scale(.5)}
.menu-open .menu-toggle>.menu-icon-close{opacity:1;transform:none}
.menu-open .main-nav>a:active{background:#faf2f5;color:var(--rose)}
.motion-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.motion-seg>button{min-height:40px;padding:8px 6px;font:inherit;font-size:12.5px;font-weight:500;color:#6b5f6b;border:1px solid #e6dce1;border-radius:8px;background:#fffdfcfb;cursor:pointer;transition:border-color .18s,background .18s,color .18s}
.motion-seg>button:active{background:#faf2f5}
.motion-seg>button.is-active{border-color:#d3a9bd;background:#fdf3f7;color:var(--rose);font-weight:600}
html.motion-reduced .menu-open .main-nav>*,html.motion-reduced .lang-switch.is-open .lang-menu{animation:none}
html.motion-reduced .main-nav,html.motion-reduced .menu-toggle>.menu-icon-open,html.motion-reduced .menu-toggle>.menu-icon-close{transition:none}