/* ============================================================
   星枢AI 落地页 landing.css —— 深色科技风，对齐参考站
   ============================================================ */
.landing-page { padding-left: 0 !important; }
.bg-grid {
  position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, #000 30%, transparent 75%);
}
.landing-header { left: 0; }
.landing-header .brand { display: flex; }
.landing-header .header-inner { max-width: 1280px; margin: 0 auto; }

/* ---------------- HERO ---------------- */
.hero { position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 120px 20px 70px; overflow: hidden; }
/* 椭圆星环样式见文件末尾 v2 */

.hero-mask { position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: radial-gradient(ellipse 46% 50% at 50% 46%, rgba(10,16,28,.32) 0%, rgba(10,16,28,.13) 56%, rgba(10,16,28,0) 82%); }
.hero-inner { position: relative; z-index: 2; width: 100%; max-width: 980px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; text-align: center; flex: none; padding: 0 20px; }
.hero-chip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 16px; border-radius: 999px;
  border: 1px solid rgba(34,211,238,.3); background: rgba(34,211,238,.08); color: #67e8f9; font-size: 13px; letter-spacing: .04em; }
.hero-chip .dot { width: 7px; height: 7px; border-radius: 50%; background: #22d3ee; box-shadow: 0 0 10px #22d3ee; animation: pulse 1.8s infinite; }
@keyframes pulse { 0%,100%{opacity:1}50%{opacity:.35} }
.hero-title { margin: 26px 0 18px; font-size: clamp(38px, 6vw, 68px); line-height: 1.08; font-weight: 900; letter-spacing: -.02em; color: #fff; }
.hero-static { margin-right: 16px; }
.hero-rotating { background: linear-gradient(120deg,#22d3ee 10%,#818cf8 55%,#c084fc 90%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-sub { color: var(--text-secondary); font-size: clamp(15px,1.6vw,19px); line-height: 1.8; }
.hero-actions { display: flex; gap: 16px; justify-content: center; margin: 34px 0 20px; flex-wrap: wrap; }
.btn-lg { padding: 14px 34px; font-size: 16px; border-radius: 12px; }
.btn-outline { background: rgba(255,255,255,.04); border: 1px solid var(--border-strong); color: #fff; }
.btn-outline:hover { border-color: rgba(34,211,238,.5); background: rgba(34,211,238,.08); }
.hero-gift { display: inline-block; padding: 9px 20px; border-radius: 999px; font-size: 13px; color: #fde68a;
  border: 1px solid rgba(251,191,36,.28); background: rgba(251,191,36,.08); }
.hero-stats { display: flex; gap: 64px; justify-content: center; margin-top: 52px; }
.hero-stat strong { display: block; font-size: 40px; font-weight: 900; background: linear-gradient(120deg,#fff,#67e8f9); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-stat span { color: var(--text-muted); font-size: 13px; letter-spacing: .1em; }

/* ---------------- 通用 section ---------------- */
.landing-sec { padding: 84px 0; }
.sec-head { text-align: center; max-width: 760px; margin: 0 auto 48px; }
.sec-head-row { display: flex; align-items: flex-end; justify-content: space-between; max-width: none; text-align: left; gap: 20px; }
.sec-chip { display: inline-block; padding: 5px 14px; border-radius: 999px; font-size: 12px; font-weight: 700; letter-spacing: .16em; margin-bottom: 16px; }
.sec-h2 { font-size: clamp(24px,3vw,36px); font-weight: 850; color: #fff; letter-spacing: -.01em; }
.sec-p { color: var(--text-secondary); margin-top: 14px; line-height: 1.8; }

/* ---------------- Agents ---------------- */
.agent-card { padding: 28px 24px; position: relative; overflow: hidden; }
.agent-ico { width: 56px; height: 56px; border-radius: 16px; display: grid; place-items: center; font-size: 28px; margin-bottom: 18px; }
.agent-ico.a1{background:linear-gradient(135deg,rgba(34,211,238,.2),rgba(34,211,238,.04));border:1px solid rgba(34,211,238,.3)}
.agent-ico.a2{background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(139,92,246,.04));border:1px solid rgba(139,92,246,.3)}
.agent-ico.a3{background:linear-gradient(135deg,rgba(244,114,182,.2),rgba(244,114,182,.04));border:1px solid rgba(244,114,182,.3)}
.agent-ico.a4{background:linear-gradient(135deg,rgba(251,191,36,.2),rgba(251,191,36,.04));border:1px solid rgba(251,191,36,.3)}
.agent-card h3 { color:#fff; font-size:18px; margin-bottom:10px; }
.agent-card p { color:var(--text-secondary); font-size:13.5px; line-height:1.75; min-height:72px; }
.agent-go { color:#67e8f9; font-size:13px; font-weight:700; cursor:pointer; }
.agent-card:hover .agent-go { color:#22d3ee; }

/* ---------------- Capabilities ---------------- */
.capability-card { padding: 30px 26px; }
.cap-ico { width:54px;height:54px;border-radius:15px;display:grid;place-items:center;font-size:26px;margin-bottom:18px;background:rgba(255,255,255,.05);border:1px solid var(--border); }
.capability-card h3 { color:#fff; font-size:19px; margin-bottom:12px; }
.capability-card p { color:var(--text-secondary); font-size:13.5px; line-height:1.8; min-height:120px; }
.cap-link { display:inline-block; margin-top:14px; color:#67e8f9; font-size:13.5px; font-weight:700; }
.cap-link:hover{color:#22d3ee}

/* ---------------- Inspiration strip ---------------- */
.inspiration-strip { display:grid; grid-template-columns: repeat(4,1fr); gap:16px; }
.insp-card { position:relative; border-radius:16px; overflow:hidden; border:1px solid var(--border); background:#15151a; cursor:pointer; aspect-ratio: 3/4; }
.insp-card img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.insp-card:hover img { transform:scale(1.06); }
.insp-card .insp-meta { position:absolute; inset:auto 0 0 0; padding:34px 14px 12px; background:linear-gradient(transparent,rgba(5,6,10,.92)); }
.insp-card .insp-meta b { color:#fff; font-size:14px; display:block; }
.insp-card .insp-meta span { color:#67e8f9; font-size:11px; }

/* ---------------- Models ---------------- */
.model-cat-pills { display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin-bottom:30px; }
.model-cat-pills button { padding:8px 18px; border-radius:999px; border:1px solid var(--border); background:rgba(255,255,255,.04); color:var(--text-secondary); font-size:13px; cursor:pointer; transition:.2s; }
.model-cat-pills button.active { color:#04121a; background:linear-gradient(135deg,#22d3ee,#67e8f9); border-color:transparent; font-weight:700; }
.home-model-grid .mini-model { padding:20px; border:1px solid var(--border); border-radius:16px; background:rgba(255,255,255,.035); transition:.25s; cursor:pointer; }
.home-model-grid .mini-model:hover { transform:translateY(-3px); border-color:rgba(34,211,238,.35); background:rgba(34,211,238,.06); }
.mini-model .mm-top { display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.mini-model .mm-ico { width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.06);font-size:18px; }
.mini-model h4 { color:#fff; font-size:14.5px; }
.mini-model p { color:var(--text-secondary); font-size:12px; line-height:1.6; min-height:38px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.mini-model .mm-foot { display:flex; justify-content:space-between; align-items:center; margin-top:12px; font-size:12px; }
.mini-model .mm-price { color:#fbbf24; }
.mini-model .mm-use { color:#67e8f9; font-weight:700; }

/* ---------------- Pricing ---------------- */
.pricing-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:14px; }
.price-card { position:relative; padding:26px 18px; border-radius:18px; border:1px solid var(--border); background:rgba(255,255,255,.035); text-align:center; transition:.25s; }
.price-card:hover { transform:translateY(-4px); border-color:rgba(34,211,238,.4); }
.price-card.hot { border-color:rgba(34,211,238,.55); background:linear-gradient(180deg,rgba(34,211,238,.1),rgba(139,92,246,.06)); box-shadow:0 0 0 1px rgba(34,211,238,.2),0 20px 50px rgba(34,211,238,.12); }
.price-tag { position:absolute; top:-11px; left:50%; transform:translateX(-50%); padding:3px 12px; border-radius:999px; font-size:11px; font-weight:800; white-space:nowrap; }
.price-tag.hot{background:linear-gradient(135deg,#22d3ee,#8b5cf6);color:#04121a}
.price-tag.first{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1206}
.price-tag.activity{background:linear-gradient(135deg,#f472b6,#a855f7);color:#fff}
.price-card h3 { color:#fff; font-size:16px; margin-bottom:10px; }
.price-money { font-size:30px; font-weight:900; color:#fff; }
.price-money small { font-size:14px; color:var(--text-muted); font-weight:600; }
.price-quota { color:#67e8f9; font-size:13px; margin:10px 0 4px; font-weight:700; }
.price-bonus { color:#fbbf24; font-size:12px; min-height:18px; }
.price-remark { color:var(--text-muted); font-size:11px; line-height:1.5; min-height:34px; margin:8px 0 14px; }
.price-card .btn { width:100%; padding:9px 0; font-size:13px; }
.pricing-note { text-align:center; color:var(--text-secondary); font-size:13px; margin-top:26px; }
.pricing-note a { color:#67e8f9; }

/* ---------------- CTA ---------------- */
.cta { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:46px 50px; border-radius:24px;
  background:linear-gradient(120deg,rgba(34,211,238,.1),rgba(139,92,246,.1)); border:1px solid rgba(34,211,238,.25); position:relative; overflow:hidden; }
.cta h2 { color:#fff; font-size:26px; margin-bottom:10px; }
.cta p { color:var(--text-secondary); }
.cta-actions { display:flex; gap:14px; flex-shrink:0; }

/* ---------------- Footer ---------------- */
.site-footer { margin-top:40px; padding:60px 0 0; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; padding-bottom:40px; }
.footer-brand p { color:var(--text-secondary); font-size:13px; line-height:1.8; margin-top:14px; max-width:340px; }
.footer-contact { color:var(--text-muted)!important; }
.footer-col h4 { color:#fff; font-size:14px; margin-bottom:16px; }
.footer-col a { display:block; color:var(--text-secondary); font-size:13px; line-height:2.1; }
.footer-col a:hover { color:#67e8f9; }
.footer-bottom { display:flex; justify-content:space-between; gap:16px; padding:20px 0; border-top:1px solid var(--border); color:var(--text-muted); font-size:12px; flex-wrap:wrap; }

@media (max-width:1100px){ .pricing-grid{grid-template-columns:repeat(3,1fr);gap:18px}.inspiration-strip{grid-template-columns:repeat(2,1fr)} }
@media (max-width:900px){
  .main-nav{display:none}.hero-stats{gap:36px}.footer-grid{grid-template-columns:1fr 1fr}
  .cta{flex-direction:column;text-align:center}.grid-4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .pricing-grid{grid-template-columns:1fr 1fr}.inspiration-strip{grid-template-columns:1fr 1fr}
  .hero-stats{gap:24px}.hero-stat strong{font-size:30px}.footer-grid{grid-template-columns:1fr}.hide-sm{display:none}
}

/* ============================================================
   v2 椭圆星环（对齐参考站：横向椭圆模型轨道 + 交叉轨道线 + 粒子）
   ============================================================ */
.hero .orbit-stage { position:absolute; left:50%; top:50%; width:100%; height:100%; transform:translate(-50%,-50%); z-index:0; pointer-events:none; opacity:1; }
.hero .orbit-stage.orbit-go { opacity:1; }

/* 正圆交叉弧轨（A 正圆环、B 倾斜交叉环，对齐参考站） */
.hero { overflow:hidden; }
.orbit-lines { position:absolute; inset:0; }
.orbit-lines .ol { position:absolute; left:50%; top:50%; border-radius:50%; box-sizing:border-box; pointer-events:none; }
.orbit-lines .ol-a { border:1.4px solid rgba(45,212,191,.26); box-shadow:0 0 26px rgba(45,212,191,.12), inset 0 0 30px rgba(45,212,191,.05); }
.orbit-lines .ol-b { border:1.4px solid rgba(99,140,248,.16); transform:rotate(30deg); }
.orbit-lines .ol-c { display:none !important; }

/* 模型节点（正圆等大正立，JS 仅平移） */
.orbit-ring { position:absolute; left:50%; top:50%; width:0; height:0; }
.orbit-node { position:absolute; left:0; top:0; will-change:transform,opacity; pointer-events:auto; transition:opacity .25s; z-index:5; }
.on-wrap { display:flex; flex-direction:column; align-items:center; gap:3px; transform:translate(-50%,-50%); transition:transform .3s cubic-bezier(.2,.9,.3,1.3); }
.on-icon { width:24px; height:24px; border-radius:7px; object-fit:contain; background:rgba(18,22,30,.55); border:1px solid rgba(255,255,255,.06); padding:3.5px; filter:drop-shadow(0 0 5px rgba(34,211,238,.12)); transition:border-color .25s,box-shadow .25s,background .25s; }
.on-name { display:none !important; }
.orbit-node:hover { opacity:1 !important; }
.orbit-node:hover .on-wrap { transform:translate(-50%,-50%) scale(1.2); }
/* 转到左右缘的模型“跳出”高亮 */
.orbit-node.is-spot { opacity:1 !important; z-index:9; }
.orbit-node.is-spot .on-wrap { transform:translate(-50%,-50%) scale(1.55); }
.orbit-node.is-spot .on-icon { border-color:rgba(34,211,238,.7); background:rgba(10,16,24,.96); box-shadow:0 0 20px rgba(34,211,238,.55); }
.orbit-node.is-spot .on-name { color:#8ff4ff; font-weight:700; }

/* 左右缘“跳出展示”卡：图标 + 名称 + 一句介绍 */
.orbit-spots { position:absolute; left:50%; top:50%; width:0; height:0; z-index:8; pointer-events:none; }
.orbit-spot { position:absolute; left:0; top:0; width:180px; display:flex; flex-direction:column; align-items:center; gap:14px; text-align:center; }
.orbit-spot .os-ico { width:58px; height:58px; border-radius:16px; display:grid; place-items:center; background:linear-gradient(160deg,rgba(22,30,46,.96),rgba(9,15,24,.96)); border:1px solid rgba(34,211,238,.42); box-shadow:0 0 28px rgba(34,211,238,.32); }
.orbit-spot .os-ico img { width:38px; height:38px; object-fit:contain; }
.orbit-spot .os-txt { width:100%; padding-top:2px; }
.orbit-spot .os-txt b { display:block; font-size:14px; line-height:1.3; color:#aef6ff; font-weight:700; margin-bottom:6px; text-shadow:0 0 14px rgba(34,211,238,.5); }
.orbit-spot .os-txt p { margin:0; font-size:12px; line-height:1.6; color:rgba(214,228,240,.74); }
.orbit-spot.pop { animation:spotFade .5s ease both; }
.orbit-spot.pop .os-ico { animation:spotPop .55s cubic-bezier(.2,.9,.3,1.4) both; }
@keyframes spotFade { from{opacity:0} to{opacity:1} }
@keyframes spotPop { 0%{opacity:0;transform:scale(.5) translateY(8px)} 100%{opacity:1;transform:none} }

/* 沿轨飞行光弹（拖尾方向由内联 rotate 对齐切线） */
.orbit-bullets { position:absolute; left:50%; top:50%; width:0; height:0; }
.orbit-bullets .ob { position:absolute; left:0; top:0; width:8px; height:8px; margin:-4px 0 0 -4px; border-radius:50%;
  background:#a6f6ff; box-shadow:0 0 12px #22d3ee,0 0 26px rgba(34,211,238,.9),0 0 50px rgba(34,211,238,.45); will-change:transform; }
.orbit-bullets .ob::after { content:""; position:absolute; right:7px; top:50%; width:38px; height:2.4px; transform:translateY(-50%);
  background:linear-gradient(90deg,rgba(34,211,238,0),#bff7ff); border-radius:2px; }
.orbit-bullets .ob-fast { width:6px; height:6px; background:#d4fbff; }

/* 十字星芒 */
.orbit-stars { position:absolute; left:50%; top:50%; width:0; height:0; }
.orbit-stars .os-x { position:absolute; left:0; top:0; width:12px; height:12px; margin:-6px 0 0 -6px; will-change:transform,opacity; opacity:0;
  background:
    linear-gradient(90deg,transparent 43%,#c9f8ff 43% 57%,transparent 57%),
    linear-gradient(0deg,transparent 43%,#c9f8ff 43% 57%,transparent 57%);
  filter:drop-shadow(0 0 6px rgba(34,211,238,.9)); animation:osTwinkle 3.4s ease-in-out infinite; }
@keyframes osTwinkle { 0%,100%{opacity:.1} 50%{opacity:.95} }

/* 漂浮粒子 */
.orbit-particles { position:absolute; inset:0; }
.orbit-particles .op { position:absolute; border-radius:50%; background:#38e0ff; box-shadow:0 0 6px #22d3ee,0 0 12px rgba(34,211,238,.5); opacity:0; animation-name:opTwinkle; animation-iteration-count:infinite; animation-timing-function:ease-in-out; }
@keyframes opTwinkle { 0%,100%{opacity:.18; transform:translateY(0)} 50%{opacity:1; transform:translateY(-10px)} }

@media (max-width:860px){
  .hero{padding:96px 16px 60px}
  .orbit-spots,.orbit-bullets,.orbit-lines{display:none!important}
  .on-icon{width:19px;height:19px;padding:3px;border-radius:6px}
  .orbit-stars .os-x{width:9px;height:9px}
  .orbit-particles .op{width:1.5px!important;height:1.5px!important}
}
/* 轮播标题打字光标 */
.hero-rotating::after { content:""; display:inline-block; width:3px; height:.86em; margin-left:8px; transform:translateY(.06em); background:#22d3ee; box-shadow:0 0 10px rgba(34,211,238,.8); animation:heroCaret 1.05s steps(1) infinite; vertical-align:baseline; }
@keyframes heroCaret { 0%,49%{opacity:1} 50%,100%{opacity:0} }
/* ============================================================
   v13 首页对齐参考站：AI AGENTS 2×2 序号大卡 / 四大能力 2×2 /
   灵感瀑布流 / 底部 CTA / 支付方式
   ============================================================ */
.grad-text{background:linear-gradient(120deg,#22d3ee 0%,#818cf8 55%,#c084fc 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.agent-big-head{margin-bottom:34px}
.agent-slogan{font-size:clamp(30px,4.4vw,48px)!important;line-height:1.16;font-weight:900;display:flex;flex-direction:column;gap:2px;align-items:center}
.agent-big-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.ab-card{position:relative;display:flex;gap:22px;align-items:flex-start;padding:30px 30px 28px;border-radius:20px;cursor:pointer;
  background:linear-gradient(160deg,rgba(23,33,48,.92),rgba(13,20,32,.92));border:1px solid rgba(148,163,184,.16);
  transition:transform .24s,border-color .24s,box-shadow .24s;overflow:hidden}
.ab-card::after{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at 12% 0,rgba(34,211,238,.1),transparent 55%);opacity:0;transition:.25s}
.ab-card:hover{transform:translateY(-5px);border-color:rgba(34,211,238,.5);box-shadow:0 22px 50px -22px rgba(34,211,238,.45)}
.ab-card:hover::after{opacity:1}
.ab-num{flex:none;font-size:46px;font-weight:900;line-height:1;font-family:Arial,Helvetica,sans-serif;
  background:linear-gradient(160deg,#67e8f9,#818cf8);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.9}
.ab-card h3{font-size:20px;margin:2px 0 10px;color:#f1f5f9;font-weight:700}
.ab-card p{color:#9fb3c8;font-size:14.5px;line-height:1.8;margin:0 0 14px}
.ab-go{color:#67e8f9;font-size:13.5px;transition:.2s}
.ab-card:hover .ab-go{letter-spacing:.5px}

.cap-big-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.cb-card{padding:28px 30px;border-radius:18px;cursor:pointer;position:relative;
  background:linear-gradient(160deg,rgba(23,33,48,.9),rgba(13,20,32,.9));border:1px solid rgba(148,163,184,.15);transition:.24s}
.cb-card::before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:3px;border-radius:3px;background:linear-gradient(#22d3ee,#818cf8);opacity:.7}
.cb-card:hover{transform:translateY(-4px);border-color:rgba(129,140,248,.5);box-shadow:0 18px 44px -20px rgba(129,140,248,.5)}
.cb-ico{font-size:30px;margin-bottom:14px}
.cb-card h3{font-size:19px;margin:0 0 8px;color:#f1f5f9}
.cb-card p{margin:0;color:#9fb3c8;font-size:14.5px;line-height:1.8}

/* 首页灵感瀑布流 */
.home-masonry{column-count:4;column-gap:16px;margin-top:8px}
@media(max-width:1100px){.home-masonry{column-count:3}}@media(max-width:820px){.home-masonry{column-count:2}.agent-big-grid,.cap-big-grid{grid-template-columns:1fr}}@media(max-width:520px){.home-masonry{column-count:1}}
.hw-card{display:block;break-inside:avoid;margin-bottom:16px;border-radius:15px;overflow:hidden;text-decoration:none;
  border:1px solid rgba(148,163,184,.15);background:linear-gradient(160deg,rgba(23,33,48,.92),rgba(13,20,32,.92));transition:.22s}
.hw-card:hover{border-color:rgba(34,211,238,.45);transform:translateY(-3px);box-shadow:0 16px 38px -18px rgba(34,211,238,.4)}
.hw-card img{width:100%;display:block;transition:.3s}
.hw-card:hover img{transform:scale(1.04)}
.hw-ph{width:100%;display:grid;place-items:center;color:rgba(255,255,255,.8);font-size:30px}
.hw-body{padding:11px 13px 13px}
.hw-body b{display:block;color:#e2e8f0;font-size:13.5px;font-weight:600;line-height:1.5;margin-bottom:4px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hw-body span{font-size:12px;color:#67e8f9;opacity:.85}
.home-loadmore{text-align:center;margin-top:26px}

/* 底部 CTA */
.final-cta-sec{padding-top:10px}
.final-cta{text-align:center;padding:64px 30px;border-radius:26px;position:relative;overflow:hidden;
  background:linear-gradient(160deg,rgba(20,30,46,.96),rgba(12,19,31,.96));border:1px solid rgba(103,232,249,.22)}
.final-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(600px circle at 50% -20%,rgba(34,211,238,.16),transparent 60%);pointer-events:none}
.final-cta h2{font-size:clamp(30px,4.5vw,46px);font-weight:900;margin:0 0 10px;color:#fff;position:relative}
.final-cta p{font-size:18px;color:#9fb3c8;margin:0 0 28px;position:relative}
.final-cta .cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative}

/* 支付方式 */
.pay-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.pay-ic{font-size:11px;letter-spacing:.05em;padding:4px 10px;border-radius:7px;border:1px solid rgba(148,163,184,.25);color:#cbd5e1;background:rgba(255,255,255,.03);font-style:italic;font-weight:700}
.pay-ic.alipay,.pay-ic.wechat{font-style:normal}
.pay-ic.alipay{color:#7dd3fc;border-color:rgba(56,189,248,.35)}
.pay-ic.wechat{color:#86efac;border-color:rgba(74,222,128,.35)}

.hw-card img{min-height:180px;background:#0d1420;object-fit:cover}

/* 环上选中节点保持统一安静（跳出展示只由左右展示卡承担） */
.orbit-node.is-spot { opacity:.5 !important; z-index:5; }
.orbit-node.is-spot .on-wrap { transform:translate(-50%,-50%) scale(1); }
.orbit-node.is-spot .on-icon { border-color:rgba(255,255,255,.07); background:rgba(18,22,30,.72); box-shadow:0 0 5px rgba(34,211,238,.12); }
.orbit-node.is-spot .on-name { color:rgba(255,255,255,.32); font-weight:400; }
.orbit-spots { z-index:7; }

/* ============== LANDING_V21_FIX 浅色质感/自适应 ============== */
html[data-theme=light] .hero-mask{background:radial-gradient(ellipse 52% 54% at 50% 42%,rgba(255,255,255,.6) 0%,rgba(219,239,255,.3) 56%,rgba(219,239,255,0) 84%)!important}
html[data-theme=light] .on-icon{background:rgba(255,255,255,.9);border-color:rgba(56,189,248,.28);box-shadow:0 2px 10px rgba(56,120,200,.14)}
html[data-theme=light] .orbit-lines .ol-a{border-color:rgba(56,189,248,.32);box-shadow:0 0 22px rgba(56,189,248,.1)}
html[data-theme=light] .orbit-lines .ol-b{border-color:rgba(129,140,248,.22)}
html[data-theme=light] .orbit-spot .os-ico{background:linear-gradient(160deg,#ffffff,#eef6ff);border-color:rgba(56,189,248,.42);box-shadow:0 10px 28px rgba(56,120,200,.2)}
html[data-theme=light] .orbit-spot .os-txt b{color:#0e7490;text-shadow:none}
html[data-theme=light] .orbit-spot .os-txt p{color:#5b7186}
html[data-theme=light] .hero-title{color:#0f1c2e}
html[data-theme=light] .hero-sub{color:#46607a}
@media (min-width:861px) and (max-width:1280px){ .orbit-spot{width:138px!important} .orbit-spot .os-txt p{font-size:11px} }
/* ============== END LANDING_V21_FIX ============== */

/* ============== LANDING_LIGHTTXT 浅色文字对比 ============== */
html[data-theme=light] .hero-rotating{background:linear-gradient(120deg,#0891b2 8%,#4f46e5 52%,#9333ea 92%);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme=light] .hero-stat strong{background:linear-gradient(120deg,#0e7490,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme=light] .hero-stat span{color:#64748b}
html[data-theme=light] .hero-chip{background:rgba(8,145,178,.08);border-color:rgba(8,145,178,.28);color:#0e7490}
/* ============== END LANDING_LIGHTTXT ============== */