:root {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC",
               "Microsoft Yahei", sans-serif;
  color-scheme: dark;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body { background:#05060a; color:#fff; }

a { color: inherit; text-decoration: none; }

.page {
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

/* Header 通用 */
.header {
  position: sticky;
  top: 0;
  z-index: 20;
  backdrop-filter: blur(12px);
  background: linear-gradient(to bottom, rgba(5,6,10,.95), rgba(5,6,10,.7), transparent);
  border-bottom: 1px solid rgba(148,163,184,.2);
}

.header-inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 12px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.logo {
  font-weight:700;
  letter-spacing:.16em;
  font-size:14px;
}

nav {
  display:flex;
  gap:16px;
  font-size:14px;
  flex-wrap:wrap;
}

nav a { opacity:.8; }
nav a:hover { opacity:1; }

.btn-ghost {
  padding:6px 12px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.6);
  font-size:13px;
}

/* 绿色 + 紫色渐变按钮 */
.btn-primary {
  padding:6px 14px;
  border-radius:999px;
  border:none;
  background: linear-gradient(135deg, #4ade80, #a855f7);
  color:#fff;
  font-size:13px;
  cursor:pointer;
}
.btn-primary:disabled {
  opacity:.6;
  cursor:default;
}

.main { flex:1; }

.section {
  max-width:1120px;
  margin:0 auto;
  padding:32px 16px 56px;
}

/* 顶部授权经销商提示条 */
.dealer-banner {
  background: linear-gradient(to right, rgba(34,197,94,.55), rgba(147,51,234,.9));
  border-bottom: 1px solid rgba(190,242,100,.5);
  font-size: 12px;
  color: #e5e7eb;
}

.dealer-banner-inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 6px 16px 7px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.dealer-tag {
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(190,242,100,.9);
  background: rgba(15,23,42,.7);
  color: #ecfccb;
  white-space: nowrap;
}

/* 通用标题/文案 */
.eyebrow {
  font-size:12px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#a3e635;
  margin-bottom:12px;
}

.title-xl {
  font-size: clamp(26px, 4vw, 34px);
  line-height:1.1;
  margin-bottom:12px;
}

.hero-title {
  font-size: clamp(28px, 5vw, 40px);
  line-height:1.1;
  margin-bottom:16px;
}

.lead,
.hero-lead {
  font-size:14px;
  color:#9ca3af;
  max-width:42rem;
  margin-bottom:16px;
}

.pill-row {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:4px;
}

.pill {
  border-radius:999px;
  border:1px solid rgba(148,163,184,.5);
  padding:4px 10px;
  font-size:11px;
  color:#9ca3af;
}

/* 首页 HERO 布局 */
.hero {
  display:grid;
  grid-template-columns: minmax(0,1.2fr) minmax(0,1fr);
  gap:32px;
  align-items:center;
  padding-top:32px;
}
@media(max-width:900px){
  .hero { grid-template-columns:1fr; }
}

.hero-actions {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:16px;
}

.hero-meta {
  display:flex;
  gap:24px;
  flex-wrap:wrap;
  font-size:12px;
  color:#9ca3af;
}

/* 右侧大卡片：绿紫光晕 */
.hero-card {
  border-radius:16px;
  border:1px solid rgba(148,163,184,.35);
  background:
    radial-gradient(circle at top left, rgba(74,222,128,.35), transparent),
    radial-gradient(circle at bottom right, rgba(168,85,247,.40), transparent),
    #020617;
  min-height:220px;
  padding:16px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  font-size:13px;
}

.chip-row {
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
.chip {
  font-size:11px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.5);
  background:rgba(15,23,42,.7);
  white-space:nowrap;
}

/* Feature Grid（首页 & 功能页通用） */
.section-title {
  font-size:18px;
  margin-bottom:10px;
}

.section-sub {
  font-size:13px;
  color:#9ca3af;
  margin-bottom:18px;
  max-width:40rem;
}

.feature-grid,
.grid-3 {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
@media(max-width:960px){
  .feature-grid,
  .grid-3 {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  .feature-grid,
  .grid-3 {
    grid-template-columns:1fr;
  }
}

/* 功能卡片：绿紫渐变 */
.feature-card,
.card {
  border-radius:12px;
  border:1px solid rgba(55,65,81,.9);
  background:
    radial-gradient(circle at top left, rgba(74,222,128,.22), transparent),
    radial-gradient(circle at bottom right, rgba(147,51,234,.28), transparent),
    #020617;
  padding:14px 14px 16px;
  font-size:13px;
}

.feature-card h3,
.card h3 {
  font-size:14px;
  margin-bottom:6px;
}
.feature-tag,
.card-tag {
  font-size:11px;
  color:#9ca3af;
  margin-bottom:6px;
}
.feature-card p,
.card p {
  color:#e5e7eb;
  line-height:1.5;
}
.card-link {
  font-size:12px;
  color:#a5b4fc;
  text-decoration:underline;
  text-underline-offset:2px;
}

/* 通用左右两列布局 */
.two-col {
  display:grid;
  grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);
  gap:24px;
  align-items:flex-start;
}
@media(max-width:900px){
  .two-col { grid-template-columns:1fr; }
}

/* callout / pricing-callout / order-side */
.callout,
.order-side,
.pricing-callout {
  border-radius:14px;
  border:1px solid rgba(148,163,184,.35);
  background:#020617;
  padding:16px 14px;
  font-size:13px;
  color:#e5e7eb;
}

/* 首页 pricing 引导块：绿紫渐变 */
.pricing-callout {
  border-color: rgba(190,242,100,.5);
  background:
    radial-gradient(circle at top left, rgba(132,204,22,.35), transparent),
    radial-gradient(circle at bottom right, rgba(147,51,234,.35), transparent),
    #020617;
}

/* pricing 页面右侧说明块：绿紫渐变 */
.order-side {
  border-color: rgba(190,242,100,.4);
  background:
    radial-gradient(circle at top left, rgba(74,222,128,.28), transparent),
    radial-gradient(circle at bottom right, rgba(147,51,234,.32), transparent),
    #020617;
}

.feature-section {
  margin-top:24px;
  padding-top:16px;
  border-top:1px solid rgba(31,41,55,.9);
}
.feature-section h3 {
  font-size:15px;
  margin-bottom:6px;
}
.feature-section p {
  font-size:13px;
  color:#e5e7eb;
  line-height:1.6;
  margin-bottom:10px;
}
.feature-list {
  font-size:13px;
  color:#9ca3af;
  padding-left:18px;
}
.feature-list li { margin-bottom:4px; }

/* Pricing Cards：绿紫渐变 */
.pricing-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:24px;
  margin-bottom:8px;
}
@media(max-width:960px){
  .pricing-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:720px){
  .pricing-grid { grid-template-columns:1fr; }
}

.plan {
  border-radius:14px;
  border:1px solid rgba(55,65,81,.9);
  background:
    radial-gradient(circle at top left, rgba(74,222,128,.22), transparent),
    radial-gradient(circle at bottom right, rgba(147,51,234,.30), transparent),
    #020617;
  padding:16px 14px 18px;
  font-size:13px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  cursor:pointer;
}
.plan.recommend {
  border-color:#a3e635;
  box-shadow:0 0 0 1px rgba(190,242,100,.7);
}
.plan-header {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:8px;
  margin-bottom:8px;
}
.plan-name {
  font-size:15px;
  font-weight:600;
}
.plan-tag {
  font-size:11px;
  padding:3px 8px;
  border-radius:999px;
  background:rgba(132,204,22,.15);
  border:1px solid rgba(190,242,100,.7);
  color:#d9f99d;
  white-space:nowrap;
}
.plan-desc {
  font-size:12px;
  color:#9ca3af;
  margin-bottom:8px;
}
.plan-items {
  font-size:12px;
  color:#e5e7eb;
  padding-left:16px;
  margin-bottom:10px;
}
.plan-items li { margin-bottom:4px; }

.plan-price {
  font-size:12px;
  color:#9ca3af;
  margin-top:auto;
}
.plan-price strong {
  font-size:14px;
  color:#e5e7eb;
}

/* Pricing 表单 */
form {
  display:grid;
  gap:10px;
  font-size:13px;
}
label {
  display:flex;
  flex-direction:column;
  gap:4px;
}
input,
textarea {
  padding:8px 10px;
  border-radius:6px;
  border:1px solid rgba(55,65,81,.9);
  background:#020617;
  color:#f9fafb;
  font-size:13px;
}
textarea {
  min-height:90px;
  resize:vertical;
}
input[readonly] { opacity:.9; }

button[type="submit"] {
  margin-top:8px;
  padding:9px 14px;
  border-radius:999px;
  border:none;
  background: linear-gradient(135deg, #4ade80, #a855f7);
  color:#fff;
  font-size:14px;
  cursor:pointer;
}
button[type="submit"]:disabled {
  opacity:.6;
  cursor:default;
}

.hint {
  font-size:11px;
  color:#9ca3af;
}

#result {
  margin-top:8px;
  font-size:13px;
}
.success { color:#4ade80; }
.error { color:#f97373; }

/* Footer */
.footer {
  border-top:1px solid rgba(30,64,175,.7);
  font-size:11px;
  color:#6b7280;
  padding:16px;
  text-align:center;
}