:root{font-family:"Microsoft YaHei UI","Microsoft YaHei","Segoe UI",sans-serif;color:#e4eaf2;background:#070f18;--blue:#087dff;--panel:#0d1929;--border:#213a57;--muted:#8c9cb3;line-height:1.75;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid #5eb0ff;outline-offset:5px}a:hover{color:#fff}.skip{position:absolute;top:-80px;left:12px;background:var(--blue);padding:8px 16px;z-index:10}.skip:focus{top:8px}.web-header{min-height:78px;max-width:1280px;margin:auto;padding:16px 36px;display:flex;gap:32px;align-items:center;border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:700;font-size:21px;white-space:nowrap}.brand img{width:35px;height:35px}nav{display:flex;margin-left:auto;gap:28px;color:#a8bdd7;font-size:14px}main{max-width:1280px;margin:auto;padding:0 36px 64px}section{scroll-margin-top:24px}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:44px;align-items:center;min-height:470px;padding:48px 0 44px}.tag{display:inline-block;padding:3px 10px;border:1px solid #214667;border-radius:3px;color:#8cbbf2;background:#122a46;font-size:12px}h1{font-size:54px;line-height:1.3;margin:22px 0;font-weight:700;letter-spacing:1px}h1 span{font-size:34px;color:#9eb8d7;font-weight:400}h2{font-size:23px;line-height:1.4;margin:12px 0}p{margin:12px 0}.muted{color:var(--muted);font-size:14px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 22px;background:#142640;border:1px solid #294562;border-radius:4px;font-size:14px;white-space:nowrap}.button.primary{background:#0874f9;border-color:#1688ff;color:white}.button[aria-disabled=true]{opacity:.6;cursor:not-allowed}.button:not([aria-disabled=true]):hover{background:#1b3b61}.button.primary:not([aria-disabled=true]):hover{background:#208dff}.hero-mark{min-height:295px;border:1px solid #264c70;border-radius:8px;background:linear-gradient(145deg,#102b4d,#0d1929 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.hero-mark img{width:100px;height:100px}.hero-mark strong{font-size:27px}.hero-mark span{color:#7194bc;letter-spacing:3px;font-size:12px}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 32px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:5px;padding:28px;margin-bottom:24px;min-width:0}.features .panel{margin:0}.features h2{font-size:20px}.features p{font-size:14px;color:#9cb0cb}.number{color:#509ded;font-size:13px;letter-spacing:2px}.download,.promotion{display:flex;gap:28px;align-items:center;justify-content:space-between;flex-wrap:wrap}.download>div{max-width:770px}#release-status{color:#f6bd71}.screenshot-pending{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #294562;padding:24px;margin-top:20px}.screenshot-pending img{width:48px;height:48px;opacity:.7}.screenshot-pending p{font-weight:600}.release-row{margin-top:20px}.release-row p,details p,#privacy p{font-size:14px;color:#a1b3cb}details{border-bottom:1px solid var(--border);padding:14px 0}details:last-child{border-bottom:0}summary{cursor:pointer;color:#cddff5}dl{width:100%;display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;font-size:13px}dl[hidden]{display:none}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}footer{border-top:1px solid var(--border);max-width:1280px;margin:auto;padding:24px 36px;display:flex;gap:24px;align-items:center;flex-wrap:wrap;color:#8199b7;font-size:13px}footer .brand{font-size:16px}footer .brand img{width:26px;height:26px}footer>a:last-child{margin-left:auto}@media(max-width:850px){.web-header{padding:18px 24px;flex-wrap:wrap;gap:18px}nav{width:100%;margin:0;gap:20px;flex-wrap:wrap}main{padding:0 24px 32px}.hero{gap:24px;min-height:420px}h1{font-size:40px}h1 span{font-size:25px}.hero-mark{min-height:250px}.features{grid-template-columns:1fr}.panel{padding:22px}footer{padding:24px}}@media(max-width:560px){.hero{grid-template-columns:1fr;padding:36px 0}.hero-mark{min-height:205px}.hero-mark img{width:70px;height:70px}.hero-mark strong{font-size:21px}h1{font-size:38px}.web-header .brand{font-size:19px}nav{gap:14px;font-size:13px}.download>.button,.promotion>.button{width:100%}.promotion{gap:12px}.actions .button{flex:1}footer>a:last-child{margin:0}main{padding:0 18px 24px}.web-header{padding:18px}.panel{padding:20px}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
