:root{font-family:"Microsoft YaHei UI","PingFang SC",sans-serif;color:#f1f1f2;background:#090909;font-synthesis:none;scroll-padding-top:90px;--muted:#a0a0a5;--faint:#7b7b82;--accent:#b5d7fa}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;position:relative}body::before{content:"";position:fixed;inset:0;z-index:-1;background:url("/brand/default-starfield.png") center/cover no-repeat;opacity:.32}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}
.site-header{height:64px;width:100%;padding:0 3.8%;display:flex;align-items:center;gap:32px;background:#090909d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:20;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;letter-spacing:-.6px;white-space:nowrap}.brand img{width:36px;height:36px;object-fit:contain;border-radius:8px}.site-nav{display:flex;gap:38px;margin-left:7%;font-size:14px;font-weight:600;color:#ddd}.site-nav a{padding:16px 0;transition:color .16s}.site-nav a:hover{color:#fff}.admin-entry{margin-left:auto;background:#dedee0;color:#161618;border-radius:9px;padding:9px 18px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .16s}.admin-entry:hover{background:#fff}
.hero{width:min(1360px,88%);margin:auto;display:grid;grid-template-columns:minmax(350px,.84fr) minmax(0,1.25fr);gap:6%;align-items:center;min-height:650px;padding:70px 0 66px;flex:1}.hero-copy{max-width:465px}.hero-brand{display:flex;align-items:center;gap:15px;font-size:clamp(28px,3.2vw,42px);font-weight:700;letter-spacing:-1.3px;margin-bottom:23px}.hero-brand img{width:61px;height:61px;object-fit:contain;border-radius:13px}h1{font-size:clamp(30px,3.35vw,47px);line-height:1.3;letter-spacing:-1.2px;margin:0 0 20px;font-weight:700}.hero-description{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 25px;max-width:420px}.download-button{display:flex;align-items:center;justify-content:center;width:100%;max-width:400px;min-height:49px;padding:12px 22px;border-radius:9px;background:#dedee0;color:#161618;font-size:16px;font-weight:600;cursor:pointer;transition:background .18s,transform .18s}.download-button:hover{background:#fff;transform:translateY(-1px)}.download-button.disabled{color:#8c8c94;background:#29292c;pointer-events:none}.platform{font-size:11px;letter-spacing:.4px;color:var(--faint);margin:12px 0 9px}.account-note{font-size:11px;line-height:1.8;color:var(--faint);max-width:400px;margin:0}.hero-links{display:flex;gap:32px;font-size:12px;color:#cbcbce;margin:20px 0 16px}.hero-links a:hover{color:#fff}.usage-notice{font-size:11px;color:var(--faint);max-width:400px}.usage-notice summary{cursor:pointer;width:fit-content}.usage-notice div{white-space:pre-wrap;line-height:1.9;margin-top:12px;border-left:2px solid #4d5663;padding-left:13px}
.product-showcase{min-width:0;padding-top:50px}.showcase-stage{filter:drop-shadow(0 28px 34px #0009)}.showcase-stage a{display:block;border-radius:15px;overflow:hidden;outline-offset:6px}.showcase-stage img{display:block;width:100%;height:auto;object-fit:contain}.showcase-caption{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-top:19px}.showcase-caption h2{font-size:13px;line-height:1.6;margin:0;color:#c0c0c6;font-weight:500}.showcase-caption p{font-size:11px;line-height:1.8;color:var(--faint);margin:5px 0 0}.showcase-controls{display:flex;gap:8px;flex-shrink:0}.product-showcase button{border:0;background:#242428;color:#b9b9c1;font-size:11px;padding:7px 11px;border-radius:16px;cursor:pointer;transition:background .16s}.product-showcase button:hover{background:#37373d}.showcase-navigation{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.showcase-navigation:has(button:only-child){display:none}.showcase-navigation button[aria-pressed=true]{background:#dddddf;color:#18181b}.feature-tags{display:flex;flex-wrap:wrap;gap:9px 21px;margin-top:20px;color:#878790;font-size:11px}.hero:has(.product-showcase[hidden]){grid-template-columns:1fr}.hero:has(.product-showcase[hidden]) .hero-copy{max-width:580px;margin:auto}
.company-footer{width:92%;max-width:1370px;margin:0 auto;padding:20px 0 23px;text-align:center;color:#7f7f86;font-size:10px;line-height:1.8;letter-spacing:.4px}.company-footer p{margin:5px 0}.company-footer .legal{color:#7d7d85;font-size:10px}.divider{margin:0 12px;color:#666}.footer-contact{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:11px;font-size:11px;color:#aaaab2;letter-spacing:0}.footer-contact a:hover{color:#fff}.footer-wechat{position:relative}.footer-wechat>button{color:inherit;border:0;background:none;padding:5px 0;cursor:pointer}.wechat-popover{visibility:hidden;opacity:0;pointer-events:none;position:absolute;z-index:40;bottom:calc(100% + 8px);right:0;width:252px;padding:12px;border-radius:13px;background:#fff;color:#50545d;box-shadow:0 14px 50px #0009;transition:opacity .15s;letter-spacing:0}.wechat-popover::after{content:"";position:absolute;top:100%;left:0;right:0;height:12px}.wechat-popover img{display:block;max-width:100%;height:auto;margin:0 auto 8px}.footer-wechat:hover .wechat-popover,.footer-wechat:focus-within .wechat-popover,.footer-wechat.is-open .wechat-popover{visibility:visible;opacity:1;pointer-events:auto}
@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hero-copy{animation:arrive .6s ease both}.product-showcase{animation:arrive .7s .1s ease both}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:1550px){.hero{min-height:710px}.hero-description{font-size:15px}.hero-brand{font-size:44px}.hero-links{font-size:14px}.hero-copy{max-width:465px}.download-button{max-width:430px}.platform,.account-note{font-size:12px}}
@media(max-width:960px){.site-nav{margin-left:2%;gap:23px}.hero{width:90%;grid-template-columns:minmax(300px,.95fr) minmax(0,1fr);gap:4%;padding-top:55px}.hero-brand{font-size:30px}.hero-brand img{width:48px;height:48px}h1{font-size:36px}.product-showcase{padding-top:20px}.showcase-caption{flex-direction:column}.feature-tags{gap:10px}.company-footer{font-size:10px}}
@media(max-width:720px){.site-header{height:64px;padding:0 20px;gap:15px}.brand{font-size:20px}.site-nav{display:none}.admin-entry{font-size:11px;padding:8px 11px}.hero{width:calc(100% - 42px);display:flex;flex-direction:column;align-items:stretch;gap:40px;min-height:0;padding:55px 0 48px}.hero-copy{max-width:480px;width:100%;margin:0 auto}.hero-brand{font-size:34px;margin-bottom:25px}.hero-brand img{width:52px;height:52px}h1{font-size:39px}.hero-description{font-size:13px;max-width:none}.download-button{max-width:none}.product-showcase{padding-top:0;max-width:580px;width:100%;margin:auto}.showcase-caption{flex-direction:row}.company-footer{width:calc(100% - 36px);padding-bottom:25px}.company-footer .divider{display:block;font-size:0;height:4px}.footer-contact{gap:18px;font-size:11px}.wechat-popover{right:-10px}.feature-tags{gap:11px 16px}.account-note{font-size:11px}.platform{margin-top:14px}}
@media(max-width:370px){.brand{font-size:18px}.brand img{width:30px;height:30px}.site-header{padding:0 16px}.hero{width:calc(100% - 32px)}h1{font-size:34px}.hero-brand{font-size:30px}.hero-links{gap:22px}}.products-button{display:block;width:100%;max-width:400px;min-height:45px;margin-top:12px;border:1px solid #ffffff18;border-radius:9px;background:#28282c;color:#e2e2e6;font-size:14px;font-weight:500;cursor:pointer;transition:background .18s,transform .18s}.products-button:hover{background:#37373d;transform:translateY(-1px)}#products-dialog{width:min(400px,calc(100% - 40px));padding:30px;border:1px solid #ffffff20;border-radius:18px;background:#222225;color:#f1f1f2;text-align:center;box-shadow:0 24px 90px #0008}#products-dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}#products-dialog h2{font-size:20px;margin:0 0 14px}#products-dialog p{font-size:14px;line-height:1.8;color:#bdbdc5;margin:0 0 26px}#products-dialog button{border:0;border-radius:9px;background:#dedee0;color:#19191b;padding:11px 34px;cursor:pointer}@media(min-width:1550px){.products-button{max-width:430px}}@media(max-width:720px){.products-button{max-width:none}}
/* Same-release online and offline installers, matching the existing hero CTA. */
.download-options{display:grid;grid-template-columns:minmax(0,1fr);gap:15px;width:100%;max-width:400px}.download-option{min-width:0}.download-options .download-button{max-width:none;line-height:1.5;text-align:center;overflow-wrap:anywhere}.download-note,.download-meta,.download-status{font-size:11px;line-height:1.7;overflow-wrap:anywhere}.download-note{color:var(--muted);margin:7px 2px 0}.download-meta{color:var(--faint);margin:4px 2px 0;font-variant-numeric:tabular-nums}.download-status{max-width:400px;color:var(--muted);margin:12px 0 0}.download-options .download-button.disabled{color:#aaaab2;background:#29292c;transform:none}@media(min-width:1550px){.download-options,.download-status{max-width:430px}}@media(max-width:720px){.download-options,.download-status{max-width:none}}
/* Footer contacts: email, account manager, and community group. */
.footer-contact{align-items:flex-start;flex-wrap:wrap;row-gap:12px}.footer-contact>a{padding-top:5px}.footer-community{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding-top:5px}.footer-community-number{color:#aaaab2;white-space:nowrap;user-select:text}@media(max-width:420px){.footer-contact{column-gap:20px}.footer-community{flex-basis:100%;align-items:center;padding-top:0}}
/* Private submission dialog. */
.admin-entry{border:0;cursor:pointer}#submission-dialog{width:min(560px,calc(100% - 28px));max-height:calc(100svh - 32px);overflow:auto;padding:30px;border:1px solid #ffffff20;border-radius:20px;background:#1d1d20;color:#eeeef2;box-shadow:0 24px 90px #000a;color-scheme:dark;scrollbar-width:thin}#submission-dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}.submission-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.submission-eyebrow{font-size:10px;letter-spacing:2px;color:#92929d}.submission-heading h2{font-size:23px;line-height:1.4;letter-spacing:-.5px;margin:10px 0}.submission-heading>button{border:0;border-radius:50%;width:32px;height:32px;flex-shrink:0;background:#ffffff09;color:#aaa;font-size:23px;cursor:pointer}.submission-note,.submission-privacy{font-size:12px;line-height:1.8;color:#a7a7b1}.submission-note{margin:0 0 24px}.submission-privacy{margin-top:20px;color:#90909c}#submission-form>label{display:block;font-size:13px;margin:18px 0 9px}#submission-form>label span{font-size:11px;margin-left:7px;color:#9797a2}#submission-form>input,#submission-form>textarea{display:block;width:100%;border:1px solid #ffffff18;border-radius:10px;background:#141416;color:#eeeef2;padding:12px 14px;font:inherit;font-size:13px;line-height:1.7;resize:vertical}#submission-form>input:focus,#submission-form>textarea:focus{outline:1px solid #9aacc0;border-color:#9aacc0}#submission-form textarea{min-height:130px;max-height:300px}.submission-attachments{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0}.submission-attachments>span{font-size:11px;color:#94949f}.submission-upload{position:relative;overflow:hidden;border:1px solid #ffffff20;padding:8px 14px;border-radius:8px;font-size:12px;cursor:pointer}.submission-upload:focus-within{outline:2px solid #b5d7fa}.submission-upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}#submission-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#submission-previews figure{margin:0;min-width:0;position:relative;background:#111;border-radius:8px;overflow:hidden}#submission-previews img{display:block;width:100%;height:95px;object-fit:contain}#submission-previews button{display:block;border:0;background:#303036;color:#ddd;width:100%;padding:6px;font-size:11px;cursor:pointer}#submission-status{font-size:13px;line-height:1.7;color:#d2dded;overflow-wrap:anywhere}.submission-submit{width:100%;border:0;border-radius:10px;min-height:45px;background:#e4e4e7;color:#17171a;font-weight:600;cursor:pointer}#submission-dialog button:disabled{opacity:.45;cursor:wait}@media(max-width:420px){#submission-dialog{padding:23px 19px}.submission-heading h2{font-size:20px}}
/* Product artwork is display-only, with no link or preview interaction. */
.showcase-image-frame{display:block;border-radius:15px;overflow:hidden;cursor:default;user-select:none}.showcase-image-frame img{pointer-events:none;user-select:none;-webkit-user-drag:none}

/* Header locale control: native keyboard interaction, matching dark chrome. */
.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}.header-actions .admin-entry{margin-left:0}.locale-picker{position:relative;display:block;flex-shrink:0}.locale-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.locale-picker select{display:block;width:116px;min-height:36px;padding:7px 9px;border:1px solid #ffffff25;border-radius:9px;background:#1d1d20;color:#dedee0;color-scheme:dark;font:inherit;font-size:12px;cursor:pointer}.locale-picker select:hover{border-color:#ffffff55}.locale-picker select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}#submission-form>label .submission-field-label{font-size:inherit;margin-left:0;color:inherit}.hero-links{flex-wrap:wrap;row-gap:12px}.showcase-caption>div:first-child{min-width:0;overflow-wrap:anywhere}.showcase-navigation button{max-width:100%;overflow-wrap:anywhere}
@media(max-width:1100px) and (min-width:721px){.site-header{gap:16px}.site-nav{margin-left:0;gap:20px;font-size:13px}}
@media(max-width:720px){.site-header{gap:12px}.header-actions{gap:9px}.locale-picker select{width:106px}.showcase-caption{flex-wrap:wrap}}
@media(max-width:480px){.site-header{padding:0 12px;gap:8px}.site-header .brand{font-size:16px;gap:7px}.site-header .brand img{width:28px;height:28px}.header-actions{gap:7px}.locale-picker select{width:90px;padding:7px 5px;font-size:11px}.header-actions .admin-entry{padding:9px 10px}}
