/* ThunderPeak — brand site stylesheet
   结构/交互 1:1 复刻 an industry-standard 范式；品牌色 = 电光紫罗兰 (hue 255)
   双主题：:root,.dark 一套 + .light 覆盖；html class 切换 */

:root,.dark{
  --background: 0 0% 4%;            /* #0a0a0a */
  --foreground: 250 10% 92%;
  --card: 255 4% 8%;
  --popover: 255 4% 8%;
  --primary: 255 65% 63%;           /* ThunderPeak 电光紫 */
  --primary-foreground: 0 0% 100%;
  --secondary: 255 4% 13%;
  --muted: 255 4% 13%;
  --muted-foreground: 250 5% 55%;
  --accent: 255 6% 16%;
  --border: 255 6% 16%;
  --input: 255 6% 20%;
  --ring: 255 65% 63%;
  --radius: .5rem;
  --surface-code: 255 4% 6%;
  --surface-elevated: 255 4% 11%;
  --grad-a: 255 80% 74%;            /* text-gradient 亮端 */
  --glow: 255 65% 63%;
}
.light{
  --background: 0 0% 99%;
  --foreground: 255 12% 10%;
  --card: 0 0% 100%;
  --popover: 0 0% 100%;
  --primary: 255 60% 50%;
  --primary-foreground: 0 0% 100%;
  --secondary: 255 20% 95%;
  --muted: 255 20% 95%;
  --muted-foreground: 255 8% 42%;
  --accent: 255 25% 94%;
  --border: 255 15% 88%;
  --input: 255 12% 82%;
  --ring: 255 60% 50%;
  --surface-code: 255 25% 96%;
  --surface-elevated: 255 18% 97%;
  --grad-a: 255 70% 58%;
  --glow: 255 60% 50%;
}

*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:clip;-webkit-text-size-adjust:100%}
body{
  background:hsl(var(--background));color:hsl(var(--foreground));
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Inter,sans-serif;
  -webkit-font-smoothing:antialiased;line-height:1.6;font-size:16px;
}
/* 全页氛围背景: 双 radial 主色光晕(暗色为主, 浅色自动降饱和) */
html.dark body::before, html.light body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(52rem 34rem at 85% -8%, hsl(var(--primary)/.10), transparent 60%),
    radial-gradient(46rem 30rem at -12% 30%, hsl(var(--primary)/.06), transparent 55%),
    radial-gradient(40rem 40rem at 50% 115%, hsl(var(--primary)/.08), transparent 60%);
}
html.light body::before{opacity:.75}
a{color:inherit;text-decoration:none}
img,svg{display:inline-block;vertical-align:middle}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
::selection{background:hsl(var(--primary)/.3)}

.maxw{max-width:80rem;margin:0 auto;padding:0 1rem}
@media(min-width:64rem){.maxw{padding:0 2rem}}

/* ===== 通用组件 ===== */
.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:hsl(var(--primary))}
.h2{font-size:1.875rem;line-height:1.15;font-weight:700;letter-spacing:-.02em;margin:.75rem 0 .5rem}
@media(min-width:40rem){.h2{font-size:2.25rem}}
.lead{color:hsl(var(--muted-foreground));font-size:1rem;line-height:1.7;max-width:36rem}
.sec{border-top:1px solid hsl(var(--border));padding:4rem 0}
@media(min-width:64rem){.sec{padding:5.5rem 0}}
.muted{color:hsl(var(--muted-foreground))}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.small{font-size:.8125rem}
.center{text-align:center}
.mxauto{margin-left:auto;margin-right:auto}

/* 按钮体系 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;padding:.6rem 1.25rem;border-radius:var(--radius);font-size:.875rem;font-weight:600;transition:all .2s;white-space:nowrap}
.btn svg{width:1rem;height:1rem}
.btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}
.btn-primary:hover{background:hsl(var(--primary)/.9)}
.glow-primary{box-shadow:0 0 40px -10px hsl(var(--glow)/.55)}
.btn-outline{border:1px solid hsl(var(--border));background:hsl(var(--background)/.7)}
.btn-outline:hover{border-color:hsl(var(--primary)/.45);background:hsl(var(--primary)/.05)}
.btn-ghost{border:1px solid hsl(var(--border));background:transparent}
.btn-ghost:hover{background:hsl(var(--surface-elevated))}
.btn-sm{min-height:2.25rem;padding:.4rem .9rem;font-size:.8125rem}
.tlink{color:hsl(var(--primary));font-size:.875rem;font-weight:500}
.tlink:hover{text-decoration:underline}
.tlink svg{width:.875rem;height:.875rem;margin-left:.15rem}

/* 徽标/pill */
.pill{display:inline-flex;align-items:center;gap:.375rem;border-radius:9999px;border:1px solid hsl(var(--primary)/.25);background:hsl(var(--primary)/.12);padding:.3rem .8rem;font-size:.75rem;font-weight:600;color:hsl(var(--primary))}
.pill-dot{width:.45rem;height:.45rem;border-radius:50%;background:hsl(var(--primary));flex:none}
.badge-new{display:inline-flex;align-items:center;border-radius:9999px;border:1px solid hsl(var(--primary)/.45);background:hsl(var(--primary)/.15);padding:.15rem .45rem;font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--primary));box-shadow:0 0 14px hsl(var(--primary)/.2)}
.num-badge{width:2rem;height:2rem;border-radius:9999px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}

/* 卡片范式 */
.card{border:1px solid hsl(var(--primary)/.28);background:hsl(var(--card));border-radius:.75rem;padding:1.25rem;transition:border-color .2s,background .2s}
a.card:hover{border-color:hsl(var(--primary)/.55);background:hsl(var(--primary)/.05)}
.card-hover-arrow svg{transition:transform .2s}
a.card:hover .card-hover-arrow svg{transform:translateX(.25rem)}

/* 价格范式 */
.price-old{font-family:ui-monospace,monospace;font-size:1.1rem;color:hsl(var(--muted-foreground)/.55);text-decoration:line-through}
.price-new{font-family:ui-monospace,monospace;font-size:1.75rem;font-weight:700;line-height:1}
.price-to{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--primary)/.8);padding:0 .15rem}
@media(min-width:40rem){.price-new{font-size:2.25rem}}

/* 玻璃/渐变 */
.surface-glass{background:hsl(var(--card)/.92);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 1px hsl(var(--border)/.5),0 12px 32px rgba(0,0,0,.18)}
.text-gradient{background:linear-gradient(120deg,hsl(var(--primary)),hsl(var(--grad-a)));-webkit-background-clip:text;background-clip:text;color:transparent}

/* ===== 导航 ===== */
header.nav{position:sticky;top:0;z-index:50;background:hsl(var(--background)/.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid hsl(var(--border)/.6)}
.nav-in{max-width:80rem;margin:0 auto;display:flex;align-items:center;gap:1rem;padding:.65rem 1rem}
@media(min-width:64rem){.nav-in{padding:.65rem 2rem}}
.logo{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;letter-spacing:-.035em;font-size:1.16rem;white-space:nowrap;color:hsl(var(--foreground))}
.logo svg{width:2rem;height:2rem;color:hsl(var(--primary))}
.logo .accent{color:hsl(var(--primary))}
.nav-links{display:none;align-items:center;gap:1.25rem;margin-left:1.5rem;font-size:.875rem;color:hsl(var(--muted-foreground))}
@media(min-width:48rem){.nav-links{display:flex;flex:1}}
.nav-links a:hover{color:hsl(var(--foreground))}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:.5rem}
.icon-btn{width:2.25rem;height:2.25rem;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;color:hsl(var(--muted-foreground));transition:all .15s}
.icon-btn:hover{color:hsl(var(--foreground));background:hsl(var(--secondary))}
.icon-btn svg{width:1rem;height:1rem}

/* ===== Hero ===== */
.hero{position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;pointer-events:none}
.hero-bg .glow1{position:absolute;left:28%;bottom:-8%;width:46%;height:54%;border-radius:50%;background:radial-gradient(circle at center,hsl(var(--primary)/.22),hsl(var(--surface-code)/.1) 46%,transparent 72%)}
.hero-bg .glow2{position:absolute;right:2%;top:16%;width:46%;height:58%;border-radius:50%;background:radial-gradient(circle at center,hsl(var(--foreground)/.12),hsl(var(--primary)/.08) 44%,transparent 74%)}
.hero-bg .dots{position:absolute;inset:0;opacity:.05;background-image:radial-gradient(circle at center,hsl(var(--foreground)) .8px,transparent .9px);background-size:6px 6px}
.hero-bg .fade{bottom:0;position:absolute;inset-inline:0;height:10rem;background:linear-gradient(to top,hsl(var(--background)),hsl(var(--background)/.75),transparent)}
.hero-bg .beam{position:absolute;bottom:2rem;left:1rem;right:1rem;height:5rem;background:radial-gradient(ellipse at center,hsl(var(--primary)/.18),transparent 70%);filter:blur(2rem)}
.hero-in{position:relative;max-width:80rem;margin:0 auto;padding:3.5rem 1rem 4rem}
@media(min-width:64rem){.hero-in{padding:6rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}}
.h1{font-size:2.25rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:1rem 0}
@media(min-width:40rem){.h1{font-size:3rem}}
@media(min-width:64rem){.h1{font-size:3.6rem}}
.h1 .primary{color:hsl(var(--primary))}
.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0 1.25rem}
.note-disclaimer{display:flex;gap:.5rem;border-left:2px solid hsl(var(--primary)/.55);padding-left:.75rem;font-size:.75rem;color:hsl(var(--muted-foreground));max-width:36rem}

/* 终端卡 */
.term-card{position:relative;display:block;min-height:26rem;border-radius:1.5rem;border:1px solid hsl(var(--primary)/.25);background:hsl(var(--surface-code));padding:1.25rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.4);overflow:hidden;transition:border-color .3s}
@media(min-width:40rem){.term-card{min-height:31rem;border-radius:1.75rem;padding:1.5rem}}
.term-card:hover{border-color:hsl(var(--primary)/.5)}
.term-card .topline{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,hsl(var(--primary)/.7),transparent)}
.term-card .sheen{position:absolute;inset:0;background:linear-gradient(120deg,transparent 42%,hsl(var(--primary)/.09) 50%,transparent 58%);opacity:0;transition:opacity .7s;pointer-events:none}
.term-card:hover .sheen{opacity:1}
.term-watermark{position:absolute;top:2.25rem;left:-.5rem;font-size:4.5rem;font-weight:900;text-transform:uppercase;line-height:.82;letter-spacing:-.02em;color:hsl(var(--foreground)/.05);pointer-events:none;user-select:none}
@media(min-width:40rem){.term-watermark{font-size:7rem}}
.term-model{position:relative;display:flex;justify-content:space-between;border-top:1px solid hsl(var(--primary)/.25);border-bottom:1px solid hsl(var(--primary)/.25);background:hsl(var(--background)/.55);padding:.75rem 1rem;font-family:ui-monospace,monospace;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);backdrop-filter:blur(8px);margin-top:4.5rem}
.term-prices{position:relative;display:flex;flex-wrap:wrap;gap:.5rem;border-top:1px solid hsl(var(--primary)/.2);border-bottom:1px solid hsl(var(--primary)/.2);background:hsl(var(--background)/.4);padding:.9rem 1rem;backdrop-filter:blur(8px);margin-top:.75rem;font-family:ui-monospace,monospace}
.term-price-chip{display:inline-flex;align-items:baseline;gap:.3rem;border:1px solid hsl(var(--border)/.6);background:hsl(var(--background)/.35);border-radius:.5rem;padding:.45rem .75rem}
.term-bottom{margin-top:1.25rem}
.term-bottom h3{font-size:1.1rem;font-weight:600;line-height:1.4;max-width:28rem}
@media(min-width:40rem){.term-bottom h3{font-size:1.5rem}}
.term-meta{display:grid;gap:.5rem;margin-top:1rem;font-family:ui-monospace,monospace;font-size:.75rem}
@media(min-width:40rem){.term-meta{grid-template-columns:1fr 1fr}}
.term-meta .box{border:1px solid hsl(var(--border)/.8);background:hsl(var(--background)/.45);border-radius:.35rem;padding:.5rem .75rem;word-break:break-all}
.term-cta{display:inline-flex;align-items:center;gap:.35rem;color:hsl(var(--primary));font-weight:600;font-size:.875rem;margin-top:1rem}

/* ===== glance / stats ===== */
.glance{display:grid;gap:1.5rem;border-top:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border));padding:2.5rem 0}
@media(min-width:64rem){.glance{grid-template-columns:1.15fr .85fr .85fr .85fr}}
.glance .card{padding:1rem}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:2.5rem 0}
@media(min-width:48rem){.stats{grid-template-columns:repeat(4,1fr)}}
.stat{display:flex;align-items:center;gap:.75rem}
.stat-icon{width:2.5rem;height:2.5rem;border-radius:.6rem;display:flex;align-items:center;justify-content:center;background:hsl(var(--primary)/.14);color:hsl(var(--primary));flex:none}
.stat-icon svg{width:1.15rem;height:1.15rem}
.stat-num{font-size:1.25rem;font-weight:700;line-height:1.2}
.stat-label{font-size:.75rem;color:hsl(var(--muted-foreground))}

/* 双列区 */
.split{display:grid;gap:2.5rem;align-items:center}
@media(min-width:64rem){.split{grid-template-columns:.9fr 1.1fr;gap:3.5rem}}
.split-flip{display:grid;gap:2.5rem;align-items:center}
@media(min-width:64rem){.split-flip{grid-template-columns:1.1fr .9fr;gap:3.5rem}}

/* 工具 chips */
.tools{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1.25rem;max-width:26rem;font-size:.8125rem;color:hsl(var(--muted-foreground))}
@media(min-width:40rem){.tools{grid-template-columns:repeat(3,1fr)}}
.tool{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:.45rem;padding:.55rem .75rem;text-align:center;font-weight:500}

/* 步骤卡 */
.steps-card{border:1px solid hsl(var(--primary)/.28);border-radius:1rem;background:radial-gradient(circle at 20% 0%,hsl(var(--primary)/.16),transparent 34%),linear-gradient(135deg,hsl(var(--card)),hsl(var(--background)));padding:1.25rem}
@media(min-width:40rem){.steps-card{padding:1.5rem}}
.steps-inner{border:1px solid hsl(var(--border)/.8);background:hsl(var(--background)/.7);border-radius:.65rem;padding:.75rem;backdrop-filter:blur(8px)}
.step{display:flex;gap:.75rem;padding:.75rem .25rem;border-bottom:1px solid hsl(var(--border))}
.step:last-child{border-bottom:none}
.step h4{font-size:.95rem;font-weight:600}
.step p{font-size:.8125rem;color:hsl(var(--muted-foreground))}

/* 特性网格 01-04 */
.features{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:40rem){.features{grid-template-columns:1fr 1fr}}
.feature{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:.75rem;padding:1.1rem 1.25rem}
.feature .idx{font-size:1.6rem;font-weight:700;color:hsl(var(--primary));line-height:1}
.feature h4{font-size:1rem;font-weight:600;margin:.5rem 0 .25rem}
.feature p{font-size:.8125rem;color:hsl(var(--muted-foreground))}

/* 公告横幅 */
.banner-card{display:flex;flex-direction:column;gap:1rem;justify-content:space-between;border:1px solid hsl(var(--primary)/.25);background:linear-gradient(120deg,hsl(var(--primary)/.08),transparent 55%);border-radius:1rem;padding:1.5rem}
@media(min-width:40rem){.banner-card{flex-direction:row;align-items:center;padding:1.5rem 2rem}}
.banner-card h3{font-size:1.25rem;font-weight:700;margin:.5rem 0}
.banner-card p{font-size:.875rem;color:hsl(var(--muted-foreground));max-width:42rem}

/* pricing 卡 */
.pricing-head{display:grid;gap:2rem;align-items:end;margin-bottom:2rem}
@media(min-width:64rem){.pricing-head{grid-template-columns:.9fr 1.1fr}}
.packs{display:grid;gap:.75rem;grid-template-columns:1fr}
@media(min-width:40rem){.packs{grid-template-columns:1fr 1fr}}
.pack{padding:1.25rem}
.pack .pname{font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:hsl(var(--muted-foreground))}
.pack .pprice{display:flex;align-items:baseline;gap:.4rem;margin:.7rem 0 .9rem}
.pack .pdesc{font-size:.8125rem;color:hsl(var(--muted-foreground));line-height:1.6}
.pack-free{grid-column:1/-1;border:1px dashed hsl(var(--primary)/.4);background:hsl(var(--primary)/.1);border-radius:.6rem;padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.pack-free .lbl{color:hsl(var(--primary));font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.pack-free .ft{font-size:.875rem;margin-top:.2rem}
.meter{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;border:1px solid hsl(var(--border));background:hsl(var(--background)/.55);border-radius:.75rem;padding:1rem;margin-top:2rem;backdrop-filter:blur(8px)}
.meter .mtitle{flex:1;min-width:14rem}
.meter h4{font-size:.95rem;font-weight:600}
.meter p{font-size:.75rem;color:hsl(var(--muted-foreground))}
.chip{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:9999px;padding:.3rem .75rem;font-size:.75rem;color:hsl(var(--muted-foreground));font-weight:500}

/* FAQ */
.faq{max-width:48rem;margin:0 auto}
.faq-item{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:.6rem;margin-bottom:.5rem;overflow:hidden}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;font-size:.875rem;font-weight:500;text-align:left}
.faq-q svg{flex:none;transition:transform .2s;width:1rem;height:1rem;color:hsl(var(--muted-foreground))}
.faq-item.open .faq-q svg{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease-out}
.faq-a-in{padding:0 1.25rem 1rem;font-size:.875rem;color:hsl(var(--muted-foreground));line-height:1.7}

/* CTA 尾区 */
.cta-final{padding:5rem 0;border-top:1px solid hsl(var(--border));text-align:center}
.cta-final .maxw{max-width:48rem}
.cta-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem}

/* Footer */
footer.site{border-top:1px solid hsl(var(--border));padding:2.5rem 0 6rem}
.foot-grid{display:grid;gap:2rem;grid-template-columns:1fr;margin-bottom:2rem}
@media(min-width:40rem){.foot-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:64rem){.foot-grid{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr}}
.foot-col h5{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.8rem;color:hsl(var(--foreground)/.8)}
.foot-col a{display:block;font-size:.8125rem;color:hsl(var(--muted-foreground));padding:.25rem 0}
.foot-col a:hover{color:hsl(var(--foreground))}
.foot-brand p{font-size:.75rem;color:hsl(var(--muted-foreground));margin-top:.5rem;max-width:16rem;line-height:1.6}
.foot-bottom{border-top:1px solid hsl(var(--border));padding-top:1.5rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;font-size:.6875rem;color:hsl(var(--muted-foreground)/.8)}
.foot-bottom .legal{display:flex;gap:1rem;flex-wrap:wrap}
.foot-bottom .legal a:hover{color:hsl(var(--foreground))}

/* 移动底 tab */
.mtab{position:fixed;bottom:0;left:0;right:0;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid hsl(var(--border));background:hsl(var(--background)/.95);padding:.3rem .25rem 0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 -10px 30px rgba(0,0,0,.15)}
@media(min-width:48rem){.mtab{display:none}}
.mtab a{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.35rem 0;border-radius:.6rem;font-size:.5625rem;font-weight:600;color:hsl(var(--muted-foreground));transition:all .15s}
.mtab a svg{width:1.15rem;height:1.15rem}
.mtab a.on{color:hsl(var(--foreground));background:hsl(var(--muted))}
.mtab-spacer{height:4rem}
@media(min-width:48rem){.mtab-spacer{display:none}}
body{padding-bottom:0}

/* 入场动效 */
[data-rv]{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease,filter .7s ease}
[data-rv].in{opacity:1;transform:none}
[data-rv-left]{opacity:0;transform:translateX(36px) rotate(3deg);transition:opacity .7s ease,transform .7s ease}
[data-rv-left].in{opacity:1;transform:none}
[data-rv-right]{opacity:0;transform:translateX(-36px) rotate(-3deg);transition:opacity .7s ease,transform .7s ease}
[data-rv-right].in{opacity:1;transform:none}
.h1w{display:inline-block;opacity:0;filter:blur(8px);transform:translateY(18px);transition:opacity .7s ease,filter .7s ease,transform .7s ease;will-change:transform}
.h1w.in{opacity:1;filter:blur(0);transform:none}
@media(prefers-reduced-motion:reduce){[data-rv],[data-rv-left],[data-rv-right],.h1w{transition:none;opacity:1;transform:none;filter:none}}
/* 无 JS(爬虫/截图器/降级): 元素直接可见, 杜绝空白 */
html:not(.js) [data-rv],html:not(.js) [data-rv-left],html:not(.js) [data-rv-right],
html:not(.js) .h1w{opacity:1!important;transform:none!important;filter:none!important}

/* 语言菜单简单版(移动 tab 文案切换由整页实现, 无需前端字典) */
.langmenu{position:absolute;right:1rem;top:3.4rem;width:11rem;padding:.25rem;border-radius:.6rem;background:hsl(var(--popover));border:1px solid hsl(var(--border));box-shadow:0 12px 32px rgba(0,0,0,.25);display:none;z-index:60}
.langmenu.open{display:block}
.langmenu a{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border-radius:.4rem;font-size:.875rem;color:hsl(var(--muted-foreground))}
.langmenu a:hover{background:hsl(var(--accent));color:hsl(var(--foreground))}
.langmenu a.on{color:hsl(var(--primary));font-weight:600}

/* ===== v2 组件 ===== */
/* AI 氛围背景层(嵌 hero/CTA 用): 图+遮罩, 文字区自动压暗 */
.ai-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.ai-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;filter:saturate(1.05)}
.ai-bg .veil{position:absolute;inset:0;background:
  radial-gradient(ellipse at 30% 40%, transparent 0%, hsl(var(--background)/.25) 45%, hsl(var(--background)/.88) 78%, hsl(var(--background)) 100%),
  linear-gradient(to right, hsl(var(--background)/.92) 0%, hsl(var(--background)/.55) 45%, hsl(var(--background)/.2) 100%)}
.ai-bg .veil-dark{position:absolute;inset:0;background:linear-gradient(to top,hsl(var(--background)) 2%,hsl(var(--background)/.8) 30%,hsl(var(--background)/.15) 60%,transparent 85%)}
html.light .ai-bg img{opacity:0}
html.light .ai-bg{background:
  radial-gradient(ellipse at 30% 30%,hsl(var(--primary)/.14),transparent 55%),
  radial-gradient(ellipse at 80% 90%,hsl(var(--primary)/.09),transparent 50%)}

/* 厂商信任条 */
.trust{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:center;padding:1.4rem 0;border-bottom:1px solid hsl(var(--border))}
.trust .tlbl{font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:hsl(var(--muted-foreground)/.8);margin-right:.5rem}
.trust-item{display:inline-flex;align-items:center;gap:.45rem;border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:9999px;padding:.35rem .9rem;font-size:.8125rem;font-weight:600}
.trust-item .dot{width:.45rem;height:.45rem;border-radius:50%;flex:none}
.dot-on{background:#3ddc84;box-shadow:0 0 8px #3ddc8477}
.dot-coming{background:hsl(var(--muted-foreground)/.5)}

/* 模型墙 */
.modelgrid{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:40rem){.modelgrid{grid-template-columns:1fr 1fr}}
@media(min-width:64rem){.modelgrid{grid-template-columns:repeat(3,1fr)}}
.model-card{border:1px solid hsl(var(--border));background:linear-gradient(150deg,hsl(var(--card)),hsl(var(--background)));border-radius:.9rem;padding:1.25rem;display:flex;flex-direction:column;gap:.55rem;transition:border-color .2s,transform .2s}
.model-card:hover{border-color:hsl(var(--primary)/.5);transform:translateY(-2px)}
.model-head{display:flex;align-items:center;gap:.7rem}
.m-logo{width:2.4rem;height:2.4rem;border-radius:.65rem;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;color:#fff;flex:none;letter-spacing:-.02em}
.m-name{font-weight:700;font-size:.95rem;line-height:1.2}
.m-family{font-size:.6875rem;color:hsl(var(--muted-foreground));letter-spacing:.08em;text-transform:uppercase}
.m-models{margin-top:.2rem}
.m-models .mm{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.34rem 0;border-bottom:1px dashed hsl(var(--border)/.7);font-size:.8125rem}
.m-models .mm:last-child{border-bottom:none}
.m-price{font-family:ui-monospace,monospace;font-size:.75rem;color:hsl(var(--muted-foreground));white-space:nowrap}
.m-price b{font-weight:700;color:hsl(var(--foreground));font-size:.82rem}
.m-orig{text-decoration:none;color:hsl(var(--foreground));font-size:.78rem;font-weight:600;margin-right:.35rem;letter-spacing:.01em}
.m-orig:first-letter{}
.m-off{display:inline-block;font-family:inherit;font-size:.6rem;font-weight:800;color:hsl(var(--primary));border:1px solid hsl(var(--primary)/.45);background:hsl(var(--primary)/.12);border-radius:999px;padding:.08rem .42rem;margin-left:.4rem;letter-spacing:.04em;vertical-align:1px;white-space:nowrap}
.m-tag.nodisc{border-color:hsl(var(--primary)/.3);color:hsl(var(--primary))}
.m-status{align-self:flex-start;margin-top:auto;padding-top:.4rem}
.m-tag{display:inline-flex;align-items:center;gap:.3rem;font-size:.6875rem;font-weight:600;border-radius:9999px;padding:.2rem .6rem;border:1px solid}
.m-tag.live{color:#3ddc84;border-color:#3ddc8433;background:#3ddc8414}
.m-tag.coming{color:hsl(var(--muted-foreground));border-color:hsl(var(--border))}
/* 品牌徽色(避免版权 logo 图, 首字母字徽) */
.lg-claude{background:linear-gradient(135deg,#d97757,#b45309)}
.lg-deepseek{background:linear-gradient(135deg,#4d6bfe,#2563eb)}
.lg-qwen{background:linear-gradient(135deg,#615ced,#7c3aed)}
.lg-gpt{background:linear-gradient(135deg,#10a37f,#0d7d61)}
.lg-kimi{background:linear-gradient(135deg,#1f1f1f,#444)}
.lg-glm{background:linear-gradient(135deg,#0e7ce8,#0653b8)}

/* 内容页(learn/blog) */
.prose{max-width:46rem}
.prose h2{font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin:2.2rem 0 .8rem}
.prose h3{font-size:1.1rem;font-weight:600;margin:1.6rem 0 .5rem}
.prose p{font-size:.95rem;line-height:1.8;color:hsl(var(--muted-foreground));margin:.5rem 0}
.prose ul{margin:.6rem 0 .6rem 1.2rem;display:grid;gap:.35rem}
.prose li{font-size:.9rem;line-height:1.7;color:hsl(var(--muted-foreground))}
.prose li b{color:hsl(var(--foreground))}
.prose code{font-family:ui-monospace,monospace;font-size:.85em;background:hsl(var(--muted));padding:.12em .4em;border-radius:.3em;color:hsl(var(--foreground))}
.prose .tbl-wrap{overflow-x:auto;margin:1.2rem 0;border:1px solid hsl(var(--border));border-radius:.6rem}
.prose table{border-collapse:collapse;width:100%;font-size:.85rem;min-width:34rem}
.prose th{text-align:left;padding:.6rem .9rem;background:hsl(var(--surface-elevated));font-weight:600;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:hsl(var(--muted-foreground));border-bottom:1px solid hsl(var(--border))}
.prose td{padding:.6rem .9rem;border-bottom:1px solid hsl(var(--border)/.6);color:hsl(var(--muted-foreground));vertical-align:top}
.prose td b{color:hsl(var(--foreground))}
.prose tr:last-child td{border-bottom:none}
.prose .callout{border-left:2px solid hsl(var(--primary)/.55);background:hsl(var(--primary)/.06);border-radius:0 .6rem .6rem 0;padding:1rem 1.25rem;margin:1.2rem 0}
.prose .callout p{margin:0;font-size:.9rem}
.kv-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin:1rem 0}
@media(min-width:40rem){.kv-grid{grid-template-columns:1fr 1fr}}
.kv-card{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:.6rem;padding:1rem 1.1rem}
.kv-card .k{font-weight:700;font-size:.95rem;margin-bottom:.3rem;display:flex;align-items:center;gap:.5rem}
.kv-card .v{font-size:.85rem;color:hsl(var(--muted-foreground));line-height:1.7}

/* ===== 智能客服 widget ===== */
.tp-sup-fab{position:fixed;right:1.2rem;bottom:5.2rem;z-index:80;width:3.4rem;height:3.4rem;border-radius:50%;
  background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--grad-a)));color:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 28px hsl(var(--primary)/.45);cursor:pointer;transition:transform .2s}
.tp-sup-fab:hover{transform:scale(1.07)}
.tp-sup-fab svg{width:1.5rem;height:1.5rem}
.tp-sup-fab .ping{position:absolute;top:0;right:0;width:.7rem;height:.7rem;background:#3ddc84;border-radius:50%;border:2px solid #fff;animation:tpPing 2s infinite}
@keyframes tpPing{0%{box-shadow:0 0 0 0 hsl(var(--primary)/.4)}70%{box-shadow:0 0 0 .7rem transparent}100%{box-shadow:0 0 0 0 transparent}}
.tp-sup-panel{position:fixed;right:1.2rem;bottom:9.2rem;z-index:81;width:min(23rem,calc(100vw - 2.4rem));height:28rem;
  border:1px solid hsl(var(--primary)/.3);background:hsl(var(--card)/.98);backdrop-filter:blur(12px);border-radius:1rem;overflow:hidden;
  display:none;flex-direction:column;box-shadow:0 25px 60px rgba(0,0,0,.4)}
.tp-sup-panel.open{display:flex}
.tp-sup-head{padding:.8rem 1rem;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--grad-a)));color:#fff;display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.9rem}
.tp-sup-head .x{margin-left:auto;cursor:pointer;opacity:.85;font-size:1.1rem;line-height:1}
.tp-sup-body{flex:1;overflow-y:auto;padding:.8rem;display:flex;flex-direction:column;gap:.6rem;font-size:.85rem}
.tp-sup-msg{max-width:88%;padding:.5rem .8rem;border-radius:.8rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.tp-sup-msg.a{align-self:flex-start;background:hsl(var(--muted));border-bottom-left-radius:.2rem}
.tp-sup-msg.u{align-self:flex-end;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-bottom-right-radius:.2rem}
.tp-sup-q{display:flex;flex-wrap:wrap;gap:.4rem;padding:.6rem .8rem;border-top:1px solid hsl(var(--border))}
.tp-sup-q button{font-size:.72rem;border:1px solid hsl(var(--border));border-radius:999px;padding:.22rem .65rem;color:hsl(var(--muted-foreground));background:hsl(var(--background)/.6)}
.tp-sup-q button:hover{color:hsl(var(--foreground));border-color:hsl(var(--primary)/.5)}
.tp-sup-in{display:flex;gap:.5rem;padding:.7rem .8rem;border-top:1px solid hsl(var(--border))}
.tp-sup-in input{flex:1;border:1px solid hsl(var(--border));background:hsl(var(--background));color:hsl(var(--foreground));border-radius:.6rem;padding:.55rem .8rem;font-size:.85rem}
.tp-sup-in input:focus{outline:none;border-color:hsl(var(--primary)/.6)}
.tp-sup-in button{border-radius:.6rem;padding:.55rem .95rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-size:.85rem;font-weight:600}
.tp-sup-foot{font-size:.62rem;color:hsl(var(--muted-foreground));text-align:center;padding:.3rem}
.tp-sup-typing{color:hsl(var(--muted-foreground));font-size:.75rem;padding:.15rem .4rem}
@media(min-width:48rem){.tp-sup-fab{bottom:1.4rem}.tp-sup-panel{bottom:5.2rem}}
/* 深色大区块(模型墙/定价): 渐变聚焦底, light 自动淡 */
.sec-band{position:relative;overflow:hidden}
.sec-band::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(44rem 26rem at 50% 0%, hsl(var(--primary)/.09), transparent 60%),
    linear-gradient(to bottom,hsl(var(--surface-elevated)/.55),hsl(var(--background)/.4) 40%,transparent);}
.sec-band>.maxw,.sec-band .hero-in{position:relative}
html.light .sec-band::before{opacity:.6}
/* 模型卡更立体的双底渐变 + 顶部描边光 */
.model-card{border:1px solid hsl(var(--border));background:
  linear-gradient(165deg,hsl(var(--card)) 20%,hsl(var(--surface-elevated)/.85) 60%,hsl(var(--background)) 100%);}
.model-card::before{content:"";display:block;height:1px;margin-bottom:.75rem;
  background:linear-gradient(to right,transparent,hsl(var(--primary)/.5),transparent);opacity:.5}
/* hero 内文字阴影(确保 AI 图上层可读) */
.hero-in h1,.hero-in .lead{text-shadow:0 1px 24px hsl(var(--background)/.6)}
/* 终端卡: 底部主色辉光 */
.term-card::after{content:"";position:absolute;left:15%;right:15%;bottom:-2.5rem;height:5rem;
  background:radial-gradient(ellipse at center,hsl(var(--primary)/.2),transparent 70%);filter:blur(1.5rem);pointer-events:none}
/* FAQ/卡片 hover 轻抬 */
.faq-item{transition:border-color .2s}
.faq-item:hover{border-color:hsl(var(--primary)/.4)}
/* 价格行可换行保护(小屏) */
.m-price{display:inline-flex;align-items:center;gap:.15rem}
.mm{flex-wrap:wrap;row-gap:.25rem}

/* ===== v4 动效系统 ===== */
/* 按钮: hover 上浮 + 主按钮斜向扫光 */
.btn{position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s,background .18s}
.btn:hover{transform:translateY(-1px)}
.btn-primary{box-shadow:0 0 0 rgba(0,0,0,0)}
.btn-primary:hover{box-shadow:0 10px 26px -8px hsl(var(--glow)/.55)}
.btn-primary::after{content:"";position:absolute;top:0;left:-80%;width:45%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);
  transform:skewX(-20deg);transition:left .55s ease}
.btn-primary:hover::after{left:130%}
.btn svg{transition:transform .18s}
.btn:hover svg{transform:translateX(2px)}
/* 卡片 lift + 描边高亮 */
.card,.model-card,.feature,.kv-card{transition:transform .2s ease,border-color .2s,box-shadow .2s}
a.card:hover,.model-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px -18px hsl(var(--primary)/.35)}
/* 滚动公告条 ticker */
.ticker{overflow:hidden;border-top:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border));
  background:hsl(var(--surface-elevated)/.4);padding:.55rem 0;position:relative;white-space:nowrap;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
.ticker-track{display:inline-flex;align-items:center;gap:2.6rem;padding-left:2.6rem;
  animation:tickerScroll 36s linear infinite;will-change:transform}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-track span{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:hsl(var(--muted-foreground))}
.ticker-track b{color:hsl(var(--primary));font-weight:700}
.ticker-track i{width:4px;height:4px;border-radius:50%;background:hsl(var(--primary)/.7);display:inline-block}
@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* 数字条 count-up 目标 */
.stat-num{font-variant-numeric:tabular-nums}
/* hero 光晕慢漂移 */
.hero .glow1{animation:drift1 16s ease-in-out infinite alternate}
.hero .glow2{animation:drift2 20s ease-in-out infinite alternate}
@keyframes drift1{from{transform:translate(0,0) scale(1)}to{transform:translate(-3%,2%) scale(1.06)}}
@keyframes drift2{from{transform:translate(0,0)}to{transform:translate(2%,-2%) scale(1.04)}}
/* 终端卡轻微悬浮呼吸 */
.term-card{animation:termFloat 7s ease-in-out infinite}
@keyframes termFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
/* 定价/徽章轻微 pulse */
.pill-dot{animation:dotPulse 2.2s ease-in-out infinite}
@keyframes dotPulse{0%,100%{opacity:1;box-shadow:0 0 0 0 hsl(var(--primary)/.4)}50%{opacity:.75;box-shadow:0 0 0 5px transparent}}
/* 主标题渐变 shimmer */
.text-gradient{background-size:200% auto;animation:shimmer 5s linear infinite}
@keyframes shimmer{to{background-position:200% center}}
@media(prefers-reduced-motion:reduce){.ticker-track,.term-card,.hero .glow1,.hero .glow2{animation:none}.btn-primary::after{display:none}}

/* ===== AI 素材区块背景 (ComfyUI 生成) ===== */
.bg-art{position:relative;overflow:hidden}
.bg-art::before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;
  opacity:.16;pointer-events:none;z-index:0}
/* CTA 光带: 纯 CSS 渐变(无图) */
.bg-cta::before{background-image:radial-gradient(60% 120% at 50% 115%,rgba(139,92,246,.42),transparent 70%),linear-gradient(90deg,transparent,rgba(34,211,238,.10) 30%,rgba(139,92,246,.16) 55%,transparent)}
/* 模型区纹理: 纯 CSS 网格(无图) */
.bg-tex::before{background-image:linear-gradient(rgba(139,92,246,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.07) 1px,transparent 1px);background-size:46px 46px;opacity:1;
  -webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,transparent 100%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,transparent 100%)}
html.light .bg-art::before{opacity:.07}
.bg-art>*{position:relative;z-index:1}

/* 品牌 logo 图 */
.logo-img{width:2.1rem;height:2.1rem;border-radius:50%;display:inline-block;vertical-align:middle;filter:drop-shadow(0 0 6px hsl(var(--primary)/.35))}
.site .logo .logo-img{width:2.1rem;height:2.1rem}
.logo-tag{font-size:.8rem;line-height:1;letter-spacing:.005em;color:hsl(var(--muted-foreground));font-weight:600;white-space:nowrap}
@media(max-width:26rem){.logo-tag{display:none}}
.logo{flex-direction:row;align-items:center;gap:.5rem}
.logo>span{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:baseline;gap:.36rem;white-space:nowrap}

/* ===== v5 hero 纯代码视觉(无图) ===== */
.hero{position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(139,92,246,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.055) 1px,transparent 1px);
  background-size:52px 52px;
  -webkit-mask-image:radial-gradient(85% 75% at 50% 20%,#000 25%,transparent 92%);
  mask-image:radial-gradient(85% 75% at 50% 20%,#000 25%,transparent 92%)}
.hero::after{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(139,92,246,.75),rgba(34,211,238,.55),transparent)}
html.light .hero::before{opacity:.45}

/* 官方价计费项(输入/输出/缓存命中) */
.m-official{display:inline-block;color:hsl(var(--foreground));font-size:.72rem;font-weight:600;margin-right:.35rem;letter-spacing:.005em;font-variant-numeric:tabular-nums}

/* ===== 导航布局修复 (2026-09-11) ===== */
.nav-in{display:flex;align-items:center;gap:.75rem;padding:.7rem 2rem;max-width:88rem;margin:0 auto}
.logo{display:inline-flex;align-items:center;gap:.6rem;flex:0 0 auto;white-space:nowrap;text-decoration:none;font-weight:700;letter-spacing:-.02em;font-size:1.3rem}
.logo-img{width:2.8rem;height:2.8rem;border-radius:24%;flex:0 0 2.8rem;object-fit:cover;display:block}
.logo>span{display:inline-flex;align-items:baseline;gap:.3rem;white-space:nowrap}
.logo .accent{color:hsl(var(--primary))}
.logo-tag{font-size:.76rem;font-weight:600;line-height:1;color:hsl(var(--muted-foreground));white-space:nowrap;display:inline-block}
.nav-links{display:none;align-items:center;gap:1.4rem;margin-left:auto;margin-right:1rem;font-size:.875rem;white-space:nowrap;flex:0 0 auto}
@media(min-width:64rem){.nav-links{display:flex}}
.nav-right{margin-left:.4rem;display:flex;align-items:center;gap:.5rem;flex:0 0 auto}
@media(max-width:76rem){.logo-tag{display:none}}
@media(max-width:60rem){.nav-links{gap:1rem;font-size:.8rem}}
@media(max-width:44rem){.logo{font-size:1.1rem}.logo-img{width:2.2rem;height:2.2rem;flex:0 0 2.2rem}}

/* ===== Logo 修正 (2026-09-11): ThunderPeak 连写 + tag 同行 ===== */
.logo{display:inline-flex;align-items:center;gap:.5rem;flex:0 0 auto;white-space:nowrap;text-decoration:none;font-weight:700;letter-spacing:-.02em;font-size:1.3rem;color:hsl(var(--foreground))}
.logo svg{width:2rem;height:2rem;flex:0 0 2rem;color:hsl(var(--primary))}
.logo>span{display:inline-flex;align-items:baseline;gap:0;white-space:nowrap}
.logo .accent{color:hsl(var(--primary))}
.logo-tag{display:inline-block;font-size:.76rem;font-weight:600;line-height:1;color:hsl(var(--muted-foreground));white-space:nowrap;margin-left:.45rem}
@media(max-width:76rem){.logo-tag{display:none}}

/* ===== 终端卡精修 (2026-09-11, 对照 an industry-standard 首页) ===== */
.term-card{min-height:34rem}
@media(min-width:640px){.term-card{min-height:38rem}}

/* 水印更大 */
.term-watermark{font-size:5.5rem;top:2.5rem;line-height:.86}
@media(min-width:640px){.term-watermark{font-size:8.5rem}}
@media(min-width:1024px){.term-watermark{font-size:10rem}}

/* 模型浮签: 大字 + 更宽间距 */
.term-model{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;padding:.85rem 1.1rem;border-top:1px solid hsl(var(--primary)/.25);border-bottom:1px solid hsl(var(--primary)/.25);background:hsl(var(--background)/.55);display:flex;backdrop-filter:blur(8px)}
@media(min-width:640px){.term-model{font-size:1rem;letter-spacing:.18em;padding:1rem 1.35rem}}

/* 价格区: 2+1 布局 + 巨字号 */
.term-prices{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;border-top:1px solid hsl(var(--primary)/.2);border-bottom:1px solid hsl(var(--primary)/.2);background:hsl(var(--background)/.4);padding:.85rem 1rem;backdrop-filter:blur(8px)}
.term-price-chip{display:flex;flex-direction:column;gap:.15rem;border:1px solid hsl(var(--border)/.6);background:hsl(var(--background)/.35);border-radius:.5rem;padding:.6rem .8rem}
.term-price-chip:nth-child(3){grid-column:1/-1;max-width:calc(50% - .25rem)}
.price-old{font-size:.7rem;color:hsl(var(--muted-foreground)/.45);text-decoration:line-through;font-family:ui-monospace,Menlo,monospace}
.price-to{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:hsl(var(--primary)/.75);font-family:ui-monospace,Menlo,monospace}
.price-new{font-size:1.75rem;font-weight:700;line-height:1;font-family:ui-monospace,Menlo,monospace}
@media(min-width:640px){.price-new{font-size:2.25rem}}

/* ===== 官方 logo 图片 (2026-09-11) ===== */
.logo-img{width:2rem;height:2rem;flex:0 0 2rem;border-radius:50%;display:inline-block;vertical-align:middle;object-fit:contain;filter:drop-shadow(0 0 8px hsl(var(--primary)/.35))}
@media(max-width:44rem){.logo-img{width:1.75rem;height:1.75rem;flex:0 0 1.75rem}}

/* ===== logo 双色 (2026-09-11 老板指定: Thunder 白 + Peak 蓝) ===== */
.logo>span{display:inline-flex;align-items:baseline;gap:0;white-space:nowrap}
.logo>span>span:first-child,.logo>span{color:#ffffff}
.logo .accent{color:#3b82f6}
html.light .logo>span,html.light .logo>span>span:first-child{color:hsl(var(--foreground))}
html.light .logo .accent{color:#2563eb}
/* 深色主题下 Thunder 纯白, Peak 亮蓝 */
html.dark .logo>span,html .dark .logo>span{color:#ffffff}
html.dark .logo .accent{color:#60a5fa}

/* ===== logo 修正 v2 (2026-09-11) ===== */
.logo>span{display:inline-flex;align-items:baseline;gap:0;white-space:nowrap;color:#ffffff}
.logo>span .accent{color:#60a5fa}
.logo .logo-tag{color:hsl(var(--muted-foreground))!important}
html.light .logo>span{color:hsl(var(--foreground))}
html.light .logo>span .accent{color:#2563eb}

/* 终端卡: 水印下移 + 浮签层叠修正 */
.term-watermark{top:1rem;font-size:5rem;z-index:0}
@media(min-width:640px){.term-watermark{top:1.25rem;font-size:7.5rem}}
@media(min-width:1024px){.term-watermark{top:1.5rem;font-size:9rem}}
.term-model{position:relative;z-index:2;background:hsl(var(--background)/.72)}
.term-prices{position:relative;z-index:2}
.term-bottom{position:relative;z-index:2}