*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:#050513;scroll-behavior:smooth}body{margin:0;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:#FFF;background:#050513}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--blue,#4A8CF5);outline-offset:4px}
.site{--background:#070719;--pink:#F56CD8;--violet:#8C49ED;--blue:#4A8CF5;--text:#FFFFFF;position:relative;isolation:isolate;container-type:inline-size;width:100%;max-width:480px;min-height:100vh;min-height:100svh;margin:0 auto;padding-bottom:calc(108px + env(safe-area-inset-bottom,0px));overflow:hidden;color:var(--text);background-color:var(--background);background-image:radial-gradient(ellipse at 0% 42%,#A71AD51C,transparent 48%),radial-gradient(ellipse at 100% 48%,#164CEE20,transparent 53%),url('assets/aurora.svg');background-size:100% 100%;background-repeat:no-repeat}
.masthead{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:63px;padding:max(13px,env(safe-area-inset-top,0px)) 12px 11px;background:linear-gradient(180deg,#070719A6,transparent)}
.brand{display:flex;align-items:center;gap:8px;min-width:0}.brand-name{display:block;flex:0 0 auto;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:33px;font-size:clamp(27px,8cqw,38px);font-style:normal;font-weight:800;letter-spacing:0;line-height:1.15;padding-right:0;transform:none;color:#AA74D2;background:linear-gradient(105deg,#61BDEB 3%,#8975D1 43%,#D952B5 93%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.brand-logo{display:block;width:auto;max-width:92px;max-height:39px;object-fit:contain}.brand-subtitle{font-size:9px;font-size:clamp(7px,2cqw,9px);font-weight:500;line-height:1.4;letter-spacing:.03em;border-left:1px solid #79728A88;padding-left:8px;color:#D0CCD9;white-space:pre-line;max-width:132px}.business-button{display:flex;align-items:center;justify-content:center;gap:4px;flex:0 0 auto;min-height:27px;padding:5px 12px;color:#FFF;border:1.5px solid #F2C6EE;border-radius:999px;background:linear-gradient(180deg,#D391C67A 0%,#914880A6 36%,#3B224F 65%,#B36BA888 100%);box-shadow:inset 0 1px 3px #FFFFFFA3,0 0 7px #D960C357,inset 0 -1px 3px #C585E8;font-size:10px;font-weight:700;white-space:nowrap;text-shadow:0 1px 3px #241133}.business-button svg{width:13px;height:13px;filter:drop-shadow(0 0 3px #FFFFFF66)}
.hero{position:relative;margin:0;padding:0}.poster-media{position:relative;width:100%;margin:0}.poster-media.is-empty:before{content:"";display:block;padding-top:var(--empty-height,146%)}.main-poster{display:block;width:100%;height:auto;object-fit:contain;border:0;margin:0}.poster-empty-hint{display:none;position:absolute;inset:9% 7% 8%;align-items:center;justify-content:center;flex-direction:column;gap:11px;color:#D7CDF180;border:1px dashed #9D86D53B;border-radius:16px;font-size:12px;text-align:center;background:#170B3C0D}.poster-empty-hint svg{width:25px;height:25px;opacity:.6}.poster-empty-hint strong{font-size:13px;font-weight:600}.poster-empty-hint span{font-size:10px;color:#BBB2D16E}html[data-preview] .poster-empty-hint{display:flex}
.hero-copy{position:relative;z-index:1;margin-top:-2%;padding:0 3% 4%}.hero-copy h1{margin:0;text-align:center;font-family:"Arial Black","Microsoft YaHei",sans-serif;font-style:normal;font-size:43px;font-size:clamp(30px,10.2cqw,49px);font-weight:950;line-height:1.13;letter-spacing:-.04em;transform:none;filter:drop-shadow(0 4px 0 #722263) drop-shadow(0 0 9px #B254DF50)}.hero-copy h1 span{display:block;color:#FFF;background:linear-gradient(180deg,#FFF 0%,#FFF 45%,#F5D9FD 72%,#E59BDF 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ribbon{margin:7% auto 0;width:94%;padding:5px 8px;border:1px solid #B34A967A;transform:skewX(-13deg);text-align:center;background:linear-gradient(90deg,#23144C09,#23144C7A,#23144C09);box-shadow:0 0 6px #A61B9B14}.ribbon span{display:block;transform:skewX(13deg);font-style:normal;font-size:14px;font-size:clamp(10px,3.4cqw,16px);font-weight:800;color:#F5EDFF;text-shadow:0 0 4px #56A8F7;white-space:normal}
.feature-wrap{position:relative;padding:10px 4% 7px}.features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:15px 7px 13px;border-radius:11px;background:linear-gradient(180deg,#BAB2EB16,#B0ACEA30);box-shadow:inset 0 1px #CFC5FF09;backdrop-filter:blur(3px)}.feature{text-align:center;min-width:0}.feature-icon{display:flex;align-items:center;justify-content:center;width:35px;height:35px;margin:0 auto 8px;border-radius:50%;border:1.8px solid #F57ED9;color:#FFD4F2;background:radial-gradient(ellipse,#CB56BB22,#40235A22);box-shadow:0 0 4px #F56CDAAA,inset 0 0 4px #F56CDA77,0 0 12px #C42CC236}.feature-icon svg{width:21px;height:21px;filter:drop-shadow(0 0 3px #F18CD9)}.hd-letters{font-size:15px;font-style:normal;font-weight:650;letter-spacing:-1px;text-shadow:0 0 3px #F18CD9}.feature h2{font-size:13px;font-size:clamp(10px,3.2cqw,15px);font-weight:500;line-height:1.25;margin:0 0 3px;color:#E9E1F5}.feature p{font-size:7px;font-size:clamp(5.5px,1.8cqw,8px);line-height:1.25;margin:0;white-space:nowrap;color:#D7CDE9}
.download-dock{position:fixed;z-index:10;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:480px;padding:19px 44px max(18px,env(safe-area-inset-bottom,0px));padding-left:clamp(32px,12vw,58px);padding-right:clamp(32px,12vw,58px);background:linear-gradient(180deg,#07071900,#070719B0 40%,#070719F0)}.download-button{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:58px;padding:9px 15px;border:2px solid transparent;border-radius:999px;background:linear-gradient(180deg,#FFFFFF30,transparent 43%,#41218A33) padding-box,linear-gradient(110deg,#AE37DE,#E257DA 58%,#AE64EE) padding-box,linear-gradient(135deg,#F7B9F4,#BFA1FB 35%,#87B4FF 62%,#F8CBF6) border-box;box-shadow:inset 0 1px 3px #FFFFFFB0,inset 0 -1px 4px #AD72F6,0 0 9px #E455D170,0 6px 16px #06021C80;color:#FFF;text-shadow:0 2px 3px #6D327D;font-size:28px;font-size:clamp(23px,7cqw,34px);font-weight:900;letter-spacing:.02em}.download-button:before{content:"";position:absolute;z-index:-1;inset:3px;border:1px solid #FFFFFF4D;border-radius:inherit;background:radial-gradient(circle at 9% 70%,#FFFFFF99 0 1px,transparent 2px),radial-gradient(circle at 74% 20%,#FFFFFF80 0 1px,transparent 2px),linear-gradient(175deg,#FFFFFF2E,transparent 40%);pointer-events:none}.download-button:after{content:"";position:absolute;left:13%;right:13%;top:4px;height:2px;background:linear-gradient(90deg,transparent,#FFF8,transparent);border-radius:50%}.download-button svg{width:27px;height:31px;stroke-width:3.2;filter:drop-shadow(0 0 4px #FFFFFF70)}.download-button:active,.business-button:active{filter:brightness(.93)}
dialog{position:fixed;max-width:320px;width:85%;border:1px solid #AA71CF7A;border-radius:18px;padding:27px 22px 22px;text-align:center;background:#17102C;color:#F7EFFC;box-shadow:0 20px 60px #0008}dialog::backdrop{background:#08051BAA;backdrop-filter:blur(4px)}dialog h2{font-size:18px;margin:2px 0 12px}dialog p{font-size:12px;line-height:1.7;color:#BDB1D0}.notice-close{position:absolute;right:9px;top:9px;border:0;background:none;color:#C5B7D7;padding:3px}.notice-close svg{width:15px;height:15px}.notice-confirm{margin-top:10px;border:1px solid #DA9EDF66;border-radius:999px;padding:8px 22px;background:#813B9C;color:white}.loading{min-height:100vh;background:#070719;color:#C7ACDF;display:none;place-content:center;text-align:center;font-size:12px}html[data-loading] .loading{display:grid}html[data-loading] .site{display:none}
@media(max-width:359px){.masthead{gap:7px;padding-left:10px;padding-right:10px;min-height:56px}.brand{gap:6px}.brand-subtitle{padding-left:6px;font-size:6.5px;max-width:101px}.business-button{font-size:9px;padding:4px 9px;gap:3px;min-height:25px}.brand-logo{max-width:74px;max-height:33px}.features{padding:12px 4px 11px;gap:2px}.feature-icon{width:30px;height:30px;margin-bottom:7px}.feature-icon svg{width:18px;height:18px}.feature p{font-size:5.6px}.download-dock{padding-left:11%;padding-right:11%}.download-button{min-height:53px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}