:root { --bg:#07101f; --bg-deep:#040914; --surface:rgba(16,29,50,.78); --surface-strong:rgba(20,35,60,.92); --surface-soft:rgba(120,154,213,.08); --line:rgba(166,195,244,.18); --line-strong:rgba(159,191,244,.35); --ink:#f3f7ff; --muted:#a6b5cc; --dim:#7789a6; --brand:#85f0dc; --brand-strong:#3fd5bc; --blue:#6997ff; --violet:#a987ff; --danger:#ff8d9c; --warning:#ffd47b; --shadow:0 24px 70px rgba(0,0,0,.28); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--bg-deep); }
body { position:relative; min-width:320px; margin:0; overflow-x:hidden; color:var(--ink); background:radial-gradient(circle at 88% 5%,rgba(94,70,215,.19),transparent 26rem),radial-gradient(circle at 8% 32%,rgba(38,139,202,.11),transparent 30rem),linear-gradient(180deg,#081323 0,#060f1d 52%,#040914 100%); font:16px/1.65 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; }
body::before { position:fixed; z-index:0; inset:0; pointer-events:none; opacity:.26; background-image:linear-gradient(rgba(122,159,218,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(122,159,218,.05) 1px,transparent 1px); background-size:48px 48px; content:""; mask-image:linear-gradient(to bottom,#000,transparent 74%); }
main,.nav,.footer { position:relative; z-index:1; }
a { color:inherit; text-decoration:none; }
button,input,textarea,select { font:inherit; }
::selection { color:#04101d; background:var(--brand); }
.shell { width:min(1180px,calc(100% - 48px)); margin:0 auto; }
.nav { position:sticky; top:0; z-index:10; border-bottom:1px solid rgba(170,198,247,.1); background:rgba(5,13,27,.7); backdrop-filter:blur(20px); }
.nav-inner { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.brand { display:inline-flex; align-items:center; gap:7px; color:#fff; font-size:18px; font-weight:760; letter-spacing:.04em; white-space:nowrap; }
.brand em { color:var(--brand); font-style:normal; }
.brand-mark { width:28px; height:28px; display:grid; place-items:center; border:1px solid rgba(164,250,231,.5); border-radius:9px; color:#d5fff7; background:linear-gradient(135deg,rgba(133,240,220,.3),rgba(105,151,255,.13)); box-shadow:inset 0 0 20px rgba(126,243,220,.11),0 0 22px rgba(79,216,193,.12); font-size:14px; font-weight:850; letter-spacing:-.08em; }
.nav-links { display:flex; align-items:center; gap:6px; color:#9aaac0; font-size:14px; }
.nav-links a { padding:7px 11px; border-radius:8px; transition:color .2s ease,background .2s ease; }
.nav-links a:hover,.nav-links a.active { color:#eafffb; background:rgba(133,240,220,.1); }
.hero { position:relative; min-height:590px; overflow:hidden; border-bottom:1px solid rgba(153,192,246,.13); background:radial-gradient(circle at 80% 35%,rgba(83,91,224,.32),transparent 27rem),radial-gradient(circle at 23% 69%,rgba(30,173,191,.14),transparent 25rem),linear-gradient(120deg,#07172b 0%,#0a1a36 48%,#0a1230 100%); }
.hero::before { position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,10,23,.16),transparent 52%,rgba(4,10,23,.25)); content:""; }
.hero-grid { position:absolute; inset:-10% -4%; opacity:.72; background-image:linear-gradient(rgba(132,167,249,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(132,167,249,.11) 1px,transparent 1px); background-size:54px 54px; transform:perspective(700px) rotateX(61deg) scale(1.34) translateY(29%); transform-origin:50% 50%; mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 78%,transparent); }
.hero-glow { position:absolute; border-radius:50%; filter:blur(2px); pointer-events:none; }
.hero-glow-a { width:500px; height:500px; top:-270px; left:34%; border:1px solid rgba(126,248,230,.13); box-shadow:0 0 110px 38px rgba(61,220,203,.11),inset 0 0 70px rgba(61,220,203,.06); }
.hero-glow-b { width:390px; height:390px; right:-170px; bottom:-170px; border:1px solid rgba(142,117,255,.23); box-shadow:0 0 120px 40px rgba(120,91,255,.18),inset 0 0 70px rgba(120,91,255,.1); }
.hero-layout { position:relative; display:grid; grid-template-columns:minmax(0,1.22fr) minmax(300px,.74fr); align-items:center; gap:96px; min-height:590px; padding:86px 0 78px; }
.hero-copy { position:relative; }
.eyebrow,.section-kicker { display:flex; align-items:center; gap:9px; margin:0; color:var(--brand); font-size:12px; font-weight:750; letter-spacing:.14em; }
.eyebrow i { width:7px; height:7px; border-radius:50%; background:var(--brand); box-shadow:0 0 0 5px rgba(133,240,220,.11),0 0 18px var(--brand); }
.hero h1 { max-width:720px; margin:18px 0 18px; font-size:clamp(50px,6vw,78px); line-height:1.03; letter-spacing:-.065em; }
.hero h1 span { color:#d8fff8; text-shadow:0 0 38px rgba(120,245,222,.18); }
.lead { max-width:600px; margin:0; color:#b9c8dd; font-size:18px; line-height:1.8; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:33px; }
.button { display:inline-flex; min-height:46px; align-items:center; justify-content:center; gap:8px; padding:0 18px; border:1px solid transparent; border-radius:11px; color:#effffb; background:linear-gradient(135deg,#35c9b1,#4d82ed); box-shadow:0 12px 28px rgba(58,182,182,.13); font-weight:720; line-height:1; cursor:pointer; transition:transform .2s ease,box-shadow .2s ease,filter .2s ease,border-color .2s ease; }
.button:hover { transform:translateY(-2px); box-shadow:0 17px 34px rgba(53,197,178,.22); filter:brightness(1.08); }
.button:focus-visible,.nav-links a:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible { outline:2px solid var(--brand); outline-offset:3px; }
.button-primary { min-height:50px; padding:0 21px; color:#04151d; background:linear-gradient(130deg,#95f7e5,#4dd6c4); box-shadow:0 14px 35px rgba(64,225,198,.25); }
.button-ghost { min-height:50px; color:#dce8fb; border-color:rgba(173,201,243,.27); background:rgba(8,19,39,.33); box-shadow:none; }
.button-ghost:hover { border-color:rgba(149,247,229,.6); background:rgba(106,157,239,.12); }
.hero-trust { display:flex; flex-wrap:wrap; gap:9px 18px; margin-top:36px; color:#8da2bf; font-size:13px; }
.hero-trust span { display:inline-flex; align-items:center; gap:8px; }
.hero-trust span + span::before { width:3px; height:3px; border-radius:50%; background:#6c7e9b; content:""; }
.hero-trust b { width:6px; height:6px; border-radius:50%; background:var(--brand); box-shadow:0 0 13px var(--brand); }
.release-console { position:relative; overflow:hidden; border:1px solid rgba(169,205,251,.28); border-radius:18px; background:linear-gradient(145deg,rgba(22,40,72,.9),rgba(11,23,45,.82)); box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.07); backdrop-filter:blur(14px); }
.release-console::after { position:absolute; top:-120px; right:-90px; width:270px; height:270px; border-radius:50%; background:radial-gradient(circle,rgba(117,128,255,.2),transparent 67%); content:""; }
.console-top { position:relative; z-index:1; display:flex; align-items:center; gap:9px; padding:16px 20px; border-bottom:1px solid rgba(169,205,251,.15); color:#91a7c8; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:10px; font-weight:700; letter-spacing:.13em; }
.console-pulse { width:7px; height:7px; border-radius:50%; background:var(--brand); box-shadow:0 0 12px var(--brand); }
.console-status { margin-left:auto; color:#bdffef; }
.console-body { position:relative; z-index:1; padding:28px 25px 24px; }
.console-body p { margin:0 0 3px; color:#a6b6cb; font-size:13px; }
.console-body > strong { display:block; margin-top:4px; color:#fff; font-size:45px; letter-spacing:-.06em; line-height:1.12; }
.console-rule { height:1px; margin:25px 0 18px; background:linear-gradient(90deg,rgba(143,247,224,.56),rgba(150,184,244,.05)); }
.console-meta { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:12px; color:#90a1b9; font-size:12px; }
.console-meta b { color:#eaf1fd; font-size:13px; font-weight:650; text-align:right; }
.console-footer { position:relative; z-index:1; padding:13px 20px; border-top:1px solid rgba(169,205,251,.14); color:#9cbed2; background:rgba(4,12,27,.25); font-size:12px; }
.console-check { margin-right:6px; color:#a8fae8; font-weight:800; }
.content { padding:80px 0 100px; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:28px; margin-bottom:26px; }
.section-heading .section-subtitle { max-width:490px; margin:0; color:var(--muted); font-size:14px; text-align:right; }
.section-title { margin:6px 0 0; color:#f4f8ff; font-size:30px; letter-spacing:-.045em; line-height:1.2; }
.downloads { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.download-card,.panel,.history-row { position:relative; overflow:hidden; border:1px solid var(--line); border-radius:17px; background:linear-gradient(145deg,rgba(21,37,63,.91),rgba(11,22,42,.85)); box-shadow:0 16px 45px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.035); }
.download-card { min-height:268px; padding:28px; }
.download-card::before { position:absolute; top:-75px; right:-58px; width:190px; height:190px; border:1px solid rgba(120,161,255,.18); border-radius:50%; box-shadow:0 0 70px rgba(91,133,255,.13); content:""; }
.download-card:nth-child(2)::before { border-color:rgba(167,132,255,.24); box-shadow:0 0 70px rgba(168,121,255,.13); }
.download-card:hover { border-color:var(--line-strong); transform:translateY(-3px); transition:transform .2s ease,border-color .2s ease; }
.platform { position:relative; z-index:1; display:flex; align-items:center; gap:12px; color:#f7faff; font-size:20px; font-weight:760; letter-spacing:-.025em; }
.platform-icon { width:43px; height:43px; display:grid; place-items:center; border:1px solid rgba(118,165,255,.34); border-radius:13px; color:#cfe0ff; background:linear-gradient(145deg,rgba(87,137,242,.24),rgba(78,105,200,.08)); box-shadow:inset 0 0 20px rgba(101,153,255,.1); font-size:17px; font-weight:820; }
.download-card:nth-child(2) .platform-icon { border-color:rgba(182,152,255,.38); color:#eadfff; background:linear-gradient(145deg,rgba(163,112,255,.27),rgba(105,80,194,.08)); }
.download-card p { position:relative; z-index:1; min-height:54px; margin:17px 0 18px; color:#aebdd1; font-size:14px; line-height:1.65; }
.download-card .button { position:relative; z-index:1; min-width:178px; }
.download-card:nth-child(2) .button { background:linear-gradient(135deg,#8363dd,#5c86e8); }
.button[aria-disabled="true"] { pointer-events:none; opacity:.5; }
.file-meta { position:relative; z-index:1; margin:14px 0 0; color:#8193ae; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:12px; }
.status { min-height:20px; margin:12px 2px 0; color:#8294af; font-size:13px; }
.status.error { color:var(--danger); }
.panel { padding:29px; }
.release-notes { margin-top:52px; }
.panel-header { display:flex; align-items:start; justify-content:space-between; gap:20px; }
.panel-index { color:rgba(150,180,230,.45); font:700 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.08em; }
.release-notes ul { display:grid; gap:10px; margin:24px 0 0; padding:0; list-style:none; }
.release-notes li { position:relative; padding-left:21px; color:#b1bfd1; font-size:14px; }
.release-notes li::before { position:absolute; top:.68em; left:0; width:7px; height:7px; border-radius:50%; background:linear-gradient(135deg,var(--brand),var(--blue)); box-shadow:0 0 12px rgba(133,240,220,.55); content:""; }
.release-notes li b { color:#f2f7ff; }
.feature-section { margin-top:78px; }
.feature-section .section-heading { margin-bottom:24px; }
.feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.feature-card { min-height:224px; padding:25px; transition:transform .2s ease,border-color .2s ease; }
.feature-card:hover { border-color:var(--line-strong); transform:translateY(-3px); }
.feature-icon { display:grid; width:42px; height:42px; place-items:center; border:1px solid rgba(133,240,220,.25); border-radius:12px; color:var(--brand); background:rgba(133,240,220,.07); font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.feature-card:nth-child(2) .feature-icon { border-color:rgba(112,159,255,.28); color:#b6ccff; background:rgba(112,159,255,.08); }
.feature-card:nth-child(3) .feature-icon { border-color:rgba(190,151,255,.28); color:#dbbeff; background:rgba(190,151,255,.08); }
.panel h3 { margin:23px 0 7px; color:#f4f8ff; font-size:18px; letter-spacing:-.025em; }
.panel p { margin:0; color:#a8b8cd; font-size:14px; }
.help-panel { margin-top:78px; background:linear-gradient(142deg,rgba(20,44,64,.9),rgba(12,26,48,.86)); }
.empty { padding:38px; border:1px dashed rgba(157,190,239,.32); border-radius:16px; color:#9eafc5; text-align:center; background:rgba(16,29,50,.66); }
.footer { border-top:1px solid rgba(165,196,241,.13); background:rgba(2,8,19,.38); }
.footer-inner { display:flex; align-items:center; justify-content:space-between; gap:28px; padding:32px 0 37px; }
.footer-brand { font-size:16px; }
.footer-brand .brand-mark { width:24px; height:24px; border-radius:7px; font-size:12px; }
.footer p { margin:7px 0 0; color:#71839f; font-size:12px; }
.footer-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px 20px; color:#97a8be; font-size:13px; }
.footer-links a:hover { color:var(--brand); }
.history-page { min-height:calc(100vh - 200px); padding-top:84px; }
.page-intro { max-width:720px; margin-bottom:38px; }
.page-intro h1 { margin:7px 0 11px; color:#f5f8ff; font-size:54px; letter-spacing:-.06em; line-height:1.1; }
.page-intro p:last-child { margin:0; color:var(--muted); }
.history-list { display:grid; gap:14px; }
.history-row { padding:25px 27px; }
.history-row::before { position:absolute; top:0; left:0; width:4px; height:100%; background:linear-gradient(var(--brand),var(--blue)); content:""; }
.history-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:9px 18px; color:#8fa1bb; font-size:13px; }
.history-version { display:flex; align-items:center; gap:9px; color:#f5f8ff; font-size:22px; font-weight:750; letter-spacing:-.04em; }
.tag { display:inline-block; padding:3px 9px; border:1px solid rgba(123,241,211,.25); border-radius:99px; color:#b8ffec; background:rgba(80,201,170,.1); font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.06em; }
.tag.beta { border-color:rgba(255,209,119,.28); color:#ffe5a2; background:rgba(251,186,55,.1); }
.history-row p { margin:15px 0; color:#acbbce; font-size:14px; }
.history-actions { display:flex; flex-wrap:wrap; gap:10px; }
.history-actions .button { min-height:39px; font-size:13px; }
.history-actions .button:nth-child(2) { background:linear-gradient(135deg,#8363dd,#5c86e8); }
.tool-page { min-height:calc(100vh - 200px); padding-top:84px; }
.tool-intro { max-width:780px; }
.tool-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.tool-card { position:relative; display:flex; min-height:330px; flex-direction:column; overflow:hidden; padding:25px; border:1px solid var(--line); border-radius:17px; background:linear-gradient(145deg,rgba(18,35,60,.92),rgba(10,20,39,.86)); box-shadow:0 16px 45px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.035); transition:transform .2s ease,border-color .2s ease; }
.tool-card::before { position:absolute; top:-82px; right:-82px; width:190px; height:190px; border:1px solid rgba(132,240,220,.18); border-radius:50%; box-shadow:0 0 70px rgba(69,205,184,.09); content:""; }
.tool-card:hover { border-color:var(--line-strong); transform:translateY(-3px); }
.tool-card-top { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.tool-category,.tool-platform { display:inline-flex; align-items:center; min-height:25px; padding:0 9px; border-radius:99px; font-size:11px; font-weight:700; }
.tool-category { border:1px solid rgba(133,240,220,.24); color:#b9ffed; background:rgba(133,240,220,.08); }
.tool-platform { color:#aabbd2; background:rgba(132,159,210,.1); }
.tool-card h2 { position:relative; z-index:1; margin:25px 0 8px; color:#f4f8ff; font-size:22px; letter-spacing:-.04em; line-height:1.25; }
.tool-card p { position:relative; z-index:1; flex:1; margin:0; color:#a9bad0; font-size:14px; }
.tool-version { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:7px 11px; margin:22px 0 17px; color:#8da0bb; font:600 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace; }
.tool-version span + span::before { margin-right:11px; color:#526987; content:"/"; }
.tool-card .button { position:relative; z-index:1; align-self:flex-start; }
.tool-card .file-meta { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.admin { min-height:calc(100vh - 72px); padding:70px 0 90px; }
.admin > h1 { margin:0 0 8px; color:#f7f9ff; font-size:42px; letter-spacing:-.055em; }
.admin-grid { display:grid; grid-template-columns:1.45fr 1fr; gap:18px; align-items:start; margin-top:28px; }
.admin .panel { padding:25px; }
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
label { display:grid; gap:6px; color:#aebed1; font-size:13px; font-weight:650; }
input,textarea,select { width:100%; border:1px solid rgba(158,189,236,.3); border-radius:9px; padding:10px 11px; color:var(--ink); background:rgba(4,13,29,.58); font-size:14px; }
textarea { min-height:88px; resize:vertical; }
input::placeholder,textarea::placeholder { color:#61738f; }
.wide { grid-column:1/-1; }
.check { display:flex; align-items:center; gap:8px; margin-top:6px; font-weight:500; }
.check input { width:auto; accent-color:var(--brand); }
.stats { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.metric { padding:17px; border:1px solid rgba(157,190,239,.12); border-radius:12px; background:rgba(102,142,207,.08); }
.metric b { display:block; color:#f5f8ff; font-size:30px; line-height:1.1; }
.metric span { color:var(--muted); font-size:13px; }
.admin-table { width:100%; margin-top:16px; border-collapse:collapse; color:#b7c5d8; font-size:13px; }
.admin-table th,.admin-table td { padding:10px 6px; border-bottom:1px solid rgba(157,190,239,.13); text-align:left; vertical-align:top; }
.tiny { padding:6px 9px; border:1px solid rgba(159,198,247,.34); border-radius:7px; color:#d5e9ff; background:rgba(103,144,209,.08); cursor:pointer; }
@media (max-width:860px) { .hero-layout { grid-template-columns:1fr; gap:44px; padding:72px 0 62px; }.release-console { max-width:460px; }.section-heading { align-items:start; flex-direction:column; gap:12px; }.section-heading .section-subtitle { text-align:left; }.feature-grid,.tool-grid { grid-template-columns:1fr; }.admin-grid { grid-template-columns:1fr; } }
@media (max-width:680px) { .shell { width:min(100% - 30px,1180px); }.nav-inner { min-height:62px; }.nav-links { max-width:62%; gap:1px; overflow-x:auto; }.nav-links a { padding:6px 8px; white-space:nowrap; }.nav-links a:nth-last-child(-n+2) { display:none; }.hero { min-height:auto; }.hero-layout { padding:60px 0 55px; }.hero h1 { font-size:clamp(45px,14vw,62px); }.lead { font-size:16px; }.hero-trust { gap:8px 13px; }.downloads { grid-template-columns:1fr; }.download-card { min-height:0; }.content { padding:57px 0 70px; }.release-notes,.feature-section,.help-panel { margin-top:52px; }.panel { padding:23px; }.footer-inner { align-items:flex-start; flex-direction:column; }.footer-links { justify-content:flex-start; }.history-page,.tool-page { padding-top:56px; }.page-intro h1 { font-size:43px; }.form-grid { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.button,.download-card,.feature-card { transition:none; }.button:hover,.download-card:hover,.feature-card:hover { transform:none; } }