/* home.css - 首页 */
.hero{position:relative;min-height:560px;display:flex;align-items:center;color:#fff;background:linear-gradient(135deg,#0a1628 0%,#0d2d5a 55%,#0d6efd 100%);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 30%,rgba(0,169,157,.25),transparent 50%),radial-gradient(ellipse at 20% 80%,rgba(13,110,253,.4),transparent 60%)}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;padding:72px 0}
.hero-badge{display:inline-block;padding:6px 14px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:99px;font-size:var(--font-tiny);color:#fff;backdrop-filter:blur(8px);margin-bottom:18px}
.hero-title{font-size:var(--font-hero);font-weight:800;line-height:1.25;margin-bottom:18px}
.hero-title .highlight{background:linear-gradient(90deg,#7dd3fc,#22d3ee);-webkit-background-clip:text;color:transparent}
.hero-desc{font-size:var(--font-title);color:#cbd5e1;line-height:1.8;margin-bottom:26px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.hero-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:18px;backdrop-filter:blur(10px)}
.hero-card .num{font-size:24px;font-weight:800;color:#7dd3fc;line-height:1}
.hero-card .lbl{font-size:var(--font-tiny);color:#cbd5e1;margin-top:6px}
.hero-card.full{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}
.hero-card.full span{font-size:var(--font-tiny);background:rgba(255,255,255,.15);padding:4px 10px;border-radius:99px}

.toc-section{padding:56px 0;background:var(--light)}
.toc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.toc-card{background:#fff;border-radius:var(--radius);padding:28px 24px;border:1px solid var(--gray-100);transition:.25s;display:block}
.toc-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-soft)}
.toc-num{display:inline-block;font-size:var(--font-tiny);color:var(--primary);background:var(--primary-soft);padding:3px 10px;border-radius:99px;font-weight:700;margin-bottom:10px}
.toc-title{font-size:var(--font-h3);color:var(--dark);font-weight:700;margin-bottom:6px}
.toc-desc{font-size:var(--font-base);color:var(--gray-500);line-height:1.7}
.toc-arrow{margin-top:14px;color:var(--primary);font-weight:600;font-size:var(--font-base)}

.pain-section{padding:64px 0;background:#fff}
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.pain-card{padding:24px;border:1px solid var(--gray-300);border-radius:var(--radius);position:relative;transition:.25s}
.pain-card::before{content:attr(data-no);position:absolute;top:-12px;right:18px;background:var(--warn);color:#fff;font-size:var(--font-tiny);padding:2px 10px;border-radius:99px;font-weight:700}
.pain-card:hover{border-color:var(--warn);transform:translateY(-3px)}
.pain-card h4{font-size:var(--font-title);color:var(--dark);margin-bottom:8px}
.pain-card p{font-size:var(--font-base);color:var(--gray-700);line-height:1.7}

.highlight-strip{padding:48px 0;background:linear-gradient(135deg,#0a1628,#0d2d5a);color:#fff}
.highlight-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;text-align:center}
.highlight-grid .num{font-size:36px;font-weight:800;color:#7dd3fc}
.highlight-grid .lbl{font-size:var(--font-base);color:#cbd5e1;margin-top:6px}

.cta-section{padding:64px 0;background:linear-gradient(135deg,var(--primary),var(--primary-dark));text-align:center;color:#fff}
.cta-section h2{font-size:var(--font-h1);color:#fff;margin-bottom:10px}
.cta-section p{font-size:var(--font-title);color:rgba(255,255,255,.85);margin-bottom:24px}

@media(max-width:992px){
  .hero-inner{grid-template-columns:1fr;padding:56px 0}
  .hero-title{font-size:28px}
  .toc-grid,.pain-grid{grid-template-columns:repeat(2,1fr)}
  .highlight-grid{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media(max-width:600px){
  .toc-grid,.pain-grid,.hero-cards{grid-template-columns:1fr}
  .highlight-grid{grid-template-columns:1fr}
}