:root {
  --bg:#10131a; --bg-soft:#171a22; --surface:#1d2028; --surface-2:#262a34;
  --ink:#fffaf0; --muted:#b3ad9f; --line:rgba(255,214,91,.16); --text-muted:#b3ad9f;
  --blue:#f6b91a; --blue-2:#ff8f1f; --cyan:#ffd85b; --green:#58d7a5;
  --amber:#ffbd5c; --danger:#ff6c82; --radius:22px; --shadow:0 30px 80px rgba(0,0,0,.34);
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:90px; }
body { margin:0; min-width:320px; overflow-x:hidden; background:var(--bg); color:var(--ink); font:14px/1.7 "Microsoft YaHei","PingFang SC","Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px); background-size:56px 56px; mask-image:linear-gradient(to bottom,black,transparent 70%); }
.ambient { position:fixed; width:min(520px,100vw); height:520px; border-radius:50%; filter:blur(120px); opacity:.12; pointer-events:none; }
.ambient-one { right:-180px; top:90px; background:#3d73ff; }
.ambient-two { left:-260px; top:740px; background:#6b45ff; }
a { color:#91b7ff; text-decoration:none; }
a:hover { color:#c4d8ff; }
.container { width:min(1180px,calc(100% - 40px)); margin:auto; }
.topbar { position:sticky; top:0; z-index:50; border-bottom:1px solid var(--line); background:rgba(7,17,31,.78); backdrop-filter:blur(20px); }
.topbar-inner { height:74px; display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; align-items:center; gap:11px; color:#fff; font-size:19px; font-weight:800; letter-spacing:-.02em; }
.brand:hover { color:#fff; }
.brand-accent { color:#77a9ff; }
.brand-mark { position:relative; width:35px; height:35px; display:inline-grid; place-items:center; overflow:hidden; border-radius:11px; background:linear-gradient(145deg,#4b8cff,#6b58ef); box-shadow:0 8px 24px rgba(79,140,255,.28); }
.brand-mark::before,.brand-mark::after,.brand-mark span { content:""; position:absolute; width:18px; height:4px; border-radius:5px; background:white; transform:rotate(-28deg); }
.brand-mark::before { margin-top:-9px; margin-left:-2px; }
.brand-mark::after { margin-top:9px; margin-left:2px; }
.brand-mark span { width:12px; opacity:.92; }
.brand-mark.small { width:30px; height:30px; border-radius:9px; transform:scale(.9); }
.brand-mark.tiny { width:20px; height:20px; border-radius:6px; box-shadow:none; transform:scale(.72); margin:-4px; }
.nav { display:flex; align-items:center; gap:30px; }
.nav a { color:#9cafc4; font-size:13px; font-weight:600; }
.nav a:hover { color:#fff; }
.nav-console { padding:8px 14px; border:1px solid var(--line); border-radius:9px; background:rgba(255,255,255,.035); }
.page { position:relative; z-index:1; min-height:calc(100vh - 150px); padding:0 0 80px; }
.hero-section { min-height:690px; display:grid; grid-template-columns:1fr 1.08fr; align-items:center; gap:70px; padding:78px 0 70px; }
.hero-kicker { display:inline-flex; align-items:center; gap:8px; margin-bottom:22px; padding:7px 12px; border:1px solid rgba(101,155,255,.24); border-radius:999px; color:#a9c5f7; background:rgba(60,113,210,.08); font-size:12px; font-weight:700; }
.live-dot { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 0 5px rgba(57,215,159,.11),0 0 14px rgba(57,215,159,.75); }
.hero-copy-wrap h1 { margin:0 0 24px; font-size:clamp(46px,5vw,70px); line-height:1.08; letter-spacing:-.055em; }
.hero-copy-wrap h1 span { background:linear-gradient(90deg,#7aaaff,#6fdcff 55%,#8a83ff); color:transparent; background-clip:text; -webkit-background-clip:text; }
.hero-copy { max-width:610px; margin:0; color:#9db0c5; font-size:17px; line-height:1.9; }
.hero-actions { display:flex; gap:12px; margin:34px 0 27px; }
.button { min-height:42px; padding:0 18px; display:inline-flex; align-items:center; justify-content:center; gap:12px; border:1px solid transparent; border-radius:11px; color:#fff; background:none; cursor:pointer; font:inherit; font-weight:700; transition:.18s ease; }
.button:hover { color:#fff; transform:translateY(-1px); }
.button.primary { background:linear-gradient(135deg,#4d8cff,#655cf0); box-shadow:0 13px 32px rgba(76,115,244,.25); }
.button.primary:hover { box-shadow:0 16px 38px rgba(76,115,244,.4); }
.button.secondary,.button.ghost { border-color:var(--line); background:rgba(255,255,255,.035); color:#c6d5e6; }
.button.secondary:hover,.button.ghost:hover { background:rgba(255,255,255,.07); }
.button.unavailable { border-color:rgba(255,255,255,.08); color:#817b70; background:rgba(255,255,255,.025); cursor:not-allowed; }
.button-large { min-height:52px; padding:0 23px; border-radius:13px; }
.full-button { width:100%; }
.hero-notes { display:flex; flex-wrap:wrap; gap:18px; color:#8196ad; font-size:12px; }
.hero-notes i,.plan-features i,.mini-list i { display:inline-grid; place-items:center; width:17px; height:17px; margin-right:5px; border-radius:50%; color:#62e7bd; background:rgba(57,215,159,.11); font-style:normal; font-size:10px; }
.product-visual { position:relative; min-height:475px; display:grid; place-items:center; }
.visual-glow { position:absolute; width:min(430px,100vw); height:330px; border-radius:50%; background:#3367df; filter:blur(95px); opacity:.2; }
.app-window { position:relative; width:100%; overflow:hidden; border:1px solid rgba(153,186,223,.18); border-radius:20px; background:rgba(12,27,46,.94); box-shadow:0 45px 100px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.03); transform:perspective(1200px) rotateY(-3deg) rotateX(2deg); }
.window-bar { height:48px; padding:0 17px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); background:#0b192a; }
.window-brand { display:flex; align-items:center; gap:9px; color:#cedbec; font-size:11px; font-weight:700; }
.window-dots { display:flex; gap:6px; }.window-dots i { width:7px; height:7px; border-radius:50%; background:#31465d; }
.window-body { min-height:350px; display:grid; grid-template-columns:115px 1fr; }
.mock-sidebar { padding:24px 11px; border-right:1px solid var(--line); background:rgba(6,15,27,.45); }
.mock-nav { display:flex; align-items:center; gap:8px; margin-bottom:8px; padding:9px; border-radius:8px; color:#6e839a; font-size:9px; }
.mock-nav b { font-size:12px; }.mock-nav.active { color:#cfe0ff; background:linear-gradient(90deg,rgba(68,124,232,.2),rgba(68,124,232,.04)); }
.mock-content { padding:22px; }
.mock-title { display:flex; align-items:flex-end; justify-content:space-between; }.mock-title small,.mock-title strong { display:block; }.mock-title small { color:#657b92; font-size:8px; }.mock-title strong { font-size:13px; }.mock-title span { color:#6d9fea; font-size:8px; }
.mock-search { margin:16px 0 10px; padding:9px 11px; border:1px solid var(--line); border-radius:8px; color:#536980; background:#0a1726; font-size:8px; }
.mock-group { display:grid; grid-template-columns:20px 1fr auto; align-items:center; gap:9px; margin:7px 0; padding:9px; border:1px solid transparent; border-radius:9px; background:rgba(255,255,255,.018); }
.mock-group.selected { border-color:rgba(85,139,243,.16); background:rgba(65,117,218,.075); }
.mock-group>i { width:16px; height:16px; display:grid; place-items:center; border:1px solid #33475d; border-radius:5px; color:white; background:#0a1726; font-size:8px; font-style:normal; }.mock-group.selected>i { border-color:#5389ee; background:#477fe9; }
.mock-group strong,.mock-group small { display:block; }.mock-group strong { color:#b8c7d8; font-size:9px; }.mock-group small,.mock-group em { color:#52687e; font-size:7px; font-style:normal; }
.mock-progress { margin-top:14px; padding:12px; border:1px solid var(--line); border-radius:10px; background:#091626; }.mock-progress div { display:flex; justify-content:space-between; color:#8ca0b7; font-size:8px; }.mock-progress strong { color:#66a0ff; }.mock-progress p { height:4px; margin:8px 0; overflow:hidden; border-radius:4px; background:#192c40; }.mock-progress p i { display:block; width:68%; height:100%; border-radius:4px; background:linear-gradient(90deg,#4786f7,#6b66f3); }.mock-progress small { color:#536980; font-size:7px; }
.floating-card { position:absolute; z-index:3; min-width:165px; display:flex; align-items:center; gap:10px; padding:12px 14px; border:1px solid rgba(160,190,224,.18); border-radius:13px; background:rgba(17,34,55,.86); box-shadow:0 18px 45px rgba(0,0,0,.35); backdrop-filter:blur(15px); }.floating-card small,.floating-card strong { display:block; }.floating-card small { color:#71869d; font-size:8px; }.floating-card strong { color:#cbd8e6; font-size:10px; }.floating-top { top:34px; right:-32px; }.floating-bottom { bottom:27px; left:-25px; }.float-icon { width:30px; height:30px; display:grid; place-items:center; border-radius:9px; color:#72e7be; background:rgba(57,215,159,.12); font-weight:900; }.float-icon.purple { color:#a89dff; background:rgba(113,95,244,.13); }
.signal-strip { display:grid; grid-template-columns:repeat(5,1fr); gap:1px; margin-bottom:95px; overflow:hidden; border:1px solid var(--line); border-radius:17px; background:var(--line); }.signal-strip div { padding:20px 22px; background:rgba(11,25,42,.82); }.signal-strip strong,.signal-strip span { display:block; }.signal-strip strong { margin-bottom:2px; font-size:13px; }.signal-strip span { color:#71869e; font-size:11px; }
.section { padding:72px 0; }
.section-heading { max-width:650px; margin-bottom:42px; }.section-heading.centered { margin-right:auto; margin-left:auto; text-align:center; }.eyebrow,.form-kicker,.plan-label { margin:0 0 8px; color:#6e9fff; font-size:10px; font-weight:800; letter-spacing:.16em; }.section-heading h2 { margin:0 0 12px; font-size:36px; letter-spacing:-.035em; }.section-heading>p:last-child { margin:0; color:#8398af; font-size:15px; }
h1,h2,h3,p { margin-top:0; }h2 { letter-spacing:-.02em; }h3 { margin-bottom:8px; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.feature-card { min-height:240px; padding:27px; border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(145deg,rgba(18,36,58,.83),rgba(10,23,40,.8)); box-shadow:inset 0 1px rgba(255,255,255,.025); }.feature-card.featured { grid-row:span 2; }.feature-card.wide { grid-column:span 2; display:grid; grid-template-columns:1fr 1.1fr; align-items:center; gap:25px; }.feature-card h3 { margin-top:20px; font-size:18px; }.feature-card p { margin:0; color:#8196ad; }.feature-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; font-size:11px; font-weight:900; letter-spacing:-.04em; }.feature-icon.blue { color:#7fb0ff; background:rgba(69,126,232,.14); }.feature-icon.purple { color:#aaa0ff; background:rgba(113,95,244,.14); }.feature-icon.green { color:#66e7bd; background:rgba(57,215,159,.12); }.feature-icon.amber { color:#ffcc7c; background:rgba(255,183,76,.12); }.feature-icon.slate { color:#b5c8dc; background:rgba(148,177,207,.1); }
.mini-list { display:grid; gap:9px; margin-top:28px; padding-top:20px; border-top:1px solid var(--line); }.mini-list span { color:#8297ad; font-size:11px; }.mini-list b { float:right; color:#536b83; font-family:Consolas,monospace; font-size:9px; }
.log-preview { padding:12px 15px; border:1px solid var(--line); border-radius:13px; background:#071321; font-family:Consolas,monospace; }.log-preview span { display:grid; grid-template-columns:58px 8px 1fr auto; gap:6px; padding:8px 0; border-bottom:1px solid rgba(148,177,207,.08); color:#7890a7; font-size:8px; }.log-preview span:last-child { border:0; }.log-preview time { color:#425d77; }.log-preview i { width:5px; height:5px; margin-top:5px; border-radius:50%; background:#ffbd5c; }.log-preview i.ok { background:#39d79f; }.log-preview b { color:#6c8399; font-weight:400; }
.pricing-section { padding-top:105px; }.checkout-card { display:grid; grid-template-columns:.9fr 1.1fr; overflow:hidden; border:1px solid rgba(111,154,230,.22); border-radius:27px; background:linear-gradient(145deg,rgba(18,37,61,.96),rgba(8,21,37,.96)); box-shadow:var(--shadow); }.plan-summary { position:relative; padding:45px; border-right:1px solid var(--line); background:radial-gradient(circle at 0 0,rgba(66,119,232,.18),transparent 52%); }.plan-badge { position:absolute; top:24px; right:24px; padding:5px 9px; border:1px solid rgba(77,217,255,.2); border-radius:999px; color:#77ddf7; background:rgba(77,217,255,.08); font-size:9px; font-weight:700; }.plan-summary h3 { margin:4px 0 12px; font-size:28px; }.price { margin:17px 0 28px; font-size:54px; line-height:1; font-weight:800; letter-spacing:-.05em; }.price sup { margin-right:4px; color:#78a8ff; font-size:20px; vertical-align:top; }.price small { margin-left:9px; color:#768ba3; font-size:12px; font-weight:500; letter-spacing:0; }.plan-features { display:grid; gap:12px; margin:0; padding:23px 0 0; border-top:1px solid var(--line); list-style:none; color:#94a8be; }.checkout-form-wrap { padding:45px; }.checkout-form-wrap h3 { margin-bottom:7px; font-size:22px; }.muted { color:#8196ad; }.order-form { display:grid; gap:15px; }.checkout-form { margin-top:23px; }.form-row { display:grid; grid-template-columns:.55fr 1fr 1fr; gap:12px; }
label { display:grid; gap:6px; color:#9eb0c4; font-size:11px; font-weight:700; }input,textarea,select { width:100%; min-height:44px; padding:10px 12px; border:1px solid var(--line); border-radius:10px; outline:0; color:#e9f2fc; background:rgba(5,15,26,.65); font:inherit; }input:focus,textarea:focus,select:focus { border-color:rgba(82,139,247,.6); box-shadow:0 0 0 3px rgba(82,139,247,.08); }textarea { resize:vertical; }
.pay-options { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin:0; padding:0; border:0; }.pay-options legend { grid-column:1/-1; margin-bottom:3px; color:#9eb0c4; font-size:11px; font-weight:700; }.pay-option { position:relative; display:flex; align-items:center; gap:10px; min-height:52px; padding:9px 12px; border:1px solid var(--line); border-radius:11px; background:rgba(5,15,26,.5); cursor:pointer; }.pay-option input { position:absolute; opacity:0; }.pay-option:has(input:checked) { border-color:rgba(79,140,255,.6); background:rgba(57,100,186,.11); }.pay-option b { color:#b9c8d8; font-size:12px; }.pay-option>i { margin-left:auto; display:none; color:#7baaFF; font-style:normal; }.pay-option:has(input:checked)>i { display:block; }.pay-logo { width:27px; height:27px; display:grid; place-items:center; border-radius:8px; color:white; font-size:12px; }.pay-logo.alipay { background:#1677ff; }.pay-logo.wxpay { background:#22b36a; }.checkout-note { margin:0; color:#687f97; text-align:center; font-size:10px; }.checkout-note i { margin-right:5px; color:#62e7bd; font-style:normal; }
.steps-section { padding-top:115px; }.steps-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.steps-grid>div { position:relative; padding:28px; overflow:hidden; border:1px solid var(--line); border-radius:18px; background:rgba(13,29,48,.72); }.steps-grid span { position:absolute; top:-20px; right:13px; color:rgba(112,154,213,.09); font-size:78px; font-weight:900; }.steps-grid h3 { margin:0 0 9px; font-size:17px; }.steps-grid p { margin:0; color:#7b91a8; }
.lookup-section { display:grid; grid-template-columns:.75fr 1.45fr; align-items:end; gap:45px; margin-top:65px; padding:35px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(120deg,rgba(21,43,69,.88),rgba(9,23,40,.85)); }.lookup-copy h2 { margin:0 0 8px; font-size:25px; }.lookup-copy>p:last-child { margin:0; color:#7f94aa; }.query-form { display:grid; grid-template-columns:1fr 1fr auto; align-items:end; gap:10px; }
.faq-section { padding-top:115px; }.faq-grid { width:min(820px,100%); margin:auto; display:grid; gap:10px; }.faq-grid details { padding:0 20px; border:1px solid var(--line); border-radius:14px; background:rgba(12,28,47,.68); }.faq-grid summary { padding:17px 0; cursor:pointer; color:#c6d5e5; font-weight:700; }.faq-grid p { padding:0 0 17px; margin:0; color:#7e94ab; }.legacy-copy { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
.payment-handoff { min-height:calc(100vh - 270px); display:grid; place-items:center; padding:70px 0; }.payment-handoff-card { width:min(520px,100%); padding:42px 38px; text-align:center; border:1px solid rgba(111,154,230,.22); border-radius:24px; background:linear-gradient(145deg,rgba(18,37,61,.96),rgba(8,21,37,.96)); box-shadow:var(--shadow); }.payment-handoff-card h1 { margin:0 0 12px; font-size:30px; }.payment-handoff-copy { margin:0 auto 24px; color:#8196ad; line-height:1.8; }.payment-handoff-copy strong { color:#9fc1ff; font-family:Consolas,monospace; }.payment-handoff-tip { margin:16px 0 0; color:#5f768f; font-size:11px; line-height:1.7; }.payment-spinner { display:flex; justify-content:center; gap:7px; margin:0 auto 22px; }.payment-spinner span { width:10px; height:10px; border-radius:50%; background:#6fa4ff; animation:payment-bounce 1.15s ease-in-out infinite; }.payment-spinner span:nth-child(2) { animation-delay:.16s; }.payment-spinner span:nth-child(3) { animation-delay:.32s; } @keyframes payment-bounce { 0%,80%,100% { transform:scale(.65); opacity:.4; } 40% { transform:scale(1); opacity:1; } }
.footer { position:relative; z-index:2; padding:35px 0; border-top:1px solid var(--line); background:#06101c; }.footer-inner { display:flex; align-items:center; justify-content:space-between; gap:25px; }.footer-brand { display:flex; align-items:center; gap:9px; }.footer-brand strong,.footer-brand small { display:block; }.footer-brand small { color:#5f768f; font-size:9px; }.footer-copy { color:#5f768f; font-size:11px; }
.flash-list { padding-top:18px; display:grid; gap:8px; }.flash { padding:11px 14px; border:1px solid var(--line); border-radius:10px; }.flash.error { border-color:rgba(255,108,130,.25); color:#ff9bab; background:rgba(255,108,130,.08); }.flash.success { border-color:rgba(57,215,159,.25); color:#6ce4bd; background:rgba(57,215,159,.07); }.flash.info { color:#94b9ff; background:rgba(79,140,255,.08); }
/* 订单页 */
.order-shell { padding:65px 0 20px; }.order-status-visual { max-width:700px; margin:0 auto 35px; text-align:center; }.status-orbit { width:82px; height:82px; margin:0 auto 22px; display:grid; place-items:center; border:1px solid rgba(79,140,255,.22); border-radius:50%; background:rgba(79,140,255,.06); box-shadow:0 0 55px rgba(79,140,255,.12); }.status-orbit span { width:52px; height:52px; display:grid; place-items:center; border-radius:50%; color:#92b6ff; background:linear-gradient(145deg,rgba(79,140,255,.25),rgba(107,88,239,.18)); font-size:24px; font-weight:800; }.order-status-visual.fulfilled .status-orbit { border-color:rgba(57,215,159,.23); background:rgba(57,215,159,.06); }.order-status-visual.fulfilled .status-orbit span { color:#6ee4bf; background:rgba(57,215,159,.14); }.order-status-visual h1 { margin:0 0 7px; font-size:32px; }.order-status-visual>p:last-child { color:#8297ae; }.order-layout { width:min(900px,100%); margin:auto; display:grid; grid-template-columns:1fr 255px; align-items:start; gap:16px; }.order-main-card,.order-help-card,.narrow-card,.panel,.stat { border:1px solid var(--line); border-radius:18px; background:rgba(13,29,48,.86); box-shadow:0 20px 60px rgba(0,0,0,.18); }.order-main-card { padding:30px; }.panel-head { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:17px; }.panel-head h2 { margin:0; font-size:19px; }.order-number { width:100%; padding:15px; border:1px dashed rgba(112,161,250,.35); border-radius:11px; color:#8db4ff; background:rgba(65,116,213,.08); font:800 18px Consolas,monospace; letter-spacing:.04em; cursor:pointer; }.order-number small { float:right; color:#557aa9; font:10px "Microsoft YaHei",sans-serif; letter-spacing:0; }.summary { display:grid; margin:22px 0 0; border-top:1px solid var(--line); }.summary div { display:flex; justify-content:space-between; gap:18px; padding:10px 0; border-bottom:1px solid var(--line); }.summary dt { color:#7288a0; }.summary dd { margin:0; color:#bfcedd; font-weight:700; text-align:right; }.summary dd.amount { color:#81abff; }.status { display:inline-flex; padding:4px 9px; border-radius:999px; font-size:10px; font-weight:700; }.status.pending { color:#ffc979; background:rgba(255,189,92,.1); }.status.paid,.status.issued { color:#8eb5ff; background:rgba(79,140,255,.1); }.status.fulfilled,.status.used,.status.unused { color:#70e3bd; background:rgba(57,215,159,.1); }.status.disabled,.status.cancelled { color:#ff91a2; background:rgba(255,108,130,.1); }.license-delivery,.pending-payment { margin-top:26px; padding:20px; border:1px solid rgba(79,140,255,.18); border-radius:14px; background:rgba(6,18,31,.55); }.cards-output { width:100%; min-height:112px; margin:10px 0; padding:14px; color:#9fc1ff; background:#050e19; font:13px/1.7 Consolas,monospace; }.order-help-card { padding:25px; }.help-icon { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; color:#8bb4ff; background:rgba(79,140,255,.12); font-size:18px; font-weight:800; }.order-help-card h3 { margin:18px 0 14px; }.order-help-card ol { display:grid; gap:13px; margin:0 0 20px; padding:0; list-style:none; color:#7e94ab; font-size:11px; }.order-help-card li { display:flex; gap:8px; }.order-help-card li span { flex:0 0 20px; height:20px; display:grid; place-items:center; border-radius:6px; color:#80aaff; background:rgba(79,140,255,.09); }.order-help-card>a { font-size:11px; }.pending-payment p { color:#8196ad; }
/* 管理后台兼容 */
.narrow-card { width:min(620px,100%); margin:70px auto; padding:32px; }.login-card { max-width:460px; }.admin-head { display:flex; align-items:center; justify-content:space-between; padding-top:45px; margin-bottom:24px; }.admin-head h1 { margin:0; }.stats-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:11px; margin-bottom:18px; }.stat { padding:17px; }.stat span { color:#71869e; font-size:10px; }.stat strong { display:block; margin-top:4px; font-size:25px; }.admin-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:18px 0; }.panel { padding:21px; margin-bottom:16px; }.product-settings-list { display:grid; gap:12px; }.product-setting-row { display:grid; grid-template-columns:1fr 120px auto auto; gap:10px; align-items:end; padding-bottom:12px; border-bottom:1px solid var(--line); }.check-label { display:flex; flex-direction:row; align-items:center; gap:6px; min-height:40px; }.check-label input { width:auto; }.success-box,.notice { margin:18px 0; padding:15px; border:1px solid rgba(79,140,255,.18); border-radius:11px; color:#9dbdff; background:rgba(79,140,255,.07); }.table-wrap { overflow:auto; }table { width:100%; border-collapse:collapse; white-space:nowrap; }th,td { padding:10px; border-bottom:1px solid var(--line); text-align:left; }th { color:#6f849b; font-size:10px; }td { color:#9eafc1; }.actions { display:flex; gap:8px; }.text-button { padding:0; border:0; background:none; color:#82acfa; cursor:pointer; font:inherit; }.empty { padding:28px; color:#6e839b; text-align:center; }.mono { font-family:Consolas,monospace; }.error-card { text-align:center; }.error-code { color:#71a1ff; font-size:70px; font-weight:900; line-height:1; }.warning-box { color:#ffc979; background:rgba(255,189,92,.07); }
@media (max-width:1050px) { .hero-section { grid-template-columns:1fr; gap:35px; padding-top:65px; }.hero-copy-wrap { max-width:760px; }.product-visual { width:min(720px,100%); margin:auto; }.signal-strip { grid-template-columns:repeat(2,1fr); }.stats-grid { grid-template-columns:repeat(3,1fr); }.product-setting-row { grid-template-columns:1fr 120px; } }
@media (max-width:820px) { .nav>a:not(.nav-console) { display:none; }.feature-grid { grid-template-columns:1fr 1fr; }.feature-card.featured { grid-row:auto; }.feature-card.wide { grid-column:span 2; }.checkout-card { grid-template-columns:1fr; }.plan-summary { border-right:0; border-bottom:1px solid var(--line); }.steps-grid { grid-template-columns:1fr; }.lookup-section,.query-form,.order-layout,.admin-grid { grid-template-columns:1fr; }.footer-inner { flex-direction:column; align-items:flex-start; }.order-help-card { order:2; }.admin-head { align-items:flex-start; flex-direction:column; }.hero-copy-wrap h1 { font-size:48px; } }
@media (max-width:600px) { .container { width:min(100% - 26px,1180px); }.topbar-inner { height:66px; }.nav { gap:8px; }.nav-console { padding:7px 10px; }.hero-section { min-height:auto; padding:54px 0 45px; }.hero-copy-wrap h1 { font-size:39px; }.hero-copy { font-size:15px; }.hero-actions { flex-direction:column; }.hero-notes { display:grid; gap:8px; }.product-visual { min-height:330px; }.app-window { transform:none; }.window-body { grid-template-columns:76px 1fr; }.mock-sidebar { padding:18px 6px; }.mock-nav { padding:7px 5px; }.mock-nav span { display:none; }.mock-content { padding:14px; }.floating-card { display:none; }.signal-strip { grid-template-columns:1fr; margin-bottom:65px; }.section { padding:55px 0; }.section-heading h2 { font-size:29px; }.feature-grid { grid-template-columns:1fr; }.feature-card.wide { grid-column:auto; grid-template-columns:1fr; }.checkout-card { border-radius:20px; }.plan-summary,.checkout-form-wrap { padding:28px 22px; }.plan-badge { top:19px; right:18px; }.price { font-size:48px; }.form-row,.pay-options { grid-template-columns:1fr; }.lookup-section { padding:24px 19px; }.order-shell { padding-top:45px; }.order-status-visual h1 { font-size:26px; }.order-main-card { padding:20px; }.summary dd { max-width:60%; }.stats-grid { grid-template-columns:repeat(2,1fr); }.product-setting-row { grid-template-columns:1fr; } }
@media (max-width:600px) { .payment-handoff { min-height:calc(100vh - 220px); padding:42px 0; }.payment-handoff-card { padding:32px 21px; border-radius:20px; }.payment-handoff-card h1 { font-size:26px; } }
.recent-order-banner { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:18px; margin:8px 0 22px; padding:20px 24px; border:1px solid rgba(79,140,255,.25); border-radius:18px; background:linear-gradient(120deg,rgba(34,71,119,.72),rgba(13,33,57,.82)); box-shadow:0 16px 45px rgba(2,8,23,.2); }.recent-order-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; color:#8db7ff; background:rgba(79,140,255,.16); font-size:23px; }.recent-order-banner h2 { margin:0 0 4px; font-size:18px; }.recent-order-banner p:not(.eyebrow) { margin:0; color:#91a6bd; font-size:12px; }.recent-order-banner p strong { color:#c9dcff; font-family:Consolas,monospace; }.handoff-order-no { width:100%; margin:2px 0 18px; padding:13px 15px; border:1px dashed rgba(112,161,250,.35); border-radius:11px; color:#8db4ff; background:rgba(65,116,213,.08); font:800 16px Consolas,monospace; cursor:pointer; }.handoff-order-no small { float:right; color:#6689b4; font:10px "Microsoft YaHei",sans-serif; }.payment-wait-steps { display:grid; gap:8px; margin:0 0 22px; text-align:left; color:#8da2ba; font-size:12px; }.payment-wait-steps span { display:flex; align-items:center; gap:9px; }.payment-wait-steps b { display:grid; place-items:center; width:21px; height:21px; border-radius:7px; color:#8ab4ff; background:rgba(79,140,255,.12); font-size:11px; }.handoff-order-link { display:inline-block; margin-top:16px; color:#82adff; font-size:12px; font-weight:700; }
@media (max-width:820px) { .recent-order-banner { grid-template-columns:auto 1fr; }.recent-order-banner .button { grid-column:1 / -1; width:100%; } }
@media (max-width:600px) { .ambient,.visual-glow { display:none; } }
.download-section { padding-top:10px; }.download-card { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr); gap:28px; align-items:center; padding:32px; border:1px solid rgba(148,163,184,.22); border-radius:24px; background:linear-gradient(135deg,rgba(14,29,52,.96),rgba(18,35,62,.82)); box-shadow:0 20px 50px rgba(2,8,23,.22); }.download-card h2 { margin:6px 0 10px; }.download-copy { color:var(--text-muted); margin:0 0 14px; }.download-meta { display:flex; flex-wrap:wrap; gap:8px 18px; color:#9fb2cc; font-size:12px; margin-bottom:20px; }.download-notes { color:#a8b9cf; font-size:13px; margin:12px 0 0; }.download-steps { display:grid; gap:12px; }.download-steps span { display:flex; align-items:center; gap:10px; color:#c6d3e5; font-size:13px; }.download-steps b { display:inline-grid; place-items:center; width:30px; height:30px; border-radius:10px; color:#8dd7ff; background:rgba(56,189,248,.12); font-size:11px; }
.download-grid { display:grid; gap:18px; }.multi-download-card { border-color:rgba(107,124,255,.25); background:radial-gradient(circle at 100% 0,rgba(92,104,255,.12),transparent 48%),linear-gradient(135deg,rgba(25,27,52,.97),rgba(18,22,38,.92)); }
.product-plan-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }.product-plan-card { overflow:hidden; border:1px solid rgba(255,211,76,.2); border-radius:25px; background:linear-gradient(145deg,rgba(37,39,45,.96),rgba(19,22,28,.97)); box-shadow:var(--shadow); }.multi-plan-card { border-color:rgba(122,135,255,.24); background:radial-gradient(circle at 100% 0,rgba(92,104,255,.13),transparent 50%),linear-gradient(145deg,rgba(31,34,52,.97),rgba(18,21,31,.97)); }.unified-plan-summary { min-height:100%; border-right:0; padding-bottom:34px; }.plan-action { margin-top:28px; }.availability-note { margin:10px 0 0; color:#8c8578; font-size:11px; text-align:center; }
.legacy-anchor { display:block; position:relative; top:-92px; visibility:hidden; }.compact-order-form { margin-top:16px; }.compact-order-form label { text-align:left; }
@media (max-width:760px) { .download-card { grid-template-columns:1fr; padding:24px; }.product-plan-grid { grid-template-columns:1fr; } }
.recent-order-link { display:inline-block; margin-top:14px; color:#81abff; font-size:12px; font-weight:700; }.order-helper { display:block; margin-top:4px; color:#71869e; font-size:11px; font-weight:400; }.payment-progress-tip { margin-top:7px; color:#8fa4ba; font-size:12px; }.modal-open { overflow:hidden; }.success-modal { position:fixed; z-index:100; inset:0; display:grid; place-items:center; padding:20px; background:rgba(2,8,23,.7); backdrop-filter:blur(8px); }.success-modal-card { position:relative; width:min(470px,100%); padding:34px 30px 28px; border:1px solid rgba(106,226,190,.25); border-radius:22px; background:linear-gradient(145deg,#132c43,#09192c); box-shadow:0 30px 90px rgba(0,0,0,.45); text-align:center; }.success-modal-card h2 { margin:6px 0 8px; color:#eaf6ff; font-size:25px; }.success-modal-card>p:not(.eyebrow) { color:#90a7bc; font-size:13px; }.success-modal-icon { width:52px; height:52px; margin:0 auto 15px; display:grid; place-items:center; border-radius:50%; color:#71e5bd; background:rgba(57,215,159,.13); font-size:27px; font-weight:900; }.success-modal-close { position:absolute; top:12px; right:14px; width:30px; height:30px; border:0; border-radius:8px; color:#7f98b0; background:transparent; font-size:24px; cursor:pointer; }.success-modal-close:hover { color:#fff; background:rgba(255,255,255,.08); }.success-modal-card .cards-output { margin:18px 0 14px; text-align:left; }

/* Tato 统一产品官网 */
body { background:radial-gradient(circle at 82% 8%,rgba(246,185,26,.08),transparent 28%),var(--bg); }
body::before { background-image:linear-gradient(rgba(255,224,133,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,224,133,.018) 1px,transparent 1px); }
.ambient-one { background:#ffc928; opacity:.1; }.ambient-two { background:#ff8f1f; opacity:.07; }
.topbar { background:rgba(16,19,26,.88); border-color:rgba(255,214,91,.13); }
.topbar-inner { height:72px; }
.brand-logo-link { height:52px; flex:0 0 auto; }
.brand-logo { display:block; width:174px; max-height:52px; object-fit:contain; object-position:left center; }
.nav { gap:17px; }.nav a { color:#bcb6aa; font-size:12px; }.nav a:hover { color:#ffd957; }
.nav-console { border-color:rgba(255,210,69,.23); background:rgba(255,196,34,.06); }
.independent-bar { border-top:1px solid rgba(255,214,91,.1); background:rgba(255,196,34,.055); }
.independent-bar .container { min-height:31px; display:flex; align-items:center; justify-content:center; gap:10px; color:#bdb5a3; font-size:11px; }
.independent-bar strong { color:#ffd44b; }.independent-bar span::before { content:"·"; margin-right:10px; color:#6f695e; }
.button.primary { color:#201805; background:linear-gradient(135deg,#ffd84e,#f3a917); box-shadow:0 13px 32px rgba(236,169,21,.19); }
.button.primary:hover { color:#120e04; box-shadow:0 16px 38px rgba(246,185,26,.3); }
.button.secondary,.button.ghost { border-color:rgba(255,216,91,.18); background:rgba(255,211,76,.035); color:#e2dbcc; }
.button.secondary:hover,.button.ghost:hover { background:rgba(255,211,76,.08); }
.eyebrow,.form-kicker,.plan-label { color:#eab42a; }
.gold-kicker { color:#f5d77d; border-color:rgba(246,185,26,.27); background:rgba(246,185,26,.07); }
.live-dot { background:#ffd442; box-shadow:0 0 0 5px rgba(255,212,66,.11),0 0 14px rgba(255,212,66,.65); }
.tato-hero { min-height:650px; grid-template-columns:1.05fr .95fr; padding-top:60px; }
.tato-hero .hero-copy-wrap h1 span { background:linear-gradient(90deg,#ffd84e,#ffb323 60%,#ff8e1d); color:transparent; background-clip:text; -webkit-background-clip:text; }
.tato-hero .hero-copy { color:#b7b0a3; }
.version-pills { display:flex; flex-wrap:wrap; gap:9px; margin:4px 0 19px; }
.version-pill { padding:7px 11px; border-radius:999px; font-size:11px; font-weight:800; }
.version-pill.current { color:#70e3bd; background:rgba(57,215,159,.09); border:1px solid rgba(57,215,159,.2); }
.version-pill.pending { color:#ffd369; background:rgba(246,185,26,.08); border:1px solid rgba(246,185,26,.2); }
.hero-boundary { max-width:630px; margin:0; color:#817b70; font-size:11px; }.hero-boundary strong { color:#baaa86; }
.tato-hero-visual { position:relative; min-height:510px; display:grid; place-items:center; }
.hero-mascot { position:relative; z-index:2; width:min(455px,92%); filter:drop-shadow(0 38px 55px rgba(0,0,0,.38)); animation:tato-float 4.8s ease-in-out infinite; }
@keyframes tato-float { 0%,100% { transform:translateY(0) rotate(-1deg); } 50% { transform:translateY(-10px) rotate(1deg); } }
.mascot-orbit { position:absolute; border-radius:50%; border:1px solid rgba(255,209,66,.18); }
.orbit-one { width:410px; height:410px; background:radial-gradient(circle,rgba(255,192,28,.13),transparent 65%); box-shadow:0 0 100px rgba(236,165,16,.09); }
.orbit-two { width:505px; height:505px; border-style:dashed; opacity:.5; }
.mascot-chip { position:absolute; z-index:4; min-width:170px; padding:13px 15px; border:1px solid rgba(255,216,91,.2); border-radius:15px; background:rgba(28,30,36,.88); box-shadow:0 18px 45px rgba(0,0,0,.3); backdrop-filter:blur(14px); }
.mascot-chip b,.mascot-chip span { display:block; }.mascot-chip b { color:#f6ead0; font-size:12px; }.mascot-chip span { color:#8d877d; font-size:9px; }
.chip-groups { top:80px; right:-15px; }.chip-library { left:-20px; bottom:70px; }
.tato-signal { margin-bottom:75px; border-color:rgba(255,214,91,.14); background:rgba(255,214,91,.14); }
.tato-signal div { background:rgba(24,27,34,.92); }.tato-signal strong { color:#f5ead8; }.tato-signal span { color:#817b71; }
.capability-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.capability-card { position:relative; min-height:255px; padding:29px; border:1px solid rgba(255,255,255,.08); border-radius:22px; background:linear-gradient(145deg,rgba(34,37,45,.94),rgba(20,23,29,.92)); overflow:hidden; }
.capability-card.featured-gold { border-color:rgba(255,203,57,.2); background:radial-gradient(circle at 100% 0,rgba(255,188,24,.11),transparent 48%),linear-gradient(145deg,rgba(38,38,42,.96),rgba(21,23,29,.94)); }
.capability-card h3 { margin:22px 0 9px; font-size:19px; }.capability-card p { margin:0; color:#918b80; }
.capability-icon { width:43px; height:43px; display:grid; place-items:center; border-radius:13px; color:#221906; background:linear-gradient(145deg,#ffdc59,#efa515); font-size:11px; font-weight:900; }
.capability-status { position:absolute; top:22px; right:22px; padding:5px 8px; border-radius:999px; font-size:9px; font-weight:800; }
.capability-status.live { color:#71dfba; background:rgba(57,215,159,.1); }.capability-status.pending { color:#ffd263; background:rgba(246,185,26,.1); }.capability-status.mixed { color:#e3c77c; background:rgba(255,215,91,.08); }
.scope-note { margin-top:17px; display:grid; grid-template-columns:auto 1fr; gap:18px; align-items:center; padding:20px 23px; border:1px solid rgba(255,211,76,.16); border-radius:16px; background:rgba(255,211,76,.04); }
.scope-note strong { color:#f2cb5b; }.scope-note span { color:#8f887b; }
.workflow-section { padding-top:105px; }.workflow-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.workflow-grid article { padding:24px; border:1px solid var(--line); border-radius:18px; background:rgba(28,31,38,.82); }
.workflow-grid article>span { display:inline-grid; place-items:center; width:34px; height:34px; margin-bottom:20px; border-radius:11px; color:#2b1e04; background:#f4bb26; font-size:10px; font-weight:900; }
.workflow-grid h3 { font-size:16px; }.workflow-grid p { margin:0; color:#898378; }
.tutorial-section { padding-top:105px; scroll-margin-top:105px; }.tutorial-heading { max-width:780px; }
.tutorial-video-card { overflow:hidden; border:1px solid rgba(255,211,76,.2); border-radius:24px; background:linear-gradient(145deg,rgba(34,36,42,.97),rgba(18,21,27,.97)); box-shadow:0 28px 70px rgba(0,0,0,.32); }
.tutorial-video-card video { display:block; width:100%; max-height:720px; aspect-ratio:16/9; background:#050607; object-fit:contain; }
.tutorial-video-meta { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 24px; }
.tutorial-video-meta strong,.tutorial-video-meta span { display:block; }.tutorial-video-meta strong { color:#f3ead7; font-size:15px; }.tutorial-video-meta span { margin-top:4px; color:#8f887d; font-size:11px; }
.tutorial-autoplay-note { margin:0; padding:0 24px 18px; color:#d8b94e; font-size:11px; }
.roadmap-section { display:grid; grid-template-columns:.85fr 1.15fr; gap:45px; align-items:center; padding:38px; margin:65px 0; border:1px dashed rgba(255,214,91,.22); border-radius:24px; background:rgba(255,211,76,.025); }
.roadmap-copy h2 { margin-bottom:10px; font-size:29px; }.roadmap-copy p:last-child { color:#8b8579; }
.roadmap-list { display:grid; gap:10px; }.roadmap-list span { padding:15px 17px; border:1px solid rgba(255,255,255,.07); border-radius:13px; color:#858075; background:rgba(22,25,31,.74); }.roadmap-list b { display:block; margin-bottom:2px; color:#d9cfbc; }
.tato-download-card { border-color:rgba(255,210,69,.2); background:radial-gradient(circle at 0 0,rgba(255,191,27,.1),transparent 50%),linear-gradient(135deg,rgba(32,34,40,.97),rgba(20,23,29,.94)); }
.text-link { display:inline-block; margin-left:16px; color:#f2c64d; font-size:12px; font-weight:700; }
.tato-steps>div { border-color:rgba(255,214,91,.13); background:rgba(30,33,40,.76); }.tato-steps span { color:rgba(255,204,48,.1); }
.author-section { padding-top:100px; }.author-card { display:grid; grid-template-columns:90px 1fr 270px; align-items:center; gap:28px; padding:35px; border:1px solid rgba(255,211,76,.2); border-radius:25px; background:radial-gradient(circle at 0 50%,rgba(255,190,24,.1),transparent 32%),linear-gradient(135deg,rgba(34,36,42,.96),rgba(21,24,30,.94)); }
.author-mark { width:78px; height:78px; display:grid; place-items:center; border-radius:22px; color:#2a1c02; background:linear-gradient(145deg,#ffda53,#ec9e12); font:900 20px Consolas,monospace; }
.author-copy h2 { margin:0 0 10px; font-size:27px; }.author-copy>p:not(.eyebrow) { margin:0; color:#948d81; }.author-copy .author-services { margin-top:9px!important; color:#b9aa85!important; }
.support-card { display:grid; gap:12px; padding:22px; border:1px solid rgba(255,215,91,.14); border-radius:17px; background:rgba(13,15,20,.48); }.support-card span { color:#837d72; font-size:10px; }.support-card strong { color:#ffcf42; font-size:18px; }
.tato-checkout { border-color:rgba(255,211,76,.2); background:linear-gradient(145deg,rgba(37,39,45,.96),rgba(19,22,28,.97)); }.tato-checkout .plan-summary { background:radial-gradient(circle at 0 0,rgba(255,191,25,.13),transparent 54%); }.tato-checkout .price sup { color:#f3b821; }.tato-checkout .plan-badge { color:#ffd96a; border-color:rgba(255,209,69,.22); background:rgba(255,202,42,.08); }
.external-order-card { display:flex; justify-content:space-between; align-items:center; gap:28px; margin-top:55px; padding:30px; border:1px solid var(--line); border-radius:21px; background:rgba(28,31,38,.78); }.external-order-card h2 { margin-bottom:6px; }.external-order-card p:last-child { margin:0; color:#8a8478; }
.footer { background:#0c0f14; border-color:rgba(255,214,91,.11); }.footer-inner { flex-wrap:wrap; }.footer-logo { width:130px; height:42px; object-fit:contain; object-position:left center; }.footer-brand small { max-width:240px; color:#756f64; }
.footer-links { display:flex; flex-wrap:wrap; gap:16px; }.footer-links a { color:#aaa293; font-size:11px; }.footer-links a:hover { color:#ffd34c; }

/* 历史更新页 */
.changelog-hero { display:grid; grid-template-columns:1fr 230px; gap:35px; align-items:center; padding:85px 0 58px; border-bottom:1px solid var(--line); }
.changelog-hero h1 { margin:0 0 12px; font-size:clamp(44px,6vw,72px); letter-spacing:-.05em; }.changelog-hero>div:first-child>p:last-child { max-width:720px; color:#9a9387; font-size:15px; }
.changelog-current { padding:24px; border:1px solid rgba(255,211,76,.21); border-radius:20px; background:rgba(255,205,48,.055); }.changelog-current span,.changelog-current strong,.changelog-current a { display:block; }.changelog-current span { color:#918a7d; font-size:10px; }.changelog-current strong { margin:5px 0 12px; color:#ffd34b; font-size:31px; }.changelog-current a { color:#e5bf50; font-size:11px; font-weight:700; }
.release-timeline { width:min(920px,100%); margin:0 auto; padding:62px 0 35px; }.release-entry { display:grid; grid-template-columns:30px 1fr; gap:18px; }.release-rail { position:relative; display:flex; justify-content:center; }.release-rail::after { content:""; position:absolute; top:23px; bottom:-1px; width:1px; background:rgba(255,214,91,.14); }.release-entry:last-child .release-rail::after { display:none; }.release-rail span { position:relative; z-index:1; width:13px; height:13px; margin-top:22px; border:3px solid #10131a; border-radius:50%; background:#827a6c; box-shadow:0 0 0 1px rgba(255,214,91,.22); }.status-current .release-rail span { background:#5bd8aa; }.status-pending .release-rail span { background:#ffd146; }.status-rolled_back .release-rail span { background:#ff798d; }
.release-card { margin-bottom:17px; padding:27px 29px; border:1px solid rgba(255,255,255,.08); border-radius:19px; background:rgba(29,32,39,.83); }.status-current .release-card { border-color:rgba(57,215,159,.2); }.status-pending .release-card { border-color:rgba(255,211,70,.22); background:radial-gradient(circle at 100% 0,rgba(255,196,34,.08),transparent 45%),rgba(29,32,39,.86); }.status-rolled_back .release-card { border-color:rgba(255,108,130,.18); }
.release-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }.release-head h2 { margin:8px 0 0; font-size:21px; }.release-head time { flex:0 0 auto; color:#807a70; font-size:11px; }
.release-status { display:inline-flex; padding:4px 8px; border-radius:999px; font-size:9px; font-weight:800; }.release-status.current { color:#6ce1bb; background:rgba(57,215,159,.1); }.release-status.pending { color:#ffd461; background:rgba(246,185,26,.1); }.release-status.rolled_back { color:#ff93a3; background:rgba(255,108,130,.1); }.release-status.superseded,.release-status.transition { color:#b9b0a1; background:rgba(255,255,255,.06); }
.release-summary { margin:17px 0 12px; color:#a39b8e; }.release-changes { display:grid; gap:7px; margin:0; padding-left:19px; color:#8e887d; }.release-changes li::marker { color:#d7a923; }.release-notice { margin:16px 0 0; padding:12px 14px; border-left:3px solid #e8ad24; color:#a29475; background:rgba(255,201,48,.05); font-size:11px; }.status-rolled_back .release-notice { border-color:#e96f82; color:#ba8c93; background:rgba(255,108,130,.045); }.release-card .button { margin-top:18px; }
.changelog-footer-card { display:flex; justify-content:space-between; align-items:center; gap:25px; margin:30px 0 20px; padding:31px; border:1px solid var(--line); border-radius:22px; background:rgba(28,31,38,.8); }.changelog-footer-card h2 { margin-bottom:6px; }.changelog-footer-card p:last-child { margin:0; color:#918b80; }.changelog-footer-card p strong { color:#f2c84f; }.changelog-actions { display:flex; gap:10px; }

@media (max-width:1050px) {
  .nav { gap:10px; }.nav a { font-size:11px; }.brand-logo { width:145px; }
  .capability-grid { grid-template-columns:repeat(2,1fr); }.workflow-grid { grid-template-columns:repeat(2,1fr); }
  .author-card { grid-template-columns:78px 1fr; }.support-card { grid-column:1/-1; grid-template-columns:1fr auto auto; align-items:center; }
}
@media (max-width:820px) {
  .nav a.nav-changelog { display:inline-flex; }.nav .nav-console { display:inline-flex; }.brand-logo { width:135px; }
  .tato-hero { grid-template-columns:1fr; }.tato-hero-visual { min-height:420px; width:min(560px,100%); margin:auto; }.hero-mascot { width:min(390px,80%); }
  .roadmap-section { grid-template-columns:1fr; }.author-card { grid-template-columns:1fr; }.author-mark { width:64px; height:64px; }.support-card { grid-column:auto; grid-template-columns:1fr; }
  .changelog-hero { grid-template-columns:1fr; }.changelog-current { width:min(320px,100%); }.changelog-footer-card { align-items:flex-start; flex-direction:column; }
}
@media (max-width:600px) {
  .independent-bar .container { justify-content:flex-start; overflow:hidden; white-space:nowrap; }.independent-bar span { text-overflow:ellipsis; overflow:hidden; }
  .tato-hero { padding-top:42px; }.tato-hero-visual { min-height:330px; }.hero-mascot { width:min(310px,84%); }.orbit-one { width:290px; height:290px; }.orbit-two { width:330px; height:330px; }.mascot-chip { min-width:145px; padding:10px 12px; }.chip-groups { top:45px; right:0; }.chip-library { left:0; bottom:42px; }
  .capability-grid,.workflow-grid { grid-template-columns:1fr; }.capability-card { min-height:auto; }.scope-note { grid-template-columns:1fr; gap:6px; }.roadmap-section { padding:25px 20px; }
  .tutorial-video-meta { align-items:flex-start; flex-direction:column; padding:16px; }.tutorial-video-meta .button { width:100%; }.tutorial-autoplay-note { padding:0 16px 16px; }
  .text-link { display:block; margin:14px 0 0; }.external-order-card { align-items:flex-start; flex-direction:column; }.footer-logo { width:116px; }
  .changelog-hero { padding-top:60px; }.release-timeline { padding-top:42px; }.release-entry { grid-template-columns:18px 1fr; gap:10px; }.release-card { padding:22px 19px; }.release-head { flex-direction:column; gap:8px; }.release-head time { order:-1; }.changelog-actions { width:100%; flex-direction:column; }.changelog-actions .button { width:100%; }
}