/* 飞越山海外贸情报总站 - 暖茶色玻璃风格 */
:root {
  --tea-900: #2d1b0e;
  --tea-800: #3d2817;
  --tea-700: #5a3a20;
  --tea-600: #7a5230;
  --tea-500: #9a6b3e;
  --tea-400: #b8895e;
  --tea-300: #d4a97d;
  --tea-200: #e8c9a3;
  --tea-100: #f2dfc4;
  --tea-50:  #faf3e8;
  --gold: #c9963a;
  --gold-light: #e0b85c;
  --purple-deep: #3d2b4f;
  --purple-mid: #5a3d6e;
  --bg-warm: #f7f0e6;
  --glass-bg: rgba(250, 243, 232, 0.82);
  --glass-border: rgba(201, 150, 58, 0.25);
  --text-main: #2d1b0e;
  --text-muted: #6b5340;
  --shadow-sm: 0 2px 8px rgba(61,40,23,0.08);
  --shadow-md: 0 4px 20px rgba(61,40,23,0.12);
  --shadow-lg: 0 8px 40px rgba(61,40,23,0.16);
  --radius: 12px;
  --radius-lg: 20px;
}

* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior: smooth; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  background: var(--bg-warm);
  color: var(--text-main);
  line-height: 1.75;
  min-height: 100vh;
}
a { color: var(--tea-600); text-decoration: none; transition: color .2s; }
a:hover { color: var(--gold); }

/* ===== Nav ===== */
.nav {
  position: sticky; top:0; z-index:100;
  background: var(--glass-bg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--glass-border);
  padding: 0 24px;
}
.nav-inner {
  max-width: 1100px; margin:0 auto;
  display:flex; align-items:center; justify-content:space-between;
  height:60px;
}
.nav-logo { font-size:1.15rem; font-weight:700; color:var(--tea-800); letter-spacing:1px; }
.nav-logo span { color: var(--gold); }
.nav-links { display:flex; gap:28px; }
.nav-links a { font-size:.95rem; color:var(--text-muted); font-weight:500; }
.nav-links a:hover { color:var(--gold); }
.nav-cta {
  background: linear-gradient(135deg, var(--purple-deep), var(--purple-mid));
  color:#fff !important; padding:8px 20px; border-radius:24px; font-size:.9rem;
  font-weight:600; transition: transform .2s, box-shadow .2s;
}
.nav-cta:hover { transform:translateY(-1px); box-shadow:var(--shadow-md); color:#fff !important; }

/* ===== Hero ===== */
.hero {
  text-align:center; padding:80px 24px 60px;
  background: linear-gradient(180deg, var(--tea-50) 0%, var(--bg-warm) 100%);
}
.hero-badge {
  display:inline-block; padding:6px 18px; border-radius:20px;
  background: rgba(201,150,58,.12); color:var(--tea-700);
  font-size:.85rem; font-weight:600; margin-bottom:20px;
  border:1px solid rgba(201,150,58,.25);
}
.hero h1 {
  font-size:clamp(1.8rem,4vw,2.8rem); font-weight:800;
  color:var(--tea-900); line-height:1.3; margin-bottom:16px;
}
.hero h1 em { font-style:normal; color:var(--gold); }
.hero p {
  max-width:640px; margin:0 auto 28px;
  font-size:1.05rem; color:var(--text-muted);
}
.hero-actions { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
.btn {
  display:inline-flex; align-items:center; gap:8px;
  padding:12px 28px; border-radius:28px; font-weight:600;
  font-size:.98rem; cursor:pointer; border:none; transition: all .25s;
}
.btn-primary {
  background: linear-gradient(135deg, var(--purple-deep), var(--purple-mid));
  color:#fff; box-shadow: 0 4px 16px rgba(61,43,79,.3);
}
.btn-primary:hover { transform:translateY(-2px); box-shadow: 0 6px 24px rgba(61,43,79,.4); color:#fff; }
.btn-outline {
  background:transparent; color:var(--tea-700);
  border:1.5px solid var(--tea-300);
}
.btn-outline:hover { border-color:var(--gold); color:var(--gold); }

/* ===== Stats bar ===== */
.stats {
  max-width:900px; margin:-30px auto 0; padding:0 24px;
  display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:16px;
  position:relative; z-index:2;
}
.stat-card {
  background: var(--glass-bg);
  backdrop-filter: blur(8px);
  border:1px solid var(--glass-border);
  border-radius:var(--radius);
  padding:20px 24px; text-align:center;
  box-shadow: var(--shadow-sm);
}
.stat-num { font-size:1.8rem; font-weight:800; color:var(--gold); }
.stat-label { font-size:.85rem; color:var(--text-muted); margin-top:4px; }

/* ===== Section ===== */
.section { max-width:900px; margin:0 auto; padding:60px 24px; }
.section-title {
  font-size:1.5rem; font-weight:700; color:var(--tea-900);
  margin-bottom:8px; position:relative; display:inline-block;
}
.section-title::after {
  content:''; position:absolute; bottom:-4px; left:0;
  width:40px; height:3px; background:var(--gold); border-radius:2px;
}
.section-sub { color:var(--text-muted); margin:16px 0 32px; font-size:1rem; }

/* ===== Intel cards ===== */
.intel-list { display:flex; flex-direction:column; gap:20px; }
.intel-card {
  background: var(--glass-bg);
  border:1px solid var(--glass-border);
  border-radius:var(--radius-lg);
  padding:28px 32px; box-shadow: var(--shadow-sm);
  transition: transform .25s, box-shadow .25s;
}
.intel-card:hover { transform:translateY(-3px); box-shadow:var(--shadow-md); }
.intel-meta { display:flex; align-items:center; gap:12px; margin-bottom:12px; flex-wrap:wrap; }
.intel-tag {
  display:inline-block; padding:3px 12px; border-radius:12px;
  font-size:.78rem; font-weight:600;
}
.tag-policy { background:rgba(180,60,60,.1); color:#b43c3c; }
.tag-forex { background:rgba(60,100,180,.1); color:#3c64b4; }
.tag-shipping { background:rgba(60,140,100,.1); color:#3c8c64; }
.tag-trade { background:rgba(160,110,40,.1); color:#a06e28; }
.intel-date { font-size:.82rem; color:var(--text-muted); }
.intel-card h3 {
  font-size:1.18rem; font-weight:700; color:var(--tea-900);
  margin-bottom:10px; line-height:1.5;
}
.intel-card p { color:var(--text-muted); font-size:.96rem; }
.intel-impact {
  margin-top:14px; padding:12px 16px;
  background:rgba(201,150,58,.08); border-left:3px solid var(--gold);
  border-radius:0 8px 8px 0; font-size:.92rem; color:var(--tea-700);
}
.intel-impact strong { color:var(--tea-800); }
.read-more {
  display:inline-block; margin-top:14px; font-size:.9rem; font-weight:600;
  color:var(--purple-mid);
}
.read-more:hover { color:var(--gold); }

/* ===== Article page ===== */
.article {
  max-width:780px; margin:0 auto; padding:48px 24px 80px;
}
.article-header { margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid var(--tea-200); }
.article-header h1 { font-size:1.7rem; font-weight:800; color:var(--tea-900); line-height:1.4; margin:12px 0; }
.article-body { font-size:1.02rem; color:var(--text-main); }
.article-body h2 {
  font-size:1.3rem; font-weight:700; color:var(--tea-800);
  margin:36px 0 16px; padding-bottom:8px; border-bottom:2px solid var(--tea-200);
}
.article-body h3 {
  font-size:1.12rem; font-weight:700; color:var(--tea-700); margin:28px 0 12px;
}
.article-body p { margin-bottom:16px; }
.article-body ul, .article-body ol { margin:12px 0 16px 24px; }
.article-body li { margin-bottom:8px; }
.article-body strong { color:var(--tea-800); }
.article-body blockquote {
  margin:20px 0; padding:16px 20px;
  background:rgba(201,150,58,.08); border-left:4px solid var(--gold);
  border-radius:0 10px 10px 0; color:var(--tea-700);
}
.article-body a { word-break:break-all; }
.article-body sup a { color:var(--gold); font-weight:600; }
.sources {
  margin-top:48px; padding-top:24px; border-top:2px solid var(--tea-200);
}
.sources h2 { font-size:1.15rem; margin-bottom:16px; }
.sources ol { margin-left:20px; }
.sources li { font-size:.88rem; color:var(--text-muted); margin-bottom:8px; word-break:break-all; }
.article-cta {
  margin-top:48px; padding:32px; text-align:center;
  background: linear-gradient(135deg, var(--purple-deep), var(--purple-mid));
  border-radius:var(--radius-lg); color:#fff;
}
.article-cta h3 { color:#fff; margin-bottom:8px; }
.article-cta p { color:rgba(255,255,255,.8); margin-bottom:20px; }
.article-cta .btn { background:var(--gold); color:#fff; }
.article-cta .btn:hover { background:var(--gold-light); }

/* ===== Agents grid ===== */
.agents-grid {
  display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:24px;
}
.agent-card {
  background:var(--glass-bg); border:1px solid var(--glass-border);
  border-radius:var(--radius-lg); padding:28px; box-shadow:var(--shadow-sm);
  transition:transform .25s, box-shadow .25s;
}
.agent-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-md); }
.agent-icon {
  width:52px; height:52px; border-radius:14px;
  display:flex; align-items:center; justify-content:center;
  font-size:1.5rem; margin-bottom:16px;
}
.agent-card h3 { font-size:1.15rem; font-weight:700; color:var(--tea-900); margin-bottom:8px; }
.agent-card p { font-size:.93rem; color:var(--text-muted); margin-bottom:16px; min-height:48px; }
.agent-tags { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:18px; }
.agent-tags span {
  font-size:.75rem; padding:3px 10px; border-radius:10px;
  background:rgba(201,150,58,.1); color:var(--tea-600);
}
.agent-link { font-size:.9rem; font-weight:600; color:var(--purple-mid); }

/* ===== Footer ===== */
.footer {
  background: var(--tea-900); color:rgba(255,255,255,.7);
  padding:48px 24px 28px; margin-top:40px;
}
.footer-inner {
  max-width:900px; margin:0 auto;
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:24px;
}
.footer h4 { color:var(--gold-light); margin-bottom:12px; font-size:.95rem; }
.footer a { color:rgba(255,255,255,.65); font-size:.9rem; display:block; margin-bottom:6px; }
.footer a:hover { color:var(--gold-light); }
.footer-bottom {
  max-width:900px; margin:32px auto 0; padding-top:20px;
  border-top:1px solid rgba(255,255,255,.1);
  text-align:center; font-size:.82rem; color:rgba(255,255,255,.4);
}

/* ===== Responsive ===== */
@media (max-width:640px) {
  .nav-links { gap:16px; }
  .nav-links a:not(.nav-cta) { display:none; }
  .hero { padding:60px 20px 40px; }
  .section { padding:40px 20px; }
  .intel-card { padding:20px; }
  .article { padding:32px 20px 60px; }
  .stats { margin-top:-20px; }
}

/* ===== Section alt background ===== */
.section-alt {
  background: linear-gradient(180deg, var(--tea-50) 0%, var(--bg-warm) 100%);
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.section-alt > * { max-width: 900px; margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; }
.section-alt .section-title,
.section-alt .section-sub,
.section-alt .workflow,
.section-alt .agents-grid { margin-left: auto; margin-right: auto; }

/* ===== Workflow ===== */
.workflow {
  display: grid;
  grid-template-columns: 1fr 40px 1fr 40px 1fr 40px 1fr;
  gap: 0;
  align-items: start;
  padding: 20px 0;
}
.workflow-step {
  text-align: center;
  padding: 24px 16px;
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  position: relative;
}
.step-num {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, var(--purple-deep), var(--purple-mid));
  color: #fff;
  font-size: .75rem;
  font-weight: 700;
  padding: 3px 12px;
  border-radius: 10px;
}
.step-icon { font-size: 2rem; margin: 8px 0 12px; }
.workflow-step h3 { font-size: 1.05rem; color: var(--tea-800); margin-bottom: 8px; }
.workflow-step p { font-size: .88rem; color: var(--text-muted); line-height: 1.65; text-align: left; }
.workflow-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: var(--gold);
  font-weight: 700;
  padding-top: 60px;
}

/* ===== Posture grid ===== */
.posture-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}
.posture-card {
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-lg);
  padding: 28px;
  box-shadow: var(--shadow-sm);
  transition: transform .25s, box-shadow .25s;
}
.posture-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
.posture-icon { font-size: 1.8rem; margin-bottom: 14px; }
.posture-card h3 { font-size: 1.08rem; color: var(--tea-800); margin-bottom: 10px; }
.posture-card p { font-size: .92rem; color: var(--text-muted); line-height: 1.7; }

/* ===== Audience grid ===== */
.audience-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}
.audience-card {
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-lg);
  padding: 28px;
  box-shadow: var(--shadow-sm);
  transition: transform .25s, box-shadow .25s;
}
.audience-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); }
.audience-icon { font-size: 1.8rem; margin-bottom: 14px; }
.audience-card h3 { font-size: 1.08rem; color: var(--tea-800); margin-bottom: 14px; }
.audience-card ul { list-style: none; padding: 0; margin: 0; }
.audience-card li {
  font-size: .9rem;
  color: var(--text-muted);
  padding: 6px 0 6px 20px;
  position: relative;
  line-height: 1.6;
}
.audience-card li::before {
  content: '✦';
  position: absolute;
  left: 0;
  color: var(--gold);
  font-size: .75rem;
}

/* ===== Status grid ===== */
.status-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
}
.status-item {
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius);
  padding: 18px 22px;
  box-shadow: var(--shadow-sm);
}
.status-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
}
.status-online {
  background: #3c8c64;
  box-shadow: 0 0 8px rgba(60, 140, 100, .5);
  animation: pulse-dot 2s infinite;
}
@keyframes pulse-dot {
  0%, 100% { opacity: 1; }
  50% { opacity: .5; }
}
.status-item strong { display: block; font-size: .95rem; color: var(--tea-800); }
.status-item span { font-size: .85rem; color: var(--text-muted); }

/* ===== FAQ ===== */
.faq-list { display: flex; flex-direction: column; gap: 12px; }
.faq-item {
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius);
  padding: 0;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}
.faq-item summary {
  padding: 18px 24px;
  font-size: 1rem;
  font-weight: 600;
  color: var(--tea-800);
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background .2s;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after {
  content: '+';
  font-size: 1.4rem;
  color: var(--gold);
  font-weight: 300;
  transition: transform .2s;
}
.faq-item[open] summary::after { content: '−'; }
.faq-item summary:hover { background: rgba(201, 150, 58, .05); }
.faq-answer {
  padding: 0 24px 20px;
  font-size: .93rem;
  color: var(--text-muted);
  line-height: 1.75;
}
.faq-answer ul { margin: 8px 0 8px 20px; }
.faq-answer li { margin-bottom: 6px; }

/* ===== CTA box ===== */
.cta-box {
  text-align: center;
  background: linear-gradient(135deg, var(--purple-deep), var(--purple-mid));
  border-radius: var(--radius-lg);
  padding: 48px 32px;
  color: #fff;
  box-shadow: var(--shadow-lg);
}
.cta-box h2 { color: #fff; font-size: 1.6rem; margin-bottom: 12px; }
.cta-box p { color: rgba(255, 255, 255, .8); font-size: 1.05rem; max-width: 500px; margin: 0 auto; }
.cta-box .btn-primary { background: var(--gold); }
.cta-box .btn-primary:hover { background: var(--gold-light); }
.cta-box .btn-outline { border-color: rgba(255,255,255,.4); color: #fff; }
.cta-box .btn-outline:hover { border-color: #fff; color: #fff; }

/* ===== Responsive additions ===== */
@media (max-width: 900px) {
  .workflow {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .workflow-arrow {
    transform: rotate(90deg);
    padding: 0;
    font-size: 1.2rem;
  }
  .workflow-step { max-width: 400px; margin: 0 auto; }
}
@media (max-width: 640px) {
  .posture-grid,
  .audience-grid,
  .status-grid { grid-template-columns: 1fr; }
  .cta-box { padding: 32px 20px; }
  .cta-box h2 { font-size: 1.3rem; }
  .section-alt > * { padding-left: 20px; padding-right: 20px; }
}

/* ============================================================
   POSTER-STYLE VISUAL ENHANCEMENTS
   ============================================================ */

/* Background decorative orbs */
.bg-decor {
  position: fixed; top: 0; left: 0; width: 100%; height: 100%;
  pointer-events: none; z-index: 0; overflow: hidden;
}
.bg-orb {
  position: absolute; border-radius: 50%; filter: blur(80px);
  opacity: .35;
}
.bg-orb-1 {
  width: 500px; height: 500px; top: -120px; right: -100px;
  background: radial-gradient(circle, rgba(201,150,58,.25), transparent 70%);
  animation: float-orb 18s ease-in-out infinite;
}
.bg-orb-2 {
  width: 400px; height: 400px; top: 40%; left: -120px;
  background: radial-gradient(circle, rgba(90,61,110,.18), transparent 70%);
  animation: float-orb 22s ease-in-out infinite reverse;
}
.bg-orb-3 {
  width: 350px; height: 350px; bottom: 10%; right: 10%;
  background: radial-gradient(circle, rgba(184,137,94,.2), transparent 70%);
  animation: float-orb 20s ease-in-out infinite;
}
@keyframes float-orb {
  0%, 100% { transform: translate(0, 0) scale(1); }
  33% { transform: translate(30px, -20px) scale(1.05); }
  66% { transform: translate(-20px, 30px) scale(.95); }
}

/* Ensure content sits above bg decor */
.nav, .hero, .stats, .section, .footer, .breadcrumb, .about-hero, .about-section { position: relative; z-index: 1; }

/* ===== Hero poster enhancement ===== */
.hero {
  position: relative;
  overflow: hidden;
  padding: 90px 24px 70px;
}
.hero::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  background:
    radial-gradient(ellipse 600px 300px at 20% 50%, rgba(201,150,58,.1), transparent),
    radial-gradient(ellipse 500px 250px at 80% 30%, rgba(90,61,110,.08), transparent);
  pointer-events: none;
}
.hero-badge {
  position: relative;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  background: rgba(250,243,232,.7);
}
.hero h1 { position: relative; }
.hero p { position: relative; }
.hero-actions { position: relative; }

/* Hero decorative line */
.hero::after {
  content: '';
  position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
  width: 120px; height: 3px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
  border-radius: 2px;
}

/* ===== Stats poster cards ===== */
.stats { z-index: 2; }
.stat-card {
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 24px 20px;
  transition: transform .3s, box-shadow .3s;
}
.stat-card::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, var(--gold), var(--gold-light));
  opacity: .6;
}
.stat-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.stat-num {
  font-size: 2rem;
  background: linear-gradient(135deg, var(--gold), var(--tea-600));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.stat-icon { font-size: 1.4rem; margin-bottom: 4px; display: block; }
.stat-label { font-size: .82rem; text-transform: uppercase; letter-spacing: .5px; }

/* ===== Section visual labels ===== */
.section-label {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: .78rem; font-weight: 700; letter-spacing: 1.5px;
  text-transform: uppercase; color: var(--gold);
  margin-bottom: 8px;
}
.section-label::before {
  content: ''; display: inline-block;
  width: 20px; height: 2px; background: var(--gold); border-radius: 1px;
}

/* ===== Featured intel poster ===== */
.featured-poster {
  position: relative;
  background: linear-gradient(135deg, var(--tea-800) 0%, var(--purple-deep) 100%);
  border-radius: var(--radius-lg);
  padding: 36px 40px;
  color: #fff;
  overflow: hidden;
  margin-bottom: 28px;
  box-shadow: var(--shadow-lg);
}
.featured-poster::before {
  content: '';
  position: absolute; top: -50%; right: -20%;
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(201,150,58,.2), transparent 60%);
  pointer-events: none;
}
.featured-poster::after {
  content: '';
  position: absolute; bottom: -30%; left: -10%;
  width: 300px; height: 300px;
  background: radial-gradient(circle, rgba(255,255,255,.05), transparent 60%);
  pointer-events: none;
}
.fp-tag {
  display: inline-block;
  background: rgba(201,150,58,.25);
  color: var(--gold-light);
  padding: 4px 14px; border-radius: 14px;
  font-size: .78rem; font-weight: 700;
  border: 1px solid rgba(201,150,58,.3);
  margin-bottom: 14px;
  position: relative; z-index: 1;
}
.fp-label {
  font-size: .72rem; letter-spacing: 2px; text-transform: uppercase;
  color: rgba(255,255,255,.5); margin-bottom: 6px;
  position: relative; z-index: 1;
}
.featured-poster h3 {
  font-size: 1.35rem; font-weight: 800; color: #fff;
  line-height: 1.5; margin-bottom: 12px;
  position: relative; z-index: 1;
}
.featured-poster p {
  color: rgba(255,255,255,.8); font-size: .95rem;
  line-height: 1.75; margin-bottom: 16px;
  position: relative; z-index: 1;
}
.fp-impact {
  background: rgba(255,255,255,.08);
  border-left: 3px solid var(--gold);
  border-radius: 0 8px 8px 0;
  padding: 12px 16px;
  font-size: .88rem; color: rgba(255,255,255,.85);
  position: relative; z-index: 1;
  margin-bottom: 16px;
}
.fp-impact strong { color: var(--gold-light); }
.fp-link {
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--gold); color: #fff !important;
  padding: 10px 24px; border-radius: 24px;
  font-size: .9rem; font-weight: 600;
  position: relative; z-index: 1;
  transition: background .2s, transform .2s;
}
.fp-link:hover { background: var(--gold-light); transform: translateY(-1px); color: #fff !important; }
.fp-date {
  position: absolute; top: 24px; right: 32px;
  font-size: .8rem; color: rgba(255,255,255,.4);
  z-index: 1;
}

/* ===== Intel card visual enhancement ===== */
.intel-card {
  position: relative;
  border-left: 3px solid transparent;
  transition: all .3s;
}
.intel-card:hover {
  border-left-color: var(--gold);
  transform: translateY(-3px);
}
.intel-card::after {
  content: '';
  position: absolute; top: 0; right: 0;
  width: 80px; height: 80px;
  background: radial-gradient(circle at top right, rgba(201,150,58,.06), transparent 70%);
  border-radius: 0 var(--radius-lg) 0 0;
  pointer-events: none;
}

/* ===== Workflow visual path ===== */
.workflow {
  position: relative;
}
.workflow-step {
  position: relative;
  transition: transform .3s, box-shadow .3s;
}
.workflow-step:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}
.workflow-step::before {
  content: '';
  position: absolute; bottom: -1px; left: 20%; right: 20%;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
  opacity: 0;
  transition: opacity .3s;
}
.workflow-step:hover::before { opacity: .5; }

/* ===== Agent cards poster style ===== */
.agent-card {
  position: relative;
  overflow: hidden;
  transition: all .3s;
}
.agent-card::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, var(--gold), var(--gold-light));
  opacity: 0;
  transition: opacity .3s;
}
.agent-card:hover::before { opacity: 1; }
.agent-icon {
  box-shadow: 0 4px 12px rgba(61,40,23,.1);
}

/* ===== Posture card icons ===== */
.posture-card {
  position: relative;
  overflow: hidden;
  transition: all .3s;
}
.posture-card::after {
  content: '';
  position: absolute; top: -30px; right: -30px;
  width: 100px; height: 100px;
  background: radial-gradient(circle, rgba(201,150,58,.06), transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

/* ===== Audience card visual marker ===== */
.audience-card {
  position: relative;
  border-top: 3px solid transparent;
  transition: all .3s;
}
.audience-card:hover {
  border-top-color: var(--gold);
  transform: translateY(-3px);
}

/* ===== Status panel visual ===== */
.status-item {
  position: relative;
  overflow: hidden;
  transition: transform .25s;
}
.status-item:hover { transform: translateX(4px); }
.status-item::before {
  content: '';
  position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  background: linear-gradient(180deg, #3c8c64, #2a6b48);
}

/* ===== CTA enhanced ===== */
.cta-box {
  position: relative;
  overflow: hidden;
}
.cta-box::before {
  content: '';
  position: absolute; top: -50%; left: -10%;
  width: 300px; height: 300px;
  background: radial-gradient(circle, rgba(201,150,58,.15), transparent 60%);
  pointer-events: none;
}
.cta-box::after {
  content: '';
  position: absolute; bottom: -40%; right: -5%;
  width: 250px; height: 250px;
  background: radial-gradient(circle, rgba(255,255,255,.04), transparent 60%);
  pointer-events: none;
}
.cta-box h2, .cta-box p, .cta-box div { position: relative; z-index: 1; }

/* ===== Nav active state ===== */
.nav-links a.active {
  color: var(--gold);
  font-weight: 600;
}
.nav-links a.active::after {
  content: '';
  display: block;
  width: 100%; height: 2px;
  background: var(--gold);
  border-radius: 1px;
  margin-top: 2px;
}

/* ===== Poster divider ===== */
.poster-divider {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.poster-divider::before,
.poster-divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--tea-200), transparent);
}
.poster-divider span {
  font-size: .75rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--tea-400);
  font-weight: 600;
}

/* ===== Pulse badge for live status ===== */
.live-badge {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: .75rem; font-weight: 600; color: #3c8c64;
  background: rgba(60,140,100,.1);
  padding: 4px 12px; border-radius: 12px;
}
.live-badge::before {
  content: '';
  width: 6px; height: 6px; border-radius: 50%;
  background: #3c8c64;
  animation: pulse-dot 1.5s infinite;
}

/* ===== Responsive poster ===== */
@media (max-width: 640px) {
  .featured-poster { padding: 24px 20px; }
  .featured-poster h3 { font-size: 1.1rem; }
  .fp-date { position: static; display: block; margin-bottom: 8px; }
  .bg-orb { filter: blur(60px); opacity: .25; }
  .hero { padding: 60px 20px 50px; }
}


/* ============================================================
   v20260816b — TECH VISUAL UPGRADE
   全球情报网络 · 科技点阵 · 浮动几何 · 渐变层次
   ============================================================ */

/* --- 1. 全局科技点阵背景 +  richer gradient mesh --- */
body {
  background:
    radial-gradient(ellipse 800px 600px at 15% -5%, rgba(201,150,58,.10), transparent 60%),
    radial-gradient(ellipse 700px 500px at 85% 15%, rgba(90,61,110,.08), transparent 60%),
    radial-gradient(ellipse 900px 700px at 50% 60%, rgba(60,100,180,.05), transparent 65%),
    radial-gradient(ellipse 600px 400px at 20% 90%, rgba(184,137,94,.07), transparent 60%),
    var(--bg-warm);
  background-attachment: fixed;
}
body::before {
  content: '';
  position: fixed;
  top: 0; left: 0; width: 100%; height: 100%;
  background-image:
    radial-gradient(circle, rgba(201,150,58,.10) 1px, transparent 1px),
    radial-gradient(circle, rgba(90,61,110,.06) 1px, transparent 1px);
  background-size: 32px 32px, 64px 64px;
  background-position: 0 0, 16px 16px;
  pointer-events: none;
  z-index: 0;
}

/* --- 2. 增强背景光晕 --- */
.bg-orb { opacity: .45; filter: blur(100px); }
.bg-orb-1 {
  width: 600px; height: 600px; top: -150px; right: -120px;
  background: radial-gradient(circle, rgba(201,150,58,.30), rgba(201,150,58,.05) 50%, transparent 70%);
}
.bg-orb-2 {
  width: 500px; height: 500px; top: 35%; left: -150px;
  background: radial-gradient(circle, rgba(60,100,180,.15), rgba(90,61,110,.08) 50%, transparent 70%);
}
.bg-orb-3 {
  width: 450px; height: 450px; bottom: 5%; right: 5%;
  background: radial-gradient(circle, rgba(184,137,94,.22), rgba(201,150,58,.06) 50%, transparent 70%);
}
/* 新增第4个光晕 - 青蓝色科技感 */
.bg-orb-4 {
  position: absolute; border-radius: 50%;
  width: 400px; height: 400px; top: 55%; right: 30%;
  background: radial-gradient(circle, rgba(40,120,160,.12), transparent 70%);
  filter: blur(90px); opacity: .4;
  animation: float-orb 25s ease-in-out infinite;
}

/* --- 3. Hero 全球贸易网络 SVG --- */
.hero-globe {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 680px; max-width: 95vw;
  height: auto;
  opacity: .55;
  pointer-events: none;
  z-index: 0;
}
.hero-globe .globe-ring {
  fill: none;
  stroke: rgba(201,150,58,.20);
  stroke-width: 1;
}
.hero-globe .globe-ring-soft {
  fill: none;
  stroke: rgba(201,150,58,.10);
  stroke-width: 1;
}
.hero-globe .route {
  fill: none;
  stroke-width: 1.5;
  stroke-dasharray: 5 5;
}
.hero-globe .route-gold { stroke: rgba(201,150,58,.45); }
.hero-globe .route-purple { stroke: rgba(90,61,110,.35); }
.hero-globe .route-teal { stroke: rgba(40,130,150,.30); }
.hero-globe .node {
  filter: drop-shadow(0 0 4px currentColor);
}
.hero-globe .node-gold { color: var(--gold); }
.hero-globe .node-purple { color: var(--purple-mid); }
.hero-globe .node-teal { color: #288296; }

/* --- 4. 浮动六边形几何装饰 --- */
.floating-shapes {
  position: fixed; top: 0; left: 0; width: 100%; height: 100%;
  pointer-events: none; z-index: 0; overflow: hidden;
}
.float-hex {
  position: absolute;
  border: 1.5px solid rgba(201,150,58,.12);
  background: rgba(201,150,58,.03);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  animation: float-hex 25s ease-in-out infinite;
}
.float-hex-1 { width: 50px; height: 50px; top: 18%; left: 6%; animation-delay: 0s; border-color: rgba(201,150,58,.15); }
.float-hex-2 { width: 35px; height: 35px; top: 35%; right: 8%; animation-delay: -5s; border-color: rgba(90,61,110,.12); background: rgba(90,61,110,.03); }
.float-hex-3 { width: 28px; height: 28px; top: 65%; left: 10%; animation-delay: -10s; border-color: rgba(40,130,150,.12); background: rgba(40,130,150,.03); }
.float-hex-4 { width: 42px; height: 42px; top: 78%; right: 12%; animation-delay: -15s; border-color: rgba(201,150,58,.10); }
.float-hex-5 { width: 22px; height: 22px; top: 45%; left: 85%; animation-delay: -8s; border-color: rgba(184,137,94,.15); background: rgba(184,137,94,.03); }
@keyframes float-hex {
  0%, 100% { transform: translateY(0) rotate(0deg); opacity: .5; }
  25% { transform: translateY(-25px) rotate(90deg); opacity: .8; }
  50% { transform: translateY(-10px) rotate(180deg); opacity: .4; }
  75% { transform: translateY(-30px) rotate(270deg); opacity: .7; }
}

/* --- 5. 数据粒子上升动画 --- */
.data-particles {
  position: fixed; top: 0; left: 0; width: 100%; height: 100%;
  pointer-events: none; z-index: 0; overflow: hidden;
}
.particle {
  position: absolute;
  width: 3px; height: 3px;
  border-radius: 50%;
  background: var(--gold);
  opacity: 0;
  animation: rise-particle linear infinite;
}
.particle:nth-child(1) { left: 10%; animation-duration: 18s; animation-delay: 0s; }
.particle:nth-child(2) { left: 25%; animation-duration: 22s; animation-delay: -3s; background: var(--purple-mid); }
.particle:nth-child(3) { left: 40%; animation-duration: 20s; animation-delay: -7s; }
.particle:nth-child(4) { left: 55%; animation-duration: 25s; animation-delay: -12s; background: #288296; }
.particle:nth-child(5) { left: 70%; animation-duration: 19s; animation-delay: -5s; }
.particle:nth-child(6) { left: 85%; animation-duration: 23s; animation-delay: -15s; background: var(--purple-mid); }
.particle:nth-child(7) { left: 15%; animation-duration: 21s; animation-delay: -18s; background: #288296; }
.particle:nth-child(8) { left: 78%; animation-duration: 24s; animation-delay: -9s; }
@keyframes rise-particle {
  0% { bottom: -5%; opacity: 0; transform: translateX(0); }
  10% { opacity: .5; }
  50% { transform: translateX(20px); }
  90% { opacity: .3; }
  100% { bottom: 105%; opacity: 0; transform: translateX(-15px); }
}

/* --- 6. 渐变分隔带 --- */
.gradient-band {
  max-width: 100%;
  height: 3px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(201,150,58,.3) 20%,
    rgba(90,61,110,.25) 50%,
    rgba(201,150,58,.3) 80%,
    transparent 100%);
  margin: 0;
  position: relative; z-index: 1;
}
.gradient-band::before {
  content: '';
  display: block;
  height: 60px;
  background: linear-gradient(180deg, rgba(201,150,58,.03), transparent);
  margin-top: -60px;
}

/* --- 7. section-alt 增强渐变 --- */
.section-alt {
  background:
    linear-gradient(180deg,
      rgba(201,150,58,.04) 0%,
      rgba(250,243,232,.5) 30%,
      rgba(247,240,230,.3) 100%) !important;
  position: relative;
}
.section-alt::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(201,150,58,.2), transparent);
}

/* --- 8. Hero 增强 --- */
.hero {
  background:
    radial-gradient(ellipse 500px 300px at 50% 40%, rgba(201,150,58,.08), transparent),
    linear-gradient(180deg, var(--tea-50) 0%, rgba(247,240,230,.5) 100%);
  min-height: 420px;
}

/* --- 9. 卡片微光扫过效果 --- */
@keyframes shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}
.featured-poster::after {
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,.03) 50%,
    transparent 100%);
  background-size: 200% 100%;
  animation: shimmer 8s ease-in-out infinite;
}

/* --- 10. 情报卡片顶部彩色条 --- */
.intel-card {
  border-top: 3px solid transparent;
  border-image: linear-gradient(90deg, var(--gold), transparent 60%) 1;
}
.intel-card:nth-child(2) { border-image: linear-gradient(90deg, #3c64b4, transparent 60%) 1; }
.intel-card:nth-child(3) { border-image: linear-gradient(90deg, #a06e28, transparent 60%) 1; }
.intel-card:nth-child(4) { border-image: linear-gradient(90deg, #3c8c64, transparent 60%) 1; }

/* --- 11. Stats 卡片发光 --- */
.stat-card::before {
  height: 3px;
  background: linear-gradient(90deg, var(--gold), var(--gold-light), var(--gold));
  box-shadow: 0 0 8px rgba(201,150,58,.3);
}

/* --- 12. Footer 上方渐变过渡 --- */
.footer {
  position: relative;
}
.footer::before {
  content: '';
  position: absolute; top: -40px; left: 0; right: 0; height: 40px;
  background: linear-gradient(180deg, transparent, var(--tea-900));
  pointer-events: none;
}

/* --- 13. 移动端适配 --- */
@media (max-width: 640px) {
  .hero-globe { width: 500px; opacity: .35; }
  .float-hex { display: none; }
  .particle:nth-child(n+5) { display: none; }
  .bg-orb { filter: blur(60px); opacity: .3; }
  .bg-orb-4 { display: none; }
  body::before { background-size: 24px 24px, 48px 48px; }
}
@media (max-width: 900px) {
  .hero-globe { width: 560px; opacity: .4; }
}


/* ============================================================
   v20260816c — OFFICIAL WEBSITE LAYOUT
   全屏深色Hero · 1200px宽屏 · 全宽分块 · 官网级视觉
   ============================================================ */

/* --- 全局宽屏容器 --- */
.nav-inner,
.hero-inner,
.stats,
.section-inner,
.poster-divider,
.footer-inner,
.footer-bottom {
  max-width: 1200px;
}
.section {
  max-width: 100%;
  padding: 80px 0;
}
.section-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px;
}
.section-alt .section-inner {
  padding-left: 32px;
  padding-right: 32px;
}
.section-alt > * {
  max-width: 1200px;
}

/* --- 全屏深色 Hero --- */
.hero {
  position: relative;
  min-height: 600px;
  padding: 100px 32px 120px;
  background:
    radial-gradient(ellipse 800px 500px at 70% 40%, rgba(201,150,58,.15), transparent 60%),
    radial-gradient(ellipse 600px 400px at 20% 60%, rgba(90,61,110,.20), transparent 60%),
    linear-gradient(135deg, #1a0f08 0%, #2d1b0e 40%, #3d2b4f 100%);
  color: #fff;
  text-align: center;
  overflow: hidden;
}
.hero::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  background-image:
    linear-gradient(rgba(201,150,58,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(201,150,58,.04) 1px, transparent 1px);
  background-size: 50px 50px;
  pointer-events: none;
}
.hero::after { display: none; }
.hero-inner {
  position: relative; z-index: 2;
  max-width: 800px;
  margin: 0 auto;
}
.hero-badge {
  background: rgba(201,150,58,.15);
  border-color: rgba(201,150,58,.3);
  color: var(--gold-light);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.hero h1 {
  color: #fff;
  font-size: clamp(2.2rem, 5vw, 3.6rem);
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 20px;
  text-shadow: 0 2px 20px rgba(0,0,0,.3);
}
.hero h1 em {
  background: linear-gradient(135deg, var(--gold-light), var(--gold), #e8c9a3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.hero p {
  color: rgba(255,255,255,.75);
  font-size: 1.15rem;
  max-width: 600px;
  margin: 0 auto 32px;
  line-height: 1.8;
}
.hero-actions { justify-content: center; }

/* Hero 全球网络 SVG */
.hero-network {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 900px; max-width: 120vw;
  height: 900px;
  opacity: .35;
  pointer-events: none;
  z-index: 1;
}
.hero-network circle.net-ring { fill: none; stroke: rgba(201,150,58,.15); stroke-width: 1; }
.hero-network circle.net-dot { fill: var(--gold); filter: drop-shadow(0 0 6px rgba(201,150,58,.6)); }
.hero-network circle.net-dot-purple { fill: var(--purple-mid); filter: drop-shadow(0 0 6px rgba(90,61,110,.6)); }
.hero-network circle.net-dot-teal { fill: #3a9aab; filter: drop-shadow(0 0 6px rgba(58,154,171,.5)); }
.hero-network path.net-route { fill: none; stroke-width: 1.5; stroke-dasharray: 6 4; }
.hero-network path.route-1 { stroke: rgba(201,150,58,.4); }
.hero-network path.route-2 { stroke: rgba(90,61,110,.3); }
.hero-network path.route-3 { stroke: rgba(58,154,171,.25); }

/* Hero 底部渐变过渡 */
.hero-fade {
  position: absolute; bottom: 0; left: 0; right: 0;
  height: 80px;
  background: linear-gradient(180deg, transparent, var(--bg-warm));
  z-index: 2;
  pointer-events: none;
}

/* --- Stats 浮在 Hero 底部 --- */
.stats {
  max-width: 1000px;
  margin: -60px auto 0;
  padding: 0 32px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  position: relative; z-index: 10;
}
.stat-card {
  background: rgba(255,255,255,.95);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(201,150,58,.2);
  border-radius: 0;
  padding: 28px 20px;
  text-align: center;
  box-shadow: 0 8px 32px rgba(45,27,14,.12);
}
.stat-card:first-child { border-radius: var(--radius-lg) 0 0 var(--radius-lg); }
.stat-card:last-child { border-radius: 0 var(--radius-lg) var(--radius-lg) 0; }
.stat-card::before {
  height: 3px;
  background: linear-gradient(90deg, var(--gold), var(--gold-light));
  box-shadow: 0 0 10px rgba(201,150,58,.3);
}

/* --- Section 标题居中官网风 --- */
.section-label {
  justify-content: center;
  margin-bottom: 12px;
}
.section-title {
  font-size: 1.8rem;
  text-align: center;
  display: block;
  margin-bottom: 12px;
}
.section-title::after {
  left: 50%;
  transform: translateX(-50%);
  width: 60px; height: 3px;
}
.section-sub {
  text-align: center;
  max-width: 600px;
  margin: 0 auto 48px;
  font-size: 1.05rem;
}

/* --- 情报卡片区域 --- */
#latest .section-inner { max-width: 960px; }

/* --- 智能体卡片网格加宽 --- */
.agents-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* --- 工作流横向 --- */
.workflow {
  grid-template-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
}

/* --- Nav 深色首页适配 --- */
.nav {
  background: rgba(26,15,8,.85);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(201,150,58,.15);
}
.nav-logo { color: #fff; }
.nav-logo span { color: var(--gold-light); }
.nav-links a { color: rgba(255,255,255,.7); }
.nav-links a:hover { color: var(--gold-light); }
.nav-links a.active { color: var(--gold-light); }

/* --- poster-divider 加宽 --- */
.poster-divider { max-width: 1200px; padding: 0 32px; }

/* --- CTA 全宽 --- */
#cta .section-inner { max-width: 100%; padding: 0; }
.cta-box {
  max-width: 900px;
  margin: 0 auto;
  border-radius: var(--radius-lg);
}

/* --- 响应式 --- */
@media (max-width: 900px) {
  .agents-grid { grid-template-columns: repeat(2, 1fr); }
  .stats { grid-template-columns: repeat(2, 1fr); }
  .stat-card { border-radius: var(--radius-lg) !important; margin-bottom: 12px; }
  .hero-network { width: 600px; height: 600px; }
}
@media (max-width: 640px) {
  .agents-grid { grid-template-columns: 1fr; }
  .stats { grid-template-columns: 1fr 1fr; gap: 10px; }
  .stat-card { border-radius: var(--radius) !important; padding: 18px 12px; }
  .hero { padding: 70px 20px 100px; min-height: auto; }
  .hero-network { width: 400px; height: 400px; opacity: .25; }
  .section { padding: 50px 0; }
  .section-inner { padding: 0 20px; }
  .section-alt .section-inner { padding: 0 20px; }
}

/* ============================================================
   v20260816d — DARK TECH THEME OVERHAUL
   深蓝紫科技底色 · 高亮网络动效 · 全页深色层次 · 去米黄陈旧感
   ============================================================ */

/* --- 1. 全局底色改为深蓝紫科技渐变 --- */
:root {
  --bg-deep: #0a0e1a;
  --bg-section: #0f1525;
  --bg-card: rgba(20, 28, 48, 0.7);
  --bg-card-hover: rgba(30, 40, 65, 0.85);
  --border-tech: rgba(100, 140, 220, 0.15);
  --border-gold: rgba(201, 150, 58, 0.3);
  --text-bright: #e8ecf4;
  --text-dim: rgba(200, 210, 230, 0.65);
  --text-heading: #f0f2f8;
  --accent-cyan: #4fc3f7;
  --accent-blue: #5c7cfa;
  --accent-gold: #e0b85c;
  --accent-purple: #9775fa;
}

body {
  background:
    radial-gradient(ellipse 1000px 700px at 20% 0%, rgba(60, 80, 140, .12), transparent 60%),
    radial-gradient(ellipse 800px 600px at 80% 20%, rgba(90, 61, 110, .10), transparent 60%),
    radial-gradient(ellipse 900px 700px at 50% 80%, rgba(40, 100, 140, .08), transparent 60%),
    linear-gradient(180deg, #0a0e1a 0%, #0d1220 50%, #0a0e1a 100%) !important;
  background-attachment: fixed !important;
  color: var(--text-bright) !important;
}
body::before {
  background-image:
    radial-gradient(circle, rgba(100,140,220,.08) 1px, transparent 1px),
    radial-gradient(circle, rgba(201,150,58,.05) 1px, transparent 1px) !important;
  background-size: 28px 28px, 56px 56px !important;
  opacity: .7;
}

/* --- 2. Hero 加深加蓝，网络SVG大幅增亮 --- */
.hero {
  background:
    radial-gradient(ellipse 700px 500px at 30% 30%, rgba(60, 100, 200, .20), transparent 60%),
    radial-gradient(ellipse 600px 400px at 70% 60%, rgba(120, 80, 180, .15), transparent 60%),
    radial-gradient(ellipse 500px 300px at 50% 50%, rgba(201,150,58,.08), transparent 60%),
    linear-gradient(135deg, #080c18 0%, #0f1528 40%, #141a30 70%, #1a1030 100%) !important;
  min-height: 620px;
}
.hero::before {
  background-image:
    linear-gradient(rgba(100,140,220,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(100,140,220,.06) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
}
.hero-network {
  opacity: .65 !important;
  width: 800px !important; height: 800px !important;
}
.hero-network circle.net-ring {
  stroke: rgba(100, 150, 240, .25) !important;
  stroke-width: 1.2 !important;
}
.hero-network circle.net-dot {
  fill: var(--accent-gold) !important;
  filter: drop-shadow(0 0 10px rgba(224,184,92,.8)) !important;
  r: 6 !important;
}
.hero-network circle.net-dot-purple {
  fill: var(--accent-purple) !important;
  filter: drop-shadow(0 0 8px rgba(151,117,250,.7)) !important;
}
.hero-network circle.net-dot-teal {
  fill: var(--accent-cyan) !important;
  filter: drop-shadow(0 0 8px rgba(79,195,247,.7)) !important;
}
.hero-network path.net-route {
  stroke-width: 2 !important;
  stroke-dasharray: 8 5 !important;
  animation: dash-flow 20s linear infinite !important;
}
.hero-network path.route-1 { stroke: rgba(224,184,92,.6) !important; }
.hero-network path.route-2 { stroke: rgba(151,117,250,.5) !important; }
.hero-network path.route-3 { stroke: rgba(79,195,247,.45) !important; }
@keyframes dash-flow {
  to { stroke-dashoffset: -200; }
}
/* Hero底部渐变到深色 */
.hero-fade {
  background: linear-gradient(180deg, transparent, #0a0e1a) !important;
  height: 100px !important;
}

/* --- 3. Stats卡片改深色玻璃 --- */
.stat-card {
  background: rgba(18, 24, 42, 0.85) !important;
  border: 1px solid var(--border-tech) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,.4) !important;
  color: var(--text-bright);
}
.stat-card .stat-icon { font-size: 1.6rem; }
.stat-card .stat-num {
  color: var(--accent-gold) !important;
  font-size: 2rem !important;
  font-weight: 800 !important;
  text-shadow: 0 0 20px rgba(224,184,92,.3);
}
.stat-card .stat-label {
  color: var(--text-dim) !important;
  font-size: .85rem !important;
}
.stat-card::before {
  background: linear-gradient(90deg, var(--accent-cyan), var(--accent-gold), var(--accent-purple)) !important;
  box-shadow: 0 0 15px rgba(79,195,247,.4) !important;
}

/* --- 4. Section统一深色风格 --- */
.section {
  background: transparent !important;
  color: var(--text-bright);
}
.section-alt {
  background:
    linear-gradient(180deg,
      rgba(15, 25, 50, .6) 0%,
      rgba(12, 20, 40, .4) 50%,
      rgba(15, 25, 50, .6) 100%) !important;
}
.section-alt::before {
  background: linear-gradient(90deg, transparent, rgba(79,195,247,.15), rgba(201,150,58,.15), transparent) !important;
}
.section-label {
  color: var(--accent-cyan) !important;
  letter-spacing: 3px !important;
  font-size: .8rem !important;
  font-weight: 700 !important;
  opacity: .9;
}
.section-title {
  color: var(--text-heading) !important;
  font-size: 2rem !important;
  font-weight: 800 !important;
}
.section-title::after {
  background: linear-gradient(90deg, var(--accent-cyan), var(--accent-gold)) !important;
  box-shadow: 0 0 10px rgba(79,195,247,.4) !important;
  width: 80px !important;
  height: 3px !important;
}
.section-sub {
  color: var(--text-dim) !important;
}

/* --- 5. featured-poster 头条海报深色 --- */
.featured-poster {
  background:
    radial-gradient(ellipse 600px 300px at 80% 20%, rgba(201,150,58,.10), transparent 60%),
    linear-gradient(135deg, #141a30 0%, #1a1535 50%, #1a1025 100%) !important;
  border: 1px solid var(--border-gold) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,.4), 0 0 60px rgba(201,150,58,.05) !important;
  color: var(--text-bright) !important;
  padding: 40px !important;
}
.featured-poster .fp-date { color: var(--accent-cyan) !important; }
.featured-poster .fp-label { color: var(--accent-gold) !important; }
.featured-poster .fp-tag {
  background: rgba(201,150,58,.15) !important;
  color: var(--accent-gold) !important;
  border: 1px solid rgba(201,150,58,.25) !important;
}
.featured-poster h3 {
  color: #fff !important;
  font-size: 1.5rem !important;
}
.featured-poster p { color: var(--text-dim) !important; }
.featured-poster .fp-impact {
  background: rgba(79,195,247,.06) !important;
  border-left: 3px solid var(--accent-cyan) !important;
  color: var(--text-bright) !important;
  padding: 16px 20px !important;
  border-radius: 0 8px 8px 0 !important;
}
.featured-poster .fp-impact strong { color: var(--accent-cyan) !important; }
.featured-poster .fp-link { color: var(--accent-gold) !important; }

/* --- 6. intel-card 情报卡片深色 --- */
.intel-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-tech) !important;
  border-top: 2px solid var(--accent-blue) !important;
  border-image: none !important;
  border-radius: var(--radius-lg) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  padding: 28px !important;
  transition: all .3s !important;
}
.intel-card:hover {
  background: var(--bg-card-hover) !important;
  border-color: rgba(100,140,220,.3) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.3) !important;
}
.intel-card h3 { color: var(--text-heading) !important; }
.intel-card p { color: var(--text-dim) !important; }
.intel-card .intel-impact {
  background: rgba(79,195,247,.05) !important;
  border-left: 2px solid var(--accent-cyan) !important;
  color: var(--text-dim) !important;
  padding: 12px 16px !important;
  border-radius: 0 6px 6px 0 !important;
  font-size: .9rem !important;
}
.intel-card .intel-impact strong { color: var(--accent-cyan) !important; }
.intel-card .intel-tag {
  background: rgba(79,195,247,.1) !important;
  color: var(--accent-cyan) !important;
  border: 1px solid rgba(79,195,247,.2) !important;
  padding: 3px 12px !important;
  border-radius: 20px !important;
  font-size: .78rem !important;
}
.intel-card .intel-date { color: var(--text-dim) !important; font-size: .82rem !important; }
.intel-card .read-more { color: var(--accent-gold) !important; }

/* --- 7. agent-card 智能体卡片深色 --- */
.agent-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-tech) !important;
  border-radius: var(--radius-lg) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  padding: 28px !important;
  transition: all .3s !important;
  position: relative;
  overflow: hidden;
}
.agent-card::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--accent-cyan), var(--accent-purple), var(--accent-gold));
  opacity: .7;
}
.agent-card:hover {
  background: var(--bg-card-hover) !important;
  border-color: rgba(100,140,220,.3) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.3) !important;
}
.agent-card h3 { color: var(--text-heading) !important; }
.agent-card p { color: var(--text-dim) !important; }
.agent-card .agent-tags span {
  background: rgba(79,195,247,.08) !important;
  color: var(--accent-cyan) !important;
  border: 1px solid rgba(79,195,247,.15) !important;
}
.agent-card .agent-link { color: var(--accent-gold) !important; }
.agent-card .agent-icon {
  width: 56px !important; height: 56px !important;
  border-radius: 14px !important;
  font-size: 1.6rem !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
}

/* --- 8. workflow-step 工作流卡片深色 --- */
.workflow-step {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-tech) !important;
  border-radius: var(--radius-lg) !important;
  padding: 32px 24px !important;
  backdrop-filter: blur(12px) !important;
}
.workflow-step h3 { color: var(--text-heading) !important; }
.workflow-step p { color: var(--text-dim) !important; }
.workflow-step .step-num {
  color: var(--accent-cyan) !important;
  font-size: 2.2rem !important;
  font-weight: 800 !important;
  opacity: .4;
}
.workflow-step .step-icon { font-size: 2rem !important; }
.workflow-arrow { color: var(--accent-cyan) !important; opacity: .5; font-size: 1.4rem; }

/* --- 9. posture-card 运营姿态深色 --- */
.posture-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-tech) !important;
  border-radius: var(--radius-lg) !important;
  padding: 28px !important;
  backdrop-filter: blur(12px) !important;
}
.posture-card:hover {
  background: var(--bg-card-hover) !important;
  border-color: rgba(100,140,220,.3) !important;
  transform: translateY(-3px) !important;
}
.posture-card h3 { color: var(--text-heading) !important; }
.posture-card p { color: var(--text-dim) !important; }
.posture-card .posture-icon { font-size: 2rem !important; }

/* --- 10. audience-card 服务对象深色 --- */
.audience-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-tech) !important;
  border-radius: var(--radius-lg) !important;
  padding: 28px !important;
  backdrop-filter: blur(12px) !important;
}
.audience-card:hover {
  background: var(--bg-card-hover) !important;
  border-color: rgba(100,140,220,.3) !important;
  transform: translateY(-3px) !important;
}
.audience-card h3 { color: var(--text-heading) !important; }
.audience-card li { color: var(--text-dim) !important; }
.audience-card li::before { color: var(--accent-cyan) !important; }
.audience-card .audience-icon { font-size: 2rem !important; }

/* --- 11. status-item 状态项深色 --- */
.status-item {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-tech) !important;
  border-radius: var(--radius) !important;
  padding: 20px 24px !important;
  backdrop-filter: blur(12px) !important;
}
.status-item strong { color: var(--text-heading) !important; }
.status-item span { color: var(--text-dim) !important; }
.status-dot.status-online {
  background: #4caf50 !important;
  box-shadow: 0 0 10px rgba(76,175,80,.6) !important;
}

/* --- 12. FAQ深色 --- */
.faq-item {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-tech) !important;
  border-radius: var(--radius) !important;
  margin-bottom: 12px !important;
  backdrop-filter: blur(12px) !important;
}
.faq-item summary { color: var(--text-heading) !important; }
.faq-answer { color: var(--text-dim) !important; }
.faq-answer strong { color: var(--text-bright) !important; }
.faq-answer a { color: var(--accent-cyan) !important; }

/* --- 13. CTA深色渐变 --- */
.cta-box {
  background:
    radial-gradient(ellipse 500px 200px at 50% 0%, rgba(79,195,247,.1), transparent 70%),
    linear-gradient(135deg, #141a30 0%, #1a1535 50%, #1a1030 100%) !important;
  border: 1px solid var(--border-gold) !important;
  border-radius: var(--radius-lg) !important;
  padding: 60px 40px !important;
  box-shadow: 0 8px 40px rgba(0,0,0,.4) !important;
}
.cta-box h2 { color: #fff !important; }
.cta-box p { color: var(--text-dim) !important; }
.cta-box .btn-primary {
  background: linear-gradient(135deg, var(--accent-blue), var(--accent-purple)) !important;
  box-shadow: 0 4px 20px rgba(92,124,250,.4) !important;
}
.cta-box .btn-outline {
  border-color: rgba(255,255,255,.3) !important;
  color: var(--text-bright) !important;
}

/* --- 14. poster-divider 分隔带 --- */
.poster-divider {
  color: var(--accent-cyan) !important;
  opacity: .5;
  letter-spacing: 4px !important;
  font-size: .75rem !important;
}
.poster-divider span::before,
.poster-divider span::after {
  background: linear-gradient(90deg, transparent, rgba(79,195,247,.3), transparent) !important;
}

/* --- 15. Footer 深色 --- */
.footer {
  background: #060a14 !important;
  border-top: 1px solid var(--border-tech) !important;
}
.footer::before {
  background: linear-gradient(180deg, transparent, #060a14) !important;
}
.footer h4 { color: var(--accent-gold) !important; }
.footer a { color: var(--text-dim) !important; }
.footer a:hover { color: var(--accent-cyan) !important; }
.footer-bottom {
  color: rgba(200,210,230,.4) !important;
  border-top: 1px solid var(--border-tech) !important;
}

/* --- 16. 浮动六边形加亮 --- */
.float-hex {
  border-width: 2px !important;
  opacity: .6 !important;
}
.float-hex-1 { border-color: rgba(79,195,247,.25) !important; background: rgba(79,195,247,.04) !important; }
.float-hex-2 { border-color: rgba(151,117,250,.20) !important; background: rgba(151,117,250,.04) !important; }
.float-hex-3 { border-color: rgba(224,184,92,.20) !important; background: rgba(224,184,92,.04) !important; }
.float-hex-4 { border-color: rgba(79,195,247,.15) !important; }
.float-hex-5 { border-color: rgba(151,117,250,.18) !important; background: rgba(151,117,250,.03) !important; }

/* --- 17. 粒子加亮加速 --- */
.particle {
  width: 4px !important; height: 4px !important;
}
.particle:nth-child(odd) { background: var(--accent-cyan) !important; box-shadow: 0 0 6px rgba(79,195,247,.6); }
.particle:nth-child(even) { background: var(--accent-gold) !important; box-shadow: 0 0 6px rgba(224,184,92,.5); }

/* --- 18. bg-orb 光晕改色 --- */
.bg-orb-1 { background: radial-gradient(circle, rgba(60,100,200,.20), transparent 70%) !important; }
.bg-orb-2 { background: radial-gradient(circle, rgba(120,80,180,.15), transparent 70%) !important; }
.bg-orb-3 { background: radial-gradient(circle, rgba(40,120,160,.15), transparent 70%) !important; }
.bg-orb-4 { background: radial-gradient(circle, rgba(79,195,247,.10), transparent 70%) !important; }

/* --- 19. Hero 按钮增强 --- */
.hero .btn-primary {
  background: linear-gradient(135deg, #3b5bdb, #5c7cfa) !important;
  box-shadow: 0 4px 24px rgba(92,124,250,.5) !important;
  border: 1px solid rgba(120,150,255,.3) !important;
}
.hero .btn-primary:hover {
  box-shadow: 0 6px 32px rgba(92,124,250,.6) !important;
  transform: translateY(-2px);
}
.hero .btn-outline {
  border-color: rgba(255,255,255,.3) !important;
  color: rgba(255,255,255,.85) !important;
  background: rgba(255,255,255,.05);
}
.hero .btn-outline:hover {
  border-color: var(--accent-cyan) !important;
  color: var(--accent-cyan) !important;
  background: rgba(79,195,247,.08);
}

/* --- 20. Hero badge --- */
.hero-badge {
  background: rgba(79,195,247,.1) !important;
  border-color: rgba(79,195,247,.25) !important;
  color: var(--accent-cyan) !important;
}

/* --- 21. Nav 链接hover --- */
.nav-links a:hover { color: var(--accent-cyan) !important; }
.nav-links a.active { color: var(--accent-gold) !important; }
.nav-cta {
  background: linear-gradient(135deg, #3b5bdb, #5c7cfa) !important;
}

/* --- 22. live-badge --- */
.live-badge {
  background: rgba(76,175,80,.12) !important;
  color: #66bb6a !important;
  border: 1px solid rgba(76,175,80,.25) !important;
  padding: 4px 14px !important;
  border-radius: 20px !important;
  font-size: .85rem !important;
}

/* --- 23. 全局链接颜色 --- */
a { color: var(--accent-cyan) !important; }
a:hover { color: var(--accent-gold) !important; }

/* --- 24. 响应式补充 --- */
@media (max-width: 900px) {
  .hero-network { width: 500px !important; height: 500px !important; opacity: .45 !important; }
  .featured-poster { padding: 28px 20px !important; }
}
@media (max-width: 640px) {
  .hero-network { width: 350px !important; height: 350px !important; opacity: .3 !important; }
  .hero { min-height: auto !important; padding: 60px 16px 80px !important; }
  .stat-card { background: rgba(18,24,42,.9) !important; }
  .float-hex { display: none; }
}

/* ============================================================
   v20260816e — VIBRANT TECH OVERHAUL
   鲜亮蓝紫科技风 · 去掉人头黑影 · 强视觉冲击 · 更多科技动效
   ============================================================ */

/* --- 1. 全局鲜亮科技底色 --- */
body {
  background:
    radial-gradient(ellipse 1200px 800px at 50% -10%, rgba(56, 110, 220, .18), transparent 60%),
    radial-gradient(ellipse 800px 600px at 85% 30%, rgba(120, 60, 200, .12), transparent 60%),
    radial-gradient(ellipse 900px 700px at 10% 70%, rgba(0, 180, 220, .08), transparent 60%),
    linear-gradient(180deg, #060d1f 0%, #0a1228 40%, #0c1530 70%, #080e20 100%) !important;
}
body::before {
  background-image:
    linear-gradient(rgba(80,140,255,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(80,140,255,.07) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
  opacity: .5;
}

/* --- 2. 去掉bg-orb人头黑影，改成角落光带 --- */
.bg-decor { overflow: hidden; }
.bg-orb-1 {
  width: 700px !important; height: 700px !important;
  top: -200px !important; left: -150px !important; right: auto !important;
  background: radial-gradient(circle, rgba(40,100,220,.25), rgba(40,100,220,.05) 40%, transparent 65%) !important;
  filter: blur(80px) !important;
  opacity: .7 !important;
}
.bg-orb-2 {
  width: 600px !important; height: 600px !important;
  top: 20% !important; right: -200px !important; left: auto !important;
  background: radial-gradient(circle, rgba(130,60,220,.20), rgba(130,60,220,.04) 40%, transparent 65%) !important;
  filter: blur(80px) !important;
  opacity: .6 !important;
}
.bg-orb-3 {
  width: 500px !important; height: 500px !important;
  bottom: -100px !important; left: 30% !important; right: auto !important;
  top: auto !important;
  background: radial-gradient(circle, rgba(0,180,220,.12), transparent 60%) !important;
  filter: blur(70px) !important;
  opacity: .5 !important;
}
.bg-orb-4 { display: none !important; }

/* --- 3. Hero 鲜亮渐变，去掉中间黑影 --- */
.hero {
  background:
    radial-gradient(ellipse 900px 500px at 50% 30%, rgba(60,120,255,.22), transparent 65%),
    radial-gradient(ellipse 600px 400px at 20% 80%, rgba(0,180,220,.12), transparent 60%),
    radial-gradient(ellipse 500px 300px at 80% 70%, rgba(140,70,230,.15), transparent 60%),
    linear-gradient(160deg, #070e22 0%, #0c1838 35%, #0f1a40 55%, #120f35 80%, #0a0a20 100%) !important;
  min-height: 640px !important;
}
.hero::before {
  background-image:
    linear-gradient(rgba(100,160,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(100,160,255,.08) 1px, transparent 1px) !important;
  background-size: 45px 45px !important;
  opacity: .6;
}
/* Hero 扫描线动画 */
.hero::after {
  display: block !important;
  content: '';
  position: absolute; top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(100,180,255,.6), transparent);
  animation: scan-line 6s ease-in-out infinite;
  z-index: 1;
  pointer-events: none;
}
@keyframes scan-line {
  0% { top: 0; opacity: 0; }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { top: 100%; opacity: 0; }
}

/* --- 4. Hero网络SVG重新设计：去同心圆环，改成数据流网络 --- */
.hero-network {
  opacity: .55 !important;
  width: 850px !important; height: 850px !important;
}
/* 隐去同心圆环（那是造成"人头"的元凶） */
.hero-network circle.net-ring { display: none !important; }
/* 椭圆弧线改成细亮线 */
.hero-network ellipse.net-ring {
  fill: none !important;
  stroke: rgba(100,160,255,.12) !important;
  stroke-width: 1 !important;
}
/* 贸易路线改成亮青蓝色带流动 */
.hero-network path.net-route {
  fill: none !important;
  stroke-width: 1.8 !important;
  stroke-dasharray: 6 4 !important;
}
.hero-network path.route-1 { stroke: rgba(80,180,255,.65) !important; filter: drop-shadow(0 0 4px rgba(80,180,255,.5)); }
.hero-network path.route-2 { stroke: rgba(160,100,255,.55) !important; filter: drop-shadow(0 0 4px rgba(160,100,255,.4)); }
.hero-network path.route-3 { stroke: rgba(0,220,200,.45) !important; filter: drop-shadow(0 0 4px rgba(0,220,200,.4)); }
/* 节点加大加亮 */
.hero-network circle.net-dot {
  r: 5 !important;
  fill: #5cb8ff !important;
  filter: drop-shadow(0 0 8px rgba(92,184,255,.8)) !important;
}
.hero-network circle.net-dot-purple {
  fill: #b388ff !important;
  filter: drop-shadow(0 0 8px rgba(179,136,255,.7)) !important;
}
.hero-network circle.net-dot-teal {
  fill: #40e0d0 !important;
  filter: drop-shadow(0 0 8px rgba(64,224,208,.7)) !important;
}

/* --- 5. Hero标题鲜亮 --- */
.hero h1 {
  color: #fff !important;
  font-size: clamp(2.4rem, 5.5vw, 4rem) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 40px rgba(80,140,255,.3), 0 2px 10px rgba(0,0,0,.5) !important;
  letter-spacing: 2px;
}
.hero h1 em {
  background: linear-gradient(135deg, #5cb8ff 0%, #b388ff 50%, #40e0d0 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  filter: drop-shadow(0 0 20px rgba(92,184,255,.4));
}
.hero p {
  color: rgba(220,230,250,.82) !important;
  font-size: 1.15rem !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.3);
}
.hero-badge {
  background: rgba(80,160,255,.12) !important;
  border: 1px solid rgba(80,160,255,.3) !important;
  color: #7ecbff !important;
  padding: 8px 22px !important;
  border-radius: 30px !important;
  font-size: .88rem !important;
  letter-spacing: 1px;
  box-shadow: 0 0 20px rgba(80,160,255,.15);
}

/* --- 6. Hero按钮鲜亮 --- */
.hero .btn-primary {
  background: linear-gradient(135deg, #2979ff 0%, #651fff 100%) !important;
  border: 1px solid rgba(120,170,255,.4) !important;
  box-shadow: 0 4px 24px rgba(41,121,255,.5), inset 0 1px 0 rgba(255,255,255,.15) !important;
  padding: 14px 32px !important;
  font-size: 1rem !important;
}
.hero .btn-primary:hover {
  box-shadow: 0 6px 32px rgba(41,121,255,.65), inset 0 1px 0 rgba(255,255,255,.2) !important;
  transform: translateY(-2px);
}
.hero .btn-outline {
  border: 1.5px solid rgba(120,180,255,.4) !important;
  color: #a0c8ff !important;
  background: rgba(80,140,255,.06) !important;
  padding: 14px 32px !important;
}
.hero .btn-outline:hover {
  border-color: #5cb8ff !important;
  color: #5cb8ff !important;
  background: rgba(80,160,255,.12) !important;
  box-shadow: 0 0 20px rgba(80,160,255,.2);
}

/* --- 7. Hero底部渐变 --- */
.hero-fade {
  height: 120px !important;
  background: linear-gradient(180deg, transparent 0%, rgba(8,14,32,.5) 40%, #060d1f 100%) !important;
}

/* --- 8. Stats卡片提亮 --- */
.stat-card {
  background: linear-gradient(180deg, rgba(22,32,58,.9) 0%, rgba(14,22,44,.92) 100%) !important;
  border: 1px solid rgba(80,140,255,.2) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.5), 0 0 40px rgba(40,100,200,.08) !important;
  padding: 32px 20px !important;
}
.stat-card::before {
  background: linear-gradient(90deg, #2979ff, #00bcd4, #b388ff) !important;
  height: 3px !important;
  box-shadow: 0 0 12px rgba(41,121,255,.5) !important;
}
.stat-card .stat-num {
  background: linear-gradient(135deg, #5cb8ff, #b388ff) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  font-size: 2.2rem !important;
  font-weight: 900 !important;
}
.stat-card .stat-label { color: rgba(180,200,230,.7) !important; }
.stat-card .stat-icon { filter: drop-shadow(0 0 8px rgba(80,160,255,.4)); }

/* --- 9. Section标题鲜亮 --- */
.section-label {
  color: #5cb8ff !important;
  text-shadow: 0 0 12px rgba(92,184,255,.3);
  letter-spacing: 4px !important;
}
.section-title {
  color: #f0f4ff !important;
  font-size: 2.2rem !important;
  text-shadow: 0 2px 20px rgba(80,140,255,.15);
}
.section-title::after {
  background: linear-gradient(90deg, #2979ff, #00bcd4, #b388ff) !important;
  width: 80px !important; height: 3px !important;
  box-shadow: 0 0 10px rgba(41,121,255,.5) !important;
}
.section-sub { color: rgba(180,200,230,.65) !important; }

/* --- 10. featured-poster 鲜亮 --- */
.featured-poster {
  background:
    radial-gradient(ellipse 500px 250px at 85% 15%, rgba(41,121,255,.12), transparent 60%),
    radial-gradient(ellipse 400px 200px at 10% 80%, rgba(101,31,255,.10), transparent 60%),
    linear-gradient(135deg, rgba(16,26,52,.95) 0%, rgba(20,18,50,.95) 50%, rgba(22,14,42,.95) 100%) !important;
  border: 1px solid rgba(80,140,255,.25) !important;
  box-shadow: 0 12px 48px rgba(0,0,0,.5), 0 0 60px rgba(41,121,255,.08) !important;
}
.featured-poster h3 { color: #fff !important; text-shadow: 0 2px 12px rgba(0,0,0,.3); }
.featured-poster p { color: rgba(200,215,240,.75) !important; }
.featured-poster .fp-date { color: #5cb8ff !important; font-weight: 600; }
.featured-poster .fp-label { color: #ffb74d !important; text-shadow: 0 0 8px rgba(255,183,77,.3); }
.featured-poster .fp-tag {
  background: rgba(41,121,255,.15) !important;
  color: #7ecbff !important;
  border: 1px solid rgba(80,160,255,.25) !important;
}
.featured-poster .fp-impact {
  background: rgba(0,188,212,.06) !important;
  border-left: 3px solid #00bcd4 !important;
  color: rgba(200,220,240,.85) !important;
}
.featured-poster .fp-impact strong { color: #4dd0e1 !important; }

/* --- 11. intel-card 鲜亮玻璃 --- */
.intel-card {
  background: linear-gradient(180deg, rgba(18,28,52,.75) 0%, rgba(12,20,40,.8) 100%) !important;
  border: 1px solid rgba(80,140,255,.15) !important;
  border-top: 2px solid #2979ff !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.3) !important;
}
.intel-card:hover {
  border-color: rgba(80,160,255,.4) !important;
  box-shadow: 0 8px 36px rgba(0,0,0,.4), 0 0 30px rgba(41,121,255,.1) !important;
}
.intel-card h3 { color: #e8eeff !important; }
.intel-card .intel-tag {
  background: rgba(41,121,255,.12) !important;
  color: #7ecbff !important;
  border: 1px solid rgba(80,160,255,.2) !important;
}

/* --- 12. agent-card 鲜亮 --- */
.agent-card {
  background: linear-gradient(180deg, rgba(18,28,52,.75) 0%, rgba(12,20,40,.8) 100%) !important;
  border: 1px solid rgba(80,140,255,.15) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.3) !important;
}
.agent-card::before {
  background: linear-gradient(90deg, #2979ff, #00bcd4, #b388ff) !important;
  height: 3px !important;
  box-shadow: 0 0 8px rgba(41,121,255,.4);
}
.agent-card:hover {
  border-color: rgba(80,160,255,.35) !important;
  box-shadow: 0 8px 36px rgba(0,0,0,.4), 0 0 30px rgba(41,121,255,.1) !important;
}
.agent-card h3 { color: #e8eeff !important; }
.agent-card .agent-tags span {
  background: rgba(41,121,255,.1) !important;
  color: #7ecbff !important;
  border: 1px solid rgba(80,160,255,.15) !important;
}
.agent-card .agent-link { color: #5cb8ff !important; }

/* --- 13. workflow-step 鲜亮 --- */
.workflow-step {
  background: linear-gradient(180deg, rgba(18,28,52,.7), rgba(12,20,40,.75)) !important;
  border: 1px solid rgba(80,140,255,.15) !important;
}
.workflow-step .step-num {
  background: linear-gradient(135deg, #2979ff, #b388ff) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  opacity: .8 !important;
}
.workflow-step h3 { color: #e8eeff !important; }

/* --- 14. posture/audience/status卡片统一 --- */
.posture-card, .audience-card, .status-item, .faq-item {
  background: linear-gradient(180deg, rgba(18,28,52,.7), rgba(12,20,40,.75)) !important;
  border: 1px solid rgba(80,140,255,.15) !important;
}
.posture-card:hover, .audience-card:hover {
  border-color: rgba(80,160,255,.35) !important;
  box-shadow: 0 8px 36px rgba(0,0,0,.4), 0 0 25px rgba(41,121,255,.08) !important;
}
.posture-card h3, .audience-card h3, .status-item strong, .faq-item summary { color: #e8eeff !important; }
.audience-card li::before { color: #5cb8ff !important; }

/* --- 15. section-alt 鲜亮 --- */
.section-alt {
  background:
    radial-gradient(ellipse 800px 400px at 50% 0%, rgba(41,121,255,.06), transparent 60%),
    linear-gradient(180deg, rgba(10,18,40,.5) 0%, rgba(8,14,32,.6) 100%) !important;
}

/* --- 16. CTA鲜亮 --- */
.cta-box {
  background:
    radial-gradient(ellipse 600px 300px at 50% 0%, rgba(41,121,255,.18), transparent 65%),
    radial-gradient(ellipse 400px 200px at 80% 100%, rgba(101,31,255,.12), transparent 60%),
    linear-gradient(135deg, rgba(16,26,52,.95) 0%, rgba(20,18,50,.95) 100%) !important;
  border: 1px solid rgba(80,140,255,.25) !important;
  box-shadow: 0 8px 48px rgba(0,0,0,.5), 0 0 80px rgba(41,121,255,.1) !important;
}
.cta-box .btn-primary {
  background: linear-gradient(135deg, #2979ff, #651fff) !important;
  box-shadow: 0 4px 24px rgba(41,121,255,.5) !important;
}

/* --- 17. Footer --- */
.footer {
  background: #040810 !important;
  border-top: 1px solid rgba(80,140,255,.1) !important;
}

/* --- 18. 六边形加亮加动感 --- */
.float-hex {
  border-width: 2px !important;
  opacity: .5 !important;
}
.float-hex-1 {
  width: 60px !important; height: 60px !important;
  border-color: rgba(80,180,255,.3) !important;
  background: rgba(80,180,255,.04) !important;
  top: 20% !important; left: 5% !important;
}
.float-hex-2 {
  width: 40px !important; height: 40px !important;
  border-color: rgba(179,136,255,.25) !important;
  background: rgba(179,136,255,.04) !important;
  top: 40% !important; right: 6% !important;
}
.float-hex-3 {
  width: 32px !important; height: 32px !important;
  border-color: rgba(0,220,200,.25) !important;
  background: rgba(0,220,200,.04) !important;
  top: 70% !important; left: 8% !important;
}
.float-hex-4 {
  width: 50px !important; height: 50px !important;
  border-color: rgba(80,180,255,.2) !important;
  top: 80% !important; right: 10% !important;
}
.float-hex-5 { display: none !important; }

/* --- 19. 粒子加亮 --- */
.particle {
  width: 4px !important; height: 4px !important;
}
.particle:nth-child(odd) {
  background: #5cb8ff !important;
  box-shadow: 0 0 8px rgba(92,184,255,.7), 0 0 16px rgba(92,184,255,.3);
}
.particle:nth-child(even) {
  background: #b388ff !important;
  box-shadow: 0 0 8px rgba(179,136,255,.6), 0 0 16px rgba(179,136,255,.3);
}

/* --- 20. Nav加亮 --- */
.nav {
  background: rgba(6,12,30,.85) !important;
  border-bottom: 1px solid rgba(80,140,255,.15) !important;
  backdrop-filter: blur(20px) !important;
}
.nav-logo { color: #fff !important; }
.nav-logo span { color: #5cb8ff !important; }
.nav-links a { color: rgba(180,200,230,.75) !important; }
.nav-links a:hover { color: #5cb8ff !important; }
.nav-links a.active { color: #7ecbff !important; }
.nav-cta {
  background: linear-gradient(135deg, #2979ff, #651fff) !important;
  box-shadow: 0 2px 12px rgba(41,121,255,.4) !important;
}

/* --- 21. poster-divider --- */
.poster-divider { color: rgba(92,184,255,.5) !important; }
.poster-divider span::before,
.poster-divider span::after {
  background: linear-gradient(90deg, transparent, rgba(80,160,255,.3), transparent) !important;
}

/* --- 22. live-badge --- */
.live-badge {
  background: rgba(76,175,80,.15) !important;
  color: #69f0ae !important;
  border: 1px solid rgba(76,175,80,.3) !important;
  box-shadow: 0 0 12px rgba(76,175,80,.15);
}

/* --- 23. 全局链接 --- */
a { color: #5cb8ff !important; }
a:hover { color: #82b1ff !important; }

/* --- 24. 响应式 --- */
@media (max-width: 900px) {
  .hero { min-height: 560px !important; }
  .hero-network { width: 550px !important; height: 550px !important; opacity: .4 !important; }
  .float-hex { display: none; }
}
@media (max-width: 640px) {
  .hero { min-height: 500px !important; padding: 60px 16px 90px !important; }
  .hero-network { width: 360px !important; height: 360px !important; opacity: .3 !important; }
  .hero h1 { font-size: 2rem !important; }
  .stat-card { padding: 20px 12px !important; }
}

/* v20260816e-fix: net-grid style for new ellipse arcs */
.hero-network ellipse.net-grid {
  fill: none;
  stroke: rgba(100,170,255,.10);
  stroke-width: 1;
}