:root {
  --bg: #f7fbff;
  --ink: #102033;
  --muted: #627386;
  --line: #dfeaf4;
  --brand: #14b8a6;
  --brand-dark: #0f766e;
  --blue: #2563eb;
  --panel: #ffffff;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--bg);
  font-family: Arial, "Microsoft YaHei", sans-serif;
  line-height: 1.7;
}
a { color: inherit; text-decoration: none; }
.wrap { width: min(1160px, calc(100% - 40px)); margin: 0 auto; }
.site-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line);
}
.nav { height: 74px; display: flex; align-items: center; gap: 26px; }
.brand { display: flex; align-items: center; gap: 10px; font-weight: 800; }
.brand-mark img { max-height: 38px; width: auto; display: block; }
.brand-text { font-size: 20px; }
.main-nav { margin-left: auto; display: flex; gap: 22px; color: #34475c; font-size: 15px; }
.main-nav a:hover { color: var(--brand-dark); }
.nav-cta, .btn, .price-grid a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 18px;
  border-radius: 6px;
  font-weight: 700;
}
.nav-cta, .btn.primary, .price-grid a {
  background: var(--brand);
  color: white;
}
.btn.ghost { border: 1px solid rgba(255,255,255,.45); color: white; }
.hero {
  color: white;
  background:
    radial-gradient(circle at 74% 28%, rgba(20,184,166,.38), transparent 28%),
    linear-gradient(135deg, #0b1f3a 0%, #123d64 48%, #0f766e 100%);
}
.hero-grid { min-height: 620px; display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 60px; }
.eyebrow, .section-head p, .page-hero p, .show-head p {
  margin: 0 0 10px;
  color: var(--brand);
  font-weight: 800;
  letter-spacing: 0;
}
.hero .eyebrow { color: #98f5e8; }
.hero h1 { margin: 0; font-size: 62px; line-height: 1.1; letter-spacing: 0; }
.lead { max-width: 560px; color: rgba(255,255,255,.82); font-size: 18px; }
.hero-actions { display: flex; gap: 12px; margin-top: 30px; }
.hero-panel {
  min-height: 420px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 8px;
  background: rgba(255,255,255,.08);
  padding: 34px;
  display: grid;
  align-content: center;
  gap: 24px;
}
.node-card {
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 8px;
  padding: 24px;
}
.node-card strong { display: block; font-size: 32px; margin: 6px 0; }
.node-card em { color: rgba(255,255,255,.75); font-style: normal; }
.route-line { height: 3px; background: linear-gradient(90deg, transparent, #98f5e8, transparent); }
.features { padding: 76px 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.features article, .price-grid article, .article-card, .faq-list article {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 28px;
}
.icon { width: 54px; height: 54px; border-radius: 8px; display: grid; place-items: center; background: #e8fbf7; color: var(--brand-dark); font-weight: 900; }
.features h2, .section-head h2, .page-hero h1 { margin: 12px 0; }
.features p, .faq-list p, .article-card p, .show-body { color: var(--muted); }
.band { padding: 78px 0; background: #eef7fb; }
.band.soft { background: #f5fafc; }
.section-head { text-align: center; margin-bottom: 30px; }
.section-head h2 { font-size: 38px; }
.price-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.price-grid article.highlight { border-color: rgba(20,184,166,.45); box-shadow: 0 18px 50px rgba(15,118,110,.13); }
.price-grid h3, .price-grid h2 { margin: 0 0 10px; }
.price-grid strong { display: block; font-size: 28px; margin-bottom: 16px; }
.price-grid ul { padding-left: 20px; color: var(--muted); }
.download-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; padding: 0 0 76px; }
.download-grid.large { grid-template-columns: repeat(3, 1fr); padding-top: 46px; }
.download-grid a {
  min-height: 70px;
  display: grid;
  place-items: center;
  background: white;
  border: 1px solid var(--line);
  border-radius: 8px;
  font-weight: 800;
}
.faq-list { display: grid; gap: 16px; }
.standalone { padding: 50px 0 80px; }
.page-hero {
  padding: 86px 0 70px;
  color: white;
  background: linear-gradient(135deg, #0b1f3a, #155e75);
}
.page-hero p { color: #98f5e8; }
.page-hero h1 { font-size: 46px; color: white; }
.article-grid { padding: 60px 0 86px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.article-card h2 { font-size: 20px; margin: 0 0 10px; }
.article-card span { color: var(--brand-dark); font-weight: 800; }
.show-layout { padding: 58px 0 90px; display: grid; grid-template-columns: 1fr 280px; gap: 34px; }
.show-head { grid-column: 1 / -1; }
.show-head h1 { font-size: 40px; margin: 0 0 10px; }
.show-body {
  background: white;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 34px;
}
.show-body h2, .show-body h3 { color: var(--ink); }
.show-side {
  align-self: start;
  background: white;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 24px;
}
.show-side a, .site-footer a { display: block; color: var(--muted); margin: 8px 0; }
.site-footer { background: #071523; color: white; padding-top: 56px; }
.footer-grid { display: grid; grid-template-columns: 1.3fr .8fr .8fr .8fr; gap: 34px; }
.site-footer p, .site-footer a { color: rgba(255,255,255,.72); }
.footer-logo { font-size: 24px; font-weight: 900; margin-bottom: 12px; }
.site-footer h3 { margin: 0 0 14px; }
.copyright { margin-top: 38px; padding: 18px; text-align: center; border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.6); }

@media (max-width: 900px) {
  .nav { height: auto; padding: 16px 0; flex-wrap: wrap; }
  .main-nav { order: 3; width: 100%; overflow-x: auto; gap: 16px; }
  .hero-grid, .features, .price-grid, .download-grid, .download-grid.large, .article-grid, .show-layout, .footer-grid {
    grid-template-columns: 1fr;
  }
  .hero-grid { min-height: auto; padding: 70px 0; }
  .hero h1 { font-size: 42px; }
  .show-head { grid-column: auto; }
}

.auth-layout{padding:62px 0 88px;display:grid;grid-template-columns:1fr 340px;gap:24px}.auth-card,.auth-side,.about-grid article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:30px}.auth-actions{display:flex;gap:12px;margin-top:24px}.btn.outline{border:1px solid var(--blue);color:var(--blue);background:#fff}.auth-side ul{margin:0;padding-left:20px;color:var(--muted)}.about-grid{padding:62px 0 88px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:900px){.auth-layout,.about-grid{grid-template-columns:1fr}.auth-actions{flex-wrap:wrap}}