@charset "UTF-8";

/* 统一色彩与排版 */
:root{color-scheme:dark;--ink:#f2f4f8;--muted:#949aa8;--blue:#7ca7ff;--line:#ffffff16;--surface:#090b0f;--radius:22px;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);background:var(--surface);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-size:16px;line-height:1.7;background:radial-gradient(ellipse 65% 650px at 73% 13%,#101c322e,transparent),var(--surface)}
button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0;color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.4}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #8cafef;outline-offset:5px}img{display:block;max-width:100%}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}p,h1,h2,h3{margin:0}
a,button{transition:background .2s,color .2s,transform .2s,border-color .2s}[hidden]{display:none!important}.container{width:min(1200px,calc(100% - 96px));margin-inline:auto}.section-space{padding-top:114px}.blue-dot{color:var(--blue)}.muted{color:var(--muted)}
.skip-link{position:fixed;top:-100px;left:20px;z-index:30;background:#fff;color:#111;padding:12px}.skip-link:focus{top:12px}

/* 简洁导航 */
.site-header{position:sticky;top:0;z-index:10;background:#090b0fe8;backdrop-filter:blur(22px);border-bottom:1px solid #ffffff0b}.header-inner{height:82px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:700;letter-spacing:-1px;min-width:0}.brand-mark{display:grid;place-items:center;width:34px;height:34px;color:#dce6fc;border:1px solid #3a4356;border-radius:11px;background:linear-gradient(145deg,#1f2c44,#111720)}.brand-mark svg{width:26px;height:26px;stroke-width:2.2}.brand-dot{color:var(--blue)}.brand>span:last-child{overflow-wrap:anywhere}
nav{display:flex;align-items:center;gap:35px;font-size:14px;font-weight:500;color:#9da3af}nav>a:hover{color:#fff}.nav-support{display:flex;align-items:center;gap:8px;padding:8px 15px;border:1px solid #ffffff23;color:#dbe2f1;border-radius:9px}.nav-support svg{width:16px;height:16px}.nav-support:hover{background:#ffffff08;border-color:#ffffff50}.menu-toggle{display:none;background:transparent;padding:10px}

/* 首屏让真实产品与文字成为主角 */
.hero{min-height:738px;display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:30px;padding-block:68px 65px;position:relative}
.hero-copy{position:relative;z-index:2;min-width:0}.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:1.6px;color:#929cae}.tiny-orbit{width:6px;height:6px;border-radius:50%;background:#8eade8;box-shadow:0 0 12px #729ed05c}.hello{margin-top:30px;margin-bottom:16px;font-size:16px;color:#939aa7}.hello>span{color:#d4dbe8;font-weight:500}
h1{font-size:clamp(62px,6.25vw,90px);font-weight:750;line-height:1.17;letter-spacing:-5px;overflow-wrap:anywhere}.blue-text{color:#a7c1ff;background:linear-gradient(110deg,#e2e9ff 0%,#aac7ff 45%,#538df5 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-description{font-size:16px;line-height:1.95;color:#9299a7;max-width:445px;margin-top:25px;white-space:pre-line}.hero-actions{display:flex;gap:14px;margin-top:31px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;gap:19px;align-items:center;justify-content:center;padding:13px 23px;min-height:49px;border-radius:9px;font-size:14px;font-weight:600}.button svg{width:18px;height:18px}.button-primary{background:#f0f3fa;color:#151a24;border:1px solid #fff;box-shadow:0 0 20px #d9e6ff06}.button-primary:hover{background:white;transform:translateY(-2px);box-shadow:0 8px 24px #d9e6ff13}.button-quiet{background:transparent;border:1px solid #ffffff25;color:#c0c7d4}.button-quiet:hover{background:#ffffff08;border-color:#ffffff50}
.hero-footnote{display:flex;gap:24px;align-items:center;margin-top:37px;padding-top:24px;border-top:1px solid var(--line);max-width:380px}.work-count{font-family:Arial,sans-serif;font-size:33px;font-weight:400;line-height:1.2;color:#c4cedf;letter-spacing:-1px}.work-count>span{display:block;font-size:12px;font-family:"Microsoft YaHei",sans-serif;letter-spacing:2px;color:#7e8798;margin-top:7px}.footnote-description{font-size:12px;line-height:1.85;color:#6f798c}
.hero-art{height:590px;position:relative;isolation:isolate;min-width:0}.device-halo{position:absolute;inset:30px -12px 52px;background:radial-gradient(ellipse at 53% 50%,#315ba639 0%,#2e477622 32%,transparent 68%);filter:blur(24px);z-index:-1}.device{position:absolute;filter:drop-shadow(0 30px 36px #000b)}.device img{width:100%;height:auto;animation:product-enter 1s cubic-bezier(.22,1,.36,1) both}.device-primary{width:302px;right:14px;top:16px;transform:rotate(9deg);z-index:2}.device-secondary{width:230px;left:5px;top:127px;transform:rotate(-14deg);opacity:.88}.device-secondary img{animation-delay:.12s}.art-caption{position:absolute;bottom:6px;left:47px;display:flex;gap:14px;align-items:center;color:#c7cfdd;font-size:14px;letter-spacing:1px}.caption-line{width:30px;height:1px;background:#8397bc}.art-caption small{display:block;color:#8290a5;font-size:12px;letter-spacing:.3px;margin-top:4px}
@keyframes product-enter{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}

/* 作品区使用大幅展示与紧凑卡片形成节奏 */
.apps-section{padding-top:48px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-kicker{font-size:12px;letter-spacing:2px;color:#7588ab;margin-bottom:15px}h2{font-size:38px;font-weight:650;line-height:1.4;letter-spacing:-1.7px;overflow-wrap:anywhere}.section-heading>p{color:#787f8e;font-size:14px;line-height:1.8;max-width:280px}.blue-dot{margin-left:2px}
.app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.app-card{background:linear-gradient(145deg,#14171e,#0e1117);border:1px solid #ffffff12;border-radius:var(--radius);padding:25px 23px 17px;position:relative;min-width:0;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,border-color .3s,box-shadow .3s}.app-card:hover{transform:translateY(-4px);border-color:#667da34d;box-shadow:0 15px 35px #0002}.featured-app{grid-column:span 2;padding:0 30px 24px;background:linear-gradient(135deg,#171d28,#10131a)}.featured-app[data-app="games"]{background:linear-gradient(135deg,#171b26,#121119)}
.app-media{height:270px;margin:0 -30px 25px;position:relative;display:flex;justify-content:center;overflow:hidden;border-bottom:1px solid #ffffff05;background:radial-gradient(ellipse at 50% 52%,#607ab229,transparent 67%)}.app-media img{width:200px;height:auto;max-width:none;object-fit:contain;position:relative;align-self:flex-start;margin-top:28px;transform:rotate(13deg);filter:drop-shadow(0 12px 24px #0008);transition:transform .4s}.featured-app[data-app="games"] .app-media{background:radial-gradient(ellipse at 50% 50%,#8b699720,transparent 70%)}.featured-app[data-app="games"] .app-media img{transform:rotate(-12deg)}.featured-app:hover .app-media img{transform:rotate(7deg) translateY(-6px)}.featured-app[data-app="games"]:hover .app-media img{transform:rotate(-7deg) translateY(-6px)}
.app-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.app-icon{width:54px;height:54px;border-radius:15px;object-fit:contain}.featured-app .app-card-top{margin-bottom:14px}.featured-app .app-icon{width:40px;height:40px;border-radius:12px}.app-category{font-size:12px;color:#7d8798;letter-spacing:.6px}.app-card h3{font-size:21px;line-height:1.5;font-weight:600;letter-spacing:-.6px}.featured-app h3{font-size:27px}.app-description{margin-top:11px;font-size:16px;line-height:1.85;color:#8b93a3;flex:1;overflow-wrap:anywhere}.featured-app .app-description{max-width:460px}.app-card-bottom{border-top:1px solid #ffffff09;margin-top:25px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:6px}.app-platform{font-size:12px;color:#7b8699}.app-details{display:inline-flex;gap:7px;align-items:center;background:transparent;color:#b8c3d7;font-size:14px;padding:5px 0 5px 6px;white-space:nowrap}.app-details svg{width:15px;height:15px}.app-details:hover{color:#fff}
.loading-copy{color:var(--muted);font-size:14px;grid-column:1/-1;padding:32px;background:#11151e;border:1px solid var(--line);border-radius:16px}.config-error{margin-top:16px;background:#3d2b21;padding:18px;border-radius:12px;color:#efbd91;font-size:14px}

/* 联系信息延续暗色的轻边界 */
.contact-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:20px}.personal-contact{background:linear-gradient(135deg,#131923,#10141c);border:1px solid #ffffff13;border-radius:var(--radius);padding:29px 31px;min-width:0}.contact-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.line-icon{width:41px;height:41px;display:grid;place-items:center;border:1px solid #ffffff17;background:#ffffff03;border-radius:11px;color:#869abd}.line-icon svg{width:21px;height:21px}.card-small-label{font-size:12px;color:#647087}.contact-grid h3{font-size:23px;font-weight:550;letter-spacing:-.6px}.personal-contact>p{font-size:16px;color:#828da1;margin-top:12px;line-height:1.9}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line);color:#79869c;font-size:14px}.icon-button{width:36px;height:36px;border-radius:9px;background:#ffffff06;display:grid;place-items:center;flex-shrink:0}.icon-button svg{width:18px;height:18px}.icon-button:hover:not(:disabled){background:#ffffff12;color:#fff}
.groups{display:flex;flex-direction:column;gap:16px;min-width:0}.group-card{background:#10131a;border:1px solid #ffffff13;border-radius:var(--radius);padding:31px;flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.group-heading{display:flex;align-items:center;gap:14px;margin-bottom:17px}.group-card p{font-size:16px;line-height:1.9;color:#828b9b;overflow-wrap:anywhere}.group-actions{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.group-number{font-size:14px;color:#79869c;overflow-wrap:anywhere}.group-buttons{display:flex;flex-wrap:wrap;gap:8px;max-width:100%}.small-button{padding:7px 12px;min-height:36px;background:#1b2332;color:#b3c7e7;border:1px solid #2e3b52;border-radius:8px;font-size:14px;display:inline-flex;align-items:center;justify-content:center}.small-button:hover{background:#253148}

/* 赞助和关于使用较安静的层次 */
.support-panel{background:radial-gradient(ellipse at 13% 100%,#1c2b4233,transparent 65%),#101319;border:1px solid #ffffff13;border-radius:26px;padding:52px 60px;display:grid;grid-template-columns:1fr 240px;gap:50px;align-items:center;overflow:hidden}.support-copy{min-width:0}.support-copy .section-kicker{color:#7a8cab}.support-copy h2{font-size:38px;font-weight:550;line-height:1.55;letter-spacing:-1.5px}.coffee{display:none}.support-copy>p:not(.section-kicker){font-size:16px;line-height:1.95;color:#8893a6;margin-top:20px;white-space:pre-line}.support-note{display:flex;align-items:center;gap:8px;font-size:12px;color:#7c88a0;margin-top:25px}.support-note svg{width:14px;height:14px}.support-link{background:#e8eef8;color:#172033;margin-top:20px}
.qr-placeholder{width:183px;height:194px;margin-inline:auto;border-radius:20px;background:#151b25;border:1px solid #293347;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#a5b3cb}.qr-placeholder svg{width:60px;height:60px;color:#384762;stroke-width:1.5;margin-bottom:12px}.qr-placeholder .heart-path{stroke:#7793c0}.qr-placeholder strong{font-size:14px;font-weight:500}.qr-placeholder span{font-size:12px;color:#8996ae}.donation-caption{margin-top:16px;text-align:center;font-size:12px;color:#8290a7}.qr-button{display:block;background:white;padding:12px;border-radius:16px;margin-inline:auto;width:200px;max-width:100%;overflow:hidden}.qr-button img{width:100%;max-height:240px;object-fit:contain}
.about-section{display:grid;grid-template-columns:85px 1fr 50px;gap:34px;align-items:center;padding-bottom:85px}.avatar{width:84px;height:84px;border-radius:23px;background:linear-gradient(140deg,#222e44,#111823);color:#b6c9ec;font-size:33px;font-weight:500;display:grid;place-items:center;border:1px solid #ffffff17;overflow:hidden}.avatar img{height:100%;width:100%;object-fit:cover}.about-copy{max-width:760px;min-width:0}.about-copy h2{font-size:25px;font-weight:550;letter-spacing:-.8px}.about-copy>p:last-child{font-size:16px;line-height:1.95;color:#7b869a;margin-top:15px;white-space:pre-line;overflow-wrap:anywhere}.back-top{border:1px solid #ffffff20;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#7e8aa0;justify-self:end}.back-top:hover{color:white;background:#ffffff08}.back-top svg{width:18px;height:18px}
.site-footer{border-top:1px solid var(--line);padding-block:27px 32px;display:flex;gap:20px;justify-content:space-between;font-size:12px;color:#7d899d}.site-footer>div{display:flex;gap:16px;align-items:center}.footer-brand{font-size:18px;font-weight:600;color:#8f9cb4}.footer-right{flex-wrap:wrap;justify-content:flex-end}.footer-right>a:hover{color:#c6d5ec}

/* 弹窗及状态反馈 */
dialog{width:min(560px,calc(100% - 32px));max-height:85dvh;border:1px solid #364057;padding:0;border-radius:23px;box-shadow:0 28px 100px #000a;color:var(--ink);background:#121720}dialog::backdrop{background:#03060dbf;backdrop-filter:blur(9px)}.dialog-body{padding:35px;position:relative}.dialog-close{position:absolute;right:15px;top:15px;background:#ffffff07}.dialog-app-icon{width:65px;height:65px;border-radius:18px;object-fit:contain;margin-bottom:23px}.dialog-body h2{font-size:26px;line-height:1.5;padding-right:20px;letter-spacing:-.7px}.dialog-description{font-size:16px;line-height:1.95;color:#9aa6ba;margin-top:16px;white-space:pre-line;overflow-wrap:anywhere}.dialog-tag{display:inline-block;color:#8fa7cf;background:#1c293f;border-radius:6px;font-size:12px;padding:4px 10px;margin-top:14px}.dialog-footer{margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.dialog-note{font-size:14px;color:#7b8aa3}.dialog-qr{width:100%;max-height:55dvh;object-fit:contain;margin-top:20px;border-radius:12px;background:white;padding:10px}.dialog-screenshot{max-height:340px;width:100%;object-fit:contain;border-radius:15px;margin-top:24px;background:#090d14;padding:15px}.copy-field{width:100%;font-size:22px;padding:12px;border:1px solid #425374;background:#0d121d;color:#e4edfc;border-radius:9px;margin-top:20px;user-select:all}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#e1eaf9;color:#172137;padding:11px 22px;border-radius:10px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:30;text-align:center;max-width:calc(100% - 32px);box-shadow:0 8px 30px #0005}.toast.visible{opacity:1;transform:translate(-50%,0)}.noscript-note{position:fixed;bottom:0;background:#39281d;color:#ebbd99;padding:20px;width:100%;z-index:30;text-align:center}
#profile-name,#qq-display{overflow-wrap:anywhere}

/* 平板与手机 */
@media(max-width:1150px){.container{width:calc(100% - 64px)}.hero{gap:10px;min-height:680px;padding-block:50px}.hero h1{font-size:75px}.hero-art{height:545px}.device-primary{width:260px;top:24px;right:9px}.device-secondary{width:205px;left:0;top:130px}.art-caption{left:20px;bottom:8px}.app-grid{gap:16px}.app-card{padding:22px 18px 17px}.featured-app{padding:0 26px 22px}.app-media{margin:0 -26px 22px}.app-card h3{font-size:20px}.featured-app h3{font-size:26px}.app-card-bottom{gap:0}.app-platform{display:none}.app-details{margin-left:auto}.site-footer{flex-direction:column}.footer-right{justify-content:flex-start}}
@media(max-width:900px){.hero{grid-template-columns:1fr 1fr;min-height:610px}.hero h1{font-size:61px;letter-spacing:-3px}.hero-description{font-size:16px}.hero-art{height:490px}.device-primary{width:218px;right:0;top:27px}.device-secondary{width:171px;left:0;top:149px}.art-caption{left:15px;bottom:7px;font-size:13px}.hero-footnote{gap:20px}.button{padding:12px 17px;gap:13px}.section-space{padding-top:80px}.apps-section{padding-top:45px}.section-heading{gap:22px}.section-heading>p{max-width:200px;font-size:13px}h2{font-size:32px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-app{grid-column:span 1}.app-media{height:230px}.app-media img{width:175px}.app-card{padding:25px 24px 20px}.featured-app{padding-top:0}.app-card h3{font-size:22px}.app-media{margin-inline:-24px}.contact-grid{grid-template-columns:1fr 1fr}.personal-contact,.group-card{padding:25px}.contact-grid h3{font-size:21px}.personal-contact>p br{display:none}.support-panel{padding:37px;grid-template-columns:1fr 195px;gap:24px}.support-copy h2{font-size:29px}.section-heading>p br{display:none}.about-section{grid-template-columns:72px 1fr 40px;gap:25px}.avatar{width:72px;height:72px}.about-copy h2{font-size:23px}}
@media(max-width:640px){.container{width:calc(100% - 40px)}.header-inner{height:70px}.brand{font-size:21px}.brand-mark{width:32px;height:32px;border-radius:10px}.menu-toggle{display:grid;place-items:center}.site-header nav{display:none;position:absolute;top:69px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:12px 20px 20px;background:#0d1119;border-bottom:1px solid #ffffff1a}.site-header nav.open{display:flex}.site-header nav>a{padding:12px 16px;border-radius:9px}.nav-support{margin-top:8px;justify-content:center}
.hero{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding-top:42px;padding-bottom:27px}.eyebrow{font-size:12px;letter-spacing:1.3px}.hello{margin-top:24px;margin-bottom:14px;font-size:14px}.hero h1{font-size:clamp(51px,12.7vw,76px);line-height:1.19;letter-spacing:-3px}.hero-description{margin-top:21px;font-size:16px;line-height:1.9}.hero-actions{gap:11px;margin-top:25px}.button{font-size:14px;padding:12px 17px;gap:12px;min-height:47px}.hero-footnote{margin-top:29px;padding-top:21px;gap:24px;max-width:100%}.work-count{font-size:29px}.work-count>span{font-size:12px}.footnote-description{font-size:12px}.hero-art{height:450px;width:100%;max-width:440px;align-self:center;margin-top:17px}.device-primary{width:235px;right:14px;top:15px}.device-secondary{width:178px;left:12px;top:107px}.device-halo{inset:0 -10px 0;filter:blur(14px)}.art-caption{left:9px;bottom:0;font-size:13px}.art-caption small{font-size:12px}.caption-line{width:22px}
.section-space{padding-top:61px}.apps-section{padding-top:34px}.section-heading{display:block;margin-bottom:27px}.section-kicker{font-size:12px;margin-bottom:11px}.section-heading>p{margin-top:13px;max-width:none;font-size:14px}.section-heading>p br{display:none}h2{font-size:28px;letter-spacing:-1px}.app-grid{grid-template-columns:1fr;gap:15px}.app-card,.featured-app{grid-column:span 1;border-radius:19px;padding:25px 24px 18px}.featured-app{padding-top:0}.app-media{height:240px;margin-bottom:22px}.app-media img{width:178px;margin-top:22px}.app-card-top{margin-bottom:17px}.app-icon{width:52px;height:52px}.featured-app .app-icon{width:38px;height:38px}.app-card h3,.featured-app h3{font-size:23px}.app-description{font-size:16px}.app-platform{display:block}.app-card-bottom{margin-top:21px;padding-top:14px}.app-details{font-size:14px}
.contact-grid{grid-template-columns:1fr;gap:16px}.contact-grid h3{font-size:22px}.personal-contact,.group-card{padding:25px}.group-actions{margin-top:22px}.group-buttons{width:100%;justify-content:flex-start}.contact-bottom{margin-top:23px}.support-panel{padding:30px 25px;grid-template-columns:1fr;gap:27px;border-radius:22px}.support-copy h2{font-size:29px;line-height:1.55}.support-copy>p:not(.section-kicker){font-size:16px}.support-note{margin-top:21px}.donation-area{padding-top:3px}.qr-placeholder{width:176px;height:183px}.donation-caption{font-size:12px}
.about-section{grid-template-columns:60px 1fr;gap:17px;align-items:start;padding-bottom:43px}.avatar{width:60px;height:60px;border-radius:18px;font-size:26px;margin-top:4px}.about-copy h2{font-size:21px}.about-copy>p:last-child{font-size:16px;line-height:1.9}.back-top{grid-column:2;justify-self:start;width:37px;height:37px}.site-footer{font-size:12px;gap:15px;padding-top:23px}.site-footer>div{flex-wrap:wrap;gap:8px 14px}.footer-brand{font-size:17px}.dialog-body{padding:30px 24px}.dialog-body h2{font-size:24px}
}
@media(max-width:370px){.container{width:calc(100% - 32px)}.hero h1{font-size:49px}.device-primary{width:207px}.device-secondary{width:156px}.hero-art{height:415px}.button{padding:12px 14px;gap:10px}.footnote-description{font-size:12px}}
/* 轻量动态层：保留原有布局，不拦截滚动和点击 */
html{scrollbar-gutter:stable}.dialog-open{overflow:hidden}.site-header{transition:background .3s,box-shadow .3s}.site-header.is-scrolled{background:#090b0ff5;box-shadow:0 8px 30px #0002}.reading-progress{position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,#4c77c9,#b8d1ff);transform:scaleX(0);transform-origin:left;pointer-events:none}
#navigation>a{position:relative;transition:color .25s,background .25s,border-color .25s}#navigation>a:not(.nav-support)::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;border-radius:2px;background:#a1bded;transform:scaleX(0);transform-origin:center;transition:transform .3s cubic-bezier(.22,1,.36,1)}#navigation>a[aria-current]{color:#f0f5ff}#navigation>a[aria-current]:not(.nav-support)::after{transform:scaleX(1)}#navigation>.nav-support[aria-current]{border-color:#758cad;background:#202a3b}
.device{padding:0;background:transparent;border-radius:42%;transition:transform .65s cubic-bezier(.22,1,.36,1),filter .4s}.device:disabled{opacity:1}.device-primary{transform:translate3d(var(--pointer-x,0px),calc(var(--pointer-y,0px) + var(--lift,0px)),0) rotate(calc(9deg + var(--turn,0deg)))}.device-secondary{transform:translate3d(calc(var(--pointer-x,0px) * -.65),calc(var(--pointer-y,0px) * -.65 + var(--lift,0px)),0) rotate(calc(-14deg - var(--turn,0deg)))}.device img{animation:product-enter 1s cubic-bezier(.22,1,.36,1) backwards,device-float 7s 1s ease-in-out infinite}.device-secondary img{animation-delay:.12s,1.4s;animation-duration:1s,8s}.device:focus-visible{outline-offset:8px;--lift:-7px}.device-halo{transition:opacity .6s}.hero-art.pointer-active .device-halo{opacity:1.5}.art-caption .caption-line{transform-origin:left;transition:transform .4s}.hero-art:focus-within .caption-line,.hero-art.pointer-active .caption-line{transform:scaleX(1.3)}
@keyframes device-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
/* 动效脚本不可用时，产品图片仍完成入场并保持可见。 */
.hero-art:not(.in-view) .device img{animation-play-state:running,paused}.page-paused .device img{animation-play-state:paused}
.app-card{isolation:isolate;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s}.app-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(340px circle at var(--spot-x,50%) var(--spot-y,40%),#a5c8ff15,transparent 75%);opacity:0;pointer-events:none;z-index:1;transition:opacity .45s}.app-card.pointer-active::before{opacity:1}.app-card:focus-within{border-color:#829ac27a;box-shadow:0 0 0 1px #a8c9ff16}.app-details svg,.button svg,.back-top svg{transition:transform .3s cubic-bezier(.22,1,.36,1)}.app-details:focus-visible svg{transform:translate(2px,-2px)}
.button,.small-button,.app-details,.icon-button,.menu-toggle,.back-top{position:relative;isolation:isolate;overflow:hidden}.click-wave{position:absolute;display:block;border-radius:50%;background:currentColor;pointer-events:none;z-index:3}.button:active,.small-button:active,.icon-button:active:not(:disabled),.back-top:active{scale:.96}.app-details:active{scale:.94}.button,.small-button,.icon-button,.app-details,.back-top{transition:background .2s,color .2s,transform .25s,scale .2s,border-color .2s}.qr-button{transition:transform .3s,box-shadow .3s}.qr-button:active{transform:scale(.97)}
dialog{overscroll-behavior:contain}dialog[open]{animation:dialog-enter .36s cubic-bezier(.22,1,.36,1) both}dialog[open]::backdrop{animation:backdrop-enter .3s ease both}dialog[open].is-closing{animation:dialog-exit .18s ease-in both}dialog[open].is-closing::backdrop{animation:backdrop-exit .18s ease both}.dialog-close{position:sticky;top:12px;float:right;margin:-20px -20px 0 8px;z-index:2;background:#252e3e;box-shadow:0 3px 12px #0003}.dialog-body{display:flow-root}
@keyframes dialog-enter{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes dialog-exit{to{opacity:0;transform:translateY(12px) scale(.98)}}
@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}
@keyframes backdrop-exit{to{opacity:0}}
@media(hover:hover) and (pointer:fine){.device:hover{--lift:-8px;filter:drop-shadow(0 32px 42px #000c) brightness(1.07)}.app-card:hover{transform:perspective(1000px) translateY(-5px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.app-details:hover svg{transform:translate(3px,-3px)}.button-primary:hover svg{transform:translateX(3px)}.button-quiet:hover svg{transform:translate(2px,-2px)}.back-top:hover svg{transform:translateY(-3px)}.qr-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0004}}
@media(hover:none),(pointer:coarse){.app-card:hover,.button-primary:hover{transform:none}.featured-app:hover .app-media img{transform:rotate(13deg)}.featured-app[data-app="games"]:hover .app-media img{transform:rotate(-12deg)}.icon-button,.back-top,.small-button,.app-details{min-width:44px;min-height:44px}.menu-toggle{width:44px;height:44px}.nav-support{min-height:44px}.device:active{filter:brightness(1.12)}.app-card:active{border-color:#7089b666}.qr-button:hover{transform:none}}
@media(max-width:640px){
  .site-header nav{display:flex;visibility:hidden;opacity:0;transform:translateY(-12px);pointer-events:none;max-height:calc(100dvh - 70px);overflow-y:auto;padding-bottom:max(20px,env(safe-area-inset-bottom));transition:opacity .22s,transform .28s cubic-bezier(.22,1,.36,1),visibility 0s .28s;box-shadow:0 24px 40px #0005}
  .site-header nav.open{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;transition-delay:0s}.site-header nav>a{opacity:0;translate:0 -5px;transition:opacity .25s,translate .3s,color .2s,background .2s}.site-header nav.open>a{opacity:1;translate:0 0}.site-header nav.open>a:nth-child(2){transition-delay:35ms}.site-header nav.open>a:nth-child(3){transition-delay:70ms}.site-header nav.open>a:nth-child(4){transition-delay:105ms}#navigation>a:not(.nav-support)::after{left:0;right:auto;top:14px;bottom:14px;width:2px;height:auto;transform:scaleY(0)}#navigation>a[aria-current]:not(.nav-support)::after{transform:scaleY(1)}
  .menu-toggle svg path{transform-origin:12px 12px;transition:transform .3s,opacity .2s}.menu-toggle[aria-expanded="true"] path:first-child{transform:translateY(5px) rotate(45deg);transform-origin:12px 7px}.menu-toggle[aria-expanded="true"] path:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] path:last-child{transform:translateY(-5px) rotate(-45deg);transform-origin:12px 17px}
  dialog{width:100%;max-width:none;max-height:90dvh;margin:auto 0 0;border-radius:25px 25px 0 0;border-bottom:0}.dialog-body{padding:32px 24px max(28px,env(safe-area-inset-bottom))}.dialog-close{margin:-18px -10px 0 8px}dialog[open]{animation-name:sheet-enter}dialog[open].is-closing{animation-name:sheet-exit}.toast{bottom:max(22px,env(safe-area-inset-bottom));z-index:30}
}
@keyframes sheet-enter{from{opacity:0;transform:translateY(65px)}to{opacity:1;transform:translateY(0)}}
@keyframes sheet-exit{to{opacity:0;transform:translateY(35px)}}
@media(max-height:500px){dialog{max-height:94dvh}.dialog-screenshot{max-height:55dvh}.dialog-body{padding-top:26px}}
@supports(padding:max(0px)){@media(orientation:landscape){.container{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.app-card:hover,.button-primary:hover{transform:none}.button:active,.small-button:active,.icon-button:active,.app-details:active,.back-top:active{scale:1}.device{--pointer-x:0px!important;--pointer-y:0px!important;--turn:0deg!important;--lift:0px!important}.app-card::before{display:none}.featured-app:hover .app-media img{transform:rotate(13deg)}.featured-app[data-app="games"]:hover .app-media img{transform:rotate(-12deg)}.app-details:hover svg,.button:hover svg,.back-top:hover svg{transform:none}}
@media(prefers-reduced-motion:reduce){.qr-button:hover,.qr-button:active{transform:none}}

/* 文字有不同节奏：主标题慢显、正文柔和展开、操作文字轻滑。 */
.text-heading{perspective:900px}.text-glyph{display:inline-block;transform-origin:50% 85%;max-width:100%;overflow-wrap:anywhere;vertical-align:baseline}.text-heading .blue-text{background:none;-webkit-text-fill-color:initial}.blue-text .text-glyph{color:#a8c5ff;background:linear-gradient(125deg,#e1edff 0%,#9fc2ff 45%,#638ff0 80%,#bad4ff 100%);background-size:180% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:background-position 1.2s}
.text-prose{transition:color .45s,text-shadow .45s}.text-heading::selection,.text-glyph::selection,.text-prose::selection{color:#f4f7ff;background:#35598d}.text-glyph::selection{-webkit-text-fill-color:#f4f7ff}
.link-label{display:inline-block;position:relative;overflow:hidden;vertical-align:bottom;line-height:1.6;pointer-events:none}.link-primary,.link-echo{display:block;transition:transform .5s cubic-bezier(.22,1,.36,1)}.link-echo{position:absolute;left:0;top:100%;width:100%;white-space:inherit;user-select:none}.link-echo::before{content:attr(data-label)}
#profile-name{position:relative;background:linear-gradient(#97b8ee,#97b8ee) no-repeat 0 100%;background-size:0 1px;padding-bottom:3px;transition:background-size .5s,color .4s,text-shadow .4s}.section-kicker{transition:color .4s}.section-kicker::before{content:"";display:inline-block;height:1px;width:0;margin-right:0;background:#a9c6fa;vertical-align:middle;transition:width .45s,margin-right .45s}.section-heading:hover .section-kicker::before,.support-panel:hover .section-kicker::before,.about-copy:hover .section-kicker::before{width:20px;margin-right:9px}.section-heading:hover .section-kicker,.support-panel:hover .section-kicker,.about-copy:hover .section-kicker{color:#b6cbed}
.app-card h3{transition:color .35s}.app-card:focus-within h3{color:#c4daff}.app-card:focus-within .text-prose{color:#b2bfd2}a:focus-visible .link-primary,a:focus-visible .link-echo,button:focus-visible .link-primary,button:focus-visible .link-echo{transform:translateY(-100%)}
@media(hover:hover) and (pointer:fine){.text-heading:hover .blue-text .text-glyph{background-position:100% 50%}main .text-prose:hover,dialog .text-prose:hover{color:#c3cede;text-shadow:0 0 22px #9fc3ff22}.app-card:hover h3{color:#c4daff}.app-card:hover .text-prose{color:#b2bfd2}#profile-name:hover{color:#edf3ff;background-size:100% 1px;text-shadow:0 0 18px #a9c9ff44}a:hover .link-primary,a:hover .link-echo,button:hover .link-primary,button:hover .link-echo{transform:translateY(-100%)}}
@media(hover:none),(pointer:coarse){a:active .link-primary,a:active .link-echo,button:active .link-primary,button:active .link-echo{transform:translateY(-100%)}#profile-name:active{background-size:100% 1px;color:#edf3ff}.text-heading:active{color:#c4daff}}
@media(prefers-reduced-motion:reduce){.link-primary,.link-echo{transform:none!important}.link-echo{display:none}.section-kicker::before{display:none}.text-heading .text-glyph{transform:none!important;translate:none!important;filter:none!important;clip-path:none!important;opacity:1!important}}