:root{--bg:#080b13;--surface:#111725;--surface-2:#171f31;--text:#f4f7fb;--muted:#99a5ba;--line:#283248;--accent:#5ce0bd;--accent-2:#6f83ff;--danger:#ff9e9e;--radius:22px;color:var(--text);background:var(--bg);font-synthesis:none;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 80% 0,#182040 0,transparent 30rem),var(--bg);color:var(--text);margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a,button{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent)}p{color:var(--muted);line-height:1.75}.app-shell{min-height:100vh}.v-loading,[data-loading=true]{pointer-events:none;position:relative}.v-loading:before,[data-loading=true]:before{content:"";z-index:2;border-radius:inherit;background:#080b13cc;position:absolute;inset:0}.v-loading:after,[data-loading=true]:after{content:"";z-index:3;border:2px solid #fff3;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;animation:.7s linear infinite v-loading-spin;position:absolute;top:50%;left:50%}@keyframes v-loading-spin{to{transform:rotate(1turn)}}.skin-gallery-pending{min-height:180px}.site-header{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080b13eb;border-bottom:1px solid #ffffff0e;position:sticky;top:0}.site-header-inner{gap:32px;max-width:1240px;height:76px;margin:auto;padding:0 28px}.brand,.site-header-inner{align-items:center;display:flex}.brand{letter-spacing:.02em;gap:10px;font-weight:800}.brand-mark{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#071017;border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.site-nav{gap:26px;margin:auto;display:flex}.site-nav a{color:var(--muted);font-size:14px}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text)}.header-actions{align-items:center;gap:12px;display:flex}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0}.button{cursor:pointer;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;min-height:44px;padding:0 20px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:disabled{cursor:not-allowed;opacity:.55}.button-primary{background:linear-gradient(135deg,var(--accent),#72a8ff);color:#08111c}.button-secondary{background:var(--surface-2);border-color:var(--line)}.button-ghost{min-height:38px;padding:0 15px}.button-block{width:100%}.hero{grid-template-columns:1fr 1.05fr;align-items:center;gap:48px;max-width:1240px;min-height:680px;margin:auto;padding:72px 28px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.18em;margin:0 0 14px;font-size:12px;font-weight:800}.hero h1,.page-hero h1{letter-spacing:-.05em;margin:0;font-size:clamp(42px,6vw,76px);line-height:1.08}.hero-lead{max-width:630px;font-size:18px}.hero-actions{gap:12px;margin-top:30px;display:flex}.microcopy{font-size:12px}.product-visual{background:#0c1220;border:1px solid #ffffff1f;border-radius:28px;overflow:hidden;transform:perspective(900px)rotateY(-5deg);box-shadow:0 34px 90px #0008}.visual-top{border-bottom:1px solid var(--line);height:54px;color:var(--muted);align-items:center;gap:8px;padding:0 18px;font-size:12px;display:flex}.visual-top i{background:#39445b;border-radius:50%;width:9px;height:9px}.visual-top span{margin-left:auto}.visual-body{grid-template-columns:125px 1fr;height:390px;display:grid}.visual-body aside{border-right:1px solid var(--line);color:var(--muted);flex-direction:column;gap:20px;padding:28px 18px;font-size:12px;display:flex}.visual-body aside b{color:var(--text)}.visual-preview{background:radial-gradient(circle at 70% 25%,#56e5bd 0,#0000 25%),linear-gradient(145deg,#5369e8,#172030);border-radius:20px;flex-direction:column;justify-content:end;margin:30px;padding:30px;display:flex}.visual-preview strong{font-size:24px}.visual-preview small{color:#dbe6f7}.hero-visual{min-width:0}.hero-download{background:linear-gradient(160deg,#151e33,#0c1220);border:1px solid #ffffff1f;border-radius:28px;padding:28px;box-shadow:0 34px 90px #0008}.hero-download-title{letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(24px,3vw,32px)}.download-panel-compact .platform-button{padding:10px 12px;font-size:13px}.download-panel-compact .release-card{grid-template-columns:1fr;gap:16px;min-height:0;margin-top:16px;padding:22px}.download-panel-compact .release-card h2{margin:6px 0;font-size:28px}.download-panel-compact .release-notes{-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:none;display:-webkit-box;overflow:hidden}.home-skins{padding-top:48px}.page-container,.section{max-width:1184px;margin:auto;padding:60px 18px}.section-heading{margin-bottom:34px}.final-cta h2,.section-heading h2{letter-spacing:-.035em;margin:0;font-size:clamp(32px,4vw,48px)}.split-heading{justify-content:space-between;align-items:end;display:flex}.text-link{color:var(--accent)}.feature-grid,.skin-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.account-card,.download-help article,.download-panel,.feature-card,.skin-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#151c2b,#0d121d);padding:24px}.feature-icon{width:44px;height:44px;color:var(--accent);background:#5ce0bd18;border-radius:13px;place-items:center;font-size:23px;display:grid}.feature-card h3{margin:28px 0 5px}.skin-card{padding:12px}.skin-preview{border-radius:15px;display:block;overflow:hidden}.skin-art{aspect-ratio:1.2;-o-object-fit:cover;object-fit:cover;width:100%;transition:transform .35s;display:block}.skin-card:hover .skin-art{transform:scale(1.04)}.skin-grid-showcase{grid-template-columns:1.35fr 1fr 1fr}.skin-grid-showcase .skin-card:first-child{flex-direction:column;grid-row:span 2;display:flex}.skin-grid-showcase .skin-card:first-child .skin-preview{flex:1}.skin-grid-showcase .skin-card:first-child .skin-art{aspect-ratio:1;height:100%;min-height:320px}.skin-meta{justify-content:space-between;gap:10px;padding:18px 10px 0;display:flex}.skin-meta h3{margin:7px 0 0}.skin-card>p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;padding:0 10px;font-size:14px;display:-webkit-box;overflow:hidden}.tag{color:var(--accent);letter-spacing:.08em;background:#5ce0bd18;border-radius:7px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.steps{grid-template-columns:repeat(3,1fr);gap:18px;padding:0;list-style:none;display:grid}.steps li{border-top:1px solid var(--line);padding:24px}.steps span{color:var(--accent);font-size:12px}.security-callout{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;display:grid}.final-cta{text-align:center;background:radial-gradient(circle at top,#27377a,transparent 65%),var(--surface);border-radius:30px;margin-top:70px;margin-bottom:70px}.final-cta .button{margin-top:18px}.site-footer{border-top:1px solid var(--line);grid-template-columns:2fr 1fr 1fr;gap:30px;max-width:1184px;margin:auto;padding:50px 28px;display:grid}.site-footer nav{gap:12px}.site-footer nav,.site-footer small{color:var(--muted);flex-direction:column;display:flex}.site-footer small{gap:8px;line-height:1.6}.site-footer small a:hover{color:var(--text)}.page-hero{padding:50px 0}.page-hero h1{font-size:clamp(40px,5vw,66px)}.filters{gap:16px;margin-bottom:30px;display:grid}.filter-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-row>span{color:var(--muted);min-width:42px;font-size:13px}.filters select{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);border-radius:12px;padding:0 14px}.auth-form .n-form-item{--n-feedback-height:18px}.filter-count{color:var(--muted);margin-left:auto}.skin-detail-meta{flex-wrap:wrap;gap:8px;margin:12px 0 0;display:flex}.pagination{color:var(--muted);justify-content:center;gap:24px;margin-top:42px;display:flex}.pagination a[aria-disabled=true]{pointer-events:none;opacity:.35}.skin-detail{grid-template-columns:1.4fr 1fr;align-items:start;gap:40px;display:grid}.skin-detail-art{border-radius:28px;grid-row:span 2;min-height:650px;padding:35px}.mock-window{background:#080d17aa;border:1px solid #fff3;border-radius:20px;height:100%;min-height:570px;padding:20px;box-shadow:0 30px 60px #0005}.mock-window span{background:#fff4;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.mock-window div{place-items:center;height:90%;font-size:32px;font-weight:800;display:grid}.skin-detail-copy h1{margin:0;font-size:52px}.skin-detail-copy .lead{font-size:18px}.skin-detail-copy ul{color:var(--muted);padding-left:20px;line-height:2}.purchase-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:28px}.price{color:var(--text);margin:14px 0;font-size:40px;font-weight:800}.purchase-panel small{color:var(--muted);margin-top:18px;line-height:1.5;display:block}.form-message{color:var(--accent);background:#ffffff0b;border-radius:10px;padding:10px 12px}.payment-contract code{word-break:break-all}.platform-tabs{flex-wrap:wrap;gap:10px;display:flex}.platform-button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:12px;padding:12px 16px}.platform-button.active{background:var(--accent);color:#071017;border-color:var(--accent)}.release-card{border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:30px;min-height:340px;margin-top:24px;padding:36px;display:grid}.release-card h2{margin:8px 0;font-size:42px}.release-notes{white-space:pre-wrap;max-width:650px}.release-card dl{color:var(--muted);grid-column:1/-1;grid-template-columns:100px 1fr;gap:8px;font-size:12px;display:grid}.release-card dd{word-break:break-all;margin:0}.download-help{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px;display:grid}.auth-layout{background:radial-gradient(circle at 20% 20%,#253772,transparent 35%),var(--bg);place-items:center;min-height:100vh;padding:30px;display:grid}.auth-brand{position:absolute;top:30px;left:30px}.auth-back{color:var(--muted);position:absolute;bottom:30px}.auth-layout main{width:min(640px,100vw - 60px)}.auth-form{border:1px solid var(--line);background:#0c111de8;border-radius:26px;gap:22px;width:100%;padding:48px 52px;display:grid;box-shadow:0 30px 80px #0008}.auth-form h1{margin:0;font-size:clamp(32px,4vw,40px)}.auth-form label{color:var(--muted);gap:8px;font-size:13px;display:grid}.auth-switch{text-align:center;margin:0}.auth-switch a{color:var(--accent)}.account-grid{gap:24px;display:grid}.account-profile{align-items:center;gap:20px;display:flex}.account-profile .button{margin-left:auto}.avatar{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#071017;border-radius:24px;place-items:center;width:76px;height:76px;font-size:28px;font-weight:800;display:grid}.account-card h1,.account-card h2{margin:4px 0}.account-card h2 span{color:var(--muted);font-size:14px}.order-list,.order-row{display:grid}.order-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:24px;padding:18px 0}.order-row div{gap:5px;display:grid}.empty-state,.order-row small{color:var(--muted)}.empty-state{text-align:center;padding:50px}.skip-link{z-index:99;background:var(--accent);color:#000;padding:10px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}@media (width<=850px){.site-header-inner{padding:0 16px}.site-nav{z-index:20;border:1px solid var(--line);background:#0c111ef2;border-radius:18px;padding:13px 24px;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0008}.header-actions .text-button{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.product-visual{transform:none}.feature-grid,.skin-grid,.skin-grid-showcase{grid-template-columns:repeat(2,1fr)}.skin-grid-showcase .skin-card:first-child{grid-row:auto}.skin-grid-showcase .skin-card:first-child .skin-art{aspect-ratio:1.2;min-height:0}.skin-detail{grid-template-columns:1fr}.skin-detail-art{grid-row:auto;min-height:450px}.site-footer{grid-template-columns:1fr 1fr}.download-help,.release-card,.security-callout{grid-template-columns:1fr}}@media (width<=560px){.brand>span:last-child{display:none}.hero{padding:50px 18px}.hero h1{font-size:43px}.hero-actions{flex-direction:column}.visual-body{grid-template-columns:90px 1fr;height:300px}.visual-preview{margin:15px;padding:18px}.page-container,.section{padding:60px 18px}.feature-grid,.site-footer,.skin-grid,.skin-grid-showcase,.steps{grid-template-columns:1fr}.site-footer{padding-bottom:100px}.filters{align-items:stretch}.filter-count{margin-left:0}.skin-detail-art{min-height:330px;padding:16px}.mock-window{min-height:300px}.skin-detail-copy h1{font-size:40px}.download-panel{padding:14px}.release-card{padding:22px}.release-card h2{font-size:32px}.account-profile{flex-wrap:wrap;align-items:flex-start}.account-profile .button{margin-left:0}.order-row{grid-template-columns:1fr auto}.order-row .tag{grid-column:2}.auth-form{padding:32px 22px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}.checkout-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,.7fr);align-items:start;gap:24px;display:grid}.checkout-status{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.checkout-status>strong{font-size:36px}.status-paid{color:var(--accent)}.status-cancelled{color:var(--danger)}.payment-code{gap:12px;display:grid}.payment-code-placeholder{border:1px dashed var(--line);color:#111;text-align:center;background:#fff;border-radius:16px;align-content:center;place-items:center;gap:8px;min-height:180px;display:grid}.payment-code-placeholder span{font-size:72px;line-height:1}.payment-code code{color:var(--muted);word-break:break-all;background:#070b12;border-radius:10px;padding:12px}.payment-code small{color:var(--muted)}.checkout-refresh{margin:20px auto 0;display:block}.desktop-connect{place-items:center;min-height:calc(100vh - 230px);display:grid}.connect-card{width:min(100%,620px)}.connect-card dl{grid-template-columns:100px minmax(0,1fr);gap:10px;margin:0;display:grid}.connect-card dt{color:var(--muted)}.connect-card dd{word-break:break-all;margin:0}.security-note{border:1px solid var(--line);background:#5ce0bd0d;border-radius:14px;padding:16px}.security-note p{margin-bottom:0}.connect-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=800px){.checkout-grid{grid-template-columns:1fr}}@media (width<=520px){.connect-actions{grid-template-columns:1fr}.checkout-status>strong{font-size:28px}}
