/* ============================================================
   首页专有样式
   ============================================================ */

/* ---------- Hero ---------- */
.hero-home{
  position:relative;overflow:hidden;padding:104px 0 88px;
  background:linear-gradient(180deg,#f7faff 0%,#eef2ff 52%,#ffffff 100%);
}
.hero-home::before{
  content:"";position:absolute;top:-260px;left:50%;transform:translateX(-50%);
  width:1100px;height:700px;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(81,75,253,.14),rgba(41,114,233,.06) 45%,transparent 70%);
}
.hero-home .container{position:relative;text-align:center;}
.hero-badge{
  display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid #e3e9f7;
  border-radius:99px;padding:8px 18px;font-size:13.5px;color:var(--text2);
  box-shadow:0 2px 12px rgba(41,114,233,.08);margin-bottom:28px;
}
.hero-badge b{color:var(--primary);font-weight:600;}
.hero-title{
  font-size:60px;font-weight:600;line-height:1.18;letter-spacing:-1.6px;
  color:var(--text4);margin-bottom:24px;
}
.hero-title .grad{
  background:linear-gradient(120deg,var(--indigo),var(--primary) 60%,#12b0e8);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-sub{font-size:17.5px;color:var(--text2);line-height:1.9;max-width:760px;margin:0 auto 36px;}
.hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:28px;}
.hero-tags{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.hero-tags .tag{background:#fff;border:1px solid #e3e9f7;color:var(--text2);}

/* 统计条 */
.hero-stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  max-width:900px;margin:64px auto 0;
  background:rgba(255,255,255,.75);backdrop-filter:blur(8px);
  border:1px solid #e3e9f7;border-radius:20px;overflow:hidden;
  box-shadow:0 8px 32px rgba(41,114,233,.08);
}
.hero-stats .st{padding:26px 20px;text-align:center;border-right:1px solid #eaf0fb;}
.hero-stats .st:last-child{border-right:none;}
.hero-stats .st .num{font-size:32px;font-weight:600;color:var(--text4);letter-spacing:-1px;}
.hero-stats .st .num small{font-size:16px;font-weight:500;color:var(--primary);margin-left:2px;}
.hero-stats .st .lbl{font-size:13px;color:var(--text3);margin-top:6px;}

/* ---------- 关于/公告条 ---------- */
.notice-bar{
  display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--border);
  border-radius:var(--radius);padding:14px 20px;margin-bottom:0;
}
.notice-bar .ic{width:30px;height:30px;border-radius:9px;background:var(--primary-bg);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
.notice-bar .txt{flex:1;font-size:14px;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.notice-bar .txt b{color:var(--text4);font-weight:500;}

/* ---------- 能力卡 ---------- */
.cap-card{
  background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:30px 28px;transition:all .2s;
}
.cap-card:hover{border-color:rgba(41,114,233,.4);box-shadow:0 12px 34px rgba(41,114,233,.09);transform:translateY(-4px);}
.cap-card .ic{
  width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  font-size:23px;margin-bottom:20px;
  background:linear-gradient(135deg,var(--indigo-bg),var(--primary-bg));color:var(--primary);
}
.cap-card h3{font-size:17px;font-weight:600;color:var(--text4);margin-bottom:10px;letter-spacing:-.2px;}
.cap-card p{font-size:13.5px;color:var(--text3);line-height:1.85;}

/* ---------- 模型展示 ---------- */
.model-show{
  background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;
  transition:all .18s;cursor:pointer;position:relative;
}
.model-show:hover{border-color:var(--primary);box-shadow:0 10px 30px rgba(41,114,233,.11);transform:translateY(-3px);}
.model-show .top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px;}
.model-show .nm{font-size:17px;font-weight:600;color:var(--text4);letter-spacing:-.2px;}
.model-show .vd{font-size:12.5px;color:var(--text3);margin-top:4px;}
.model-show .ds{font-size:13.5px;color:var(--text3);line-height:1.75;margin-bottom:14px;min-height:44px;}
.model-show .pr{font-size:13.5px;color:var(--text2);}
.model-show .pr b{color:var(--text4);}
.model-show .mid{
  margin-top:14px;background:var(--panel3);border:1px solid var(--border2);border-radius:9px;
  padding:8px 12px;font-family:Consolas,monospace;font-size:12px;color:#2549a8;
  display:flex;justify-content:space-between;align-items:center;gap:8px;
}
.model-show .mid .cp{color:var(--text3);display:inline-flex;align-items:center;gap:4px;font-size:12px;}
.model-show .mid .cp:hover{color:var(--primary);}

/* ---------- 接入方式 ---------- */
.int-card{
  display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--border);
  border-radius:var(--radius);padding:22px;transition:all .18s;cursor:pointer;
}
.int-card:hover{border-color:var(--primary);background:linear-gradient(160deg,#fbfdff,#f6f9ff);box-shadow:0 8px 24px rgba(41,114,233,.08);}
.int-card .ic{
  width:42px;height:42px;border-radius:12px;flex-shrink:0;
  background:var(--primary-bg);color:var(--primary);
  display:flex;align-items:center;justify-content:center;font-size:20px;
}
.int-card h4{font-size:15.5px;font-weight:600;color:var(--text4);margin-bottom:6px;}
.int-card p{font-size:13px;color:var(--text3);line-height:1.7;}

/* ---------- 步骤 ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:step;}
.step-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 28px;}
.step-card .n{
  width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--indigo),var(--primary));
  color:#fff;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;margin-bottom:18px;
}
.step-card h4{font-size:16px;font-weight:600;color:var(--text4);margin-bottom:10px;}
.step-card p{font-size:13.5px;color:var(--text3);line-height:1.85;}
.step-card .code{margin-top:14px;font-size:12px;padding:12px 14px;}

/* ---------- 定价优势 ---------- */
.price-hero{
  background:linear-gradient(135deg,#f5f8ff,#eef1ff 60%,#f2f8ff);
  border:1px solid #e3e9f7;border-radius:24px;padding:52px;text-align:center;position:relative;overflow:hidden;
}
.price-hero::after{content:"";position:absolute;top:-120px;right:-80px;width:380px;height:380px;background:radial-gradient(circle,rgba(81,75,253,.11),transparent 65%);}
.price-hero h2{font-size:32px;font-weight:600;color:var(--text4);margin-bottom:14px;letter-spacing:-.5px;position:relative;}
.price-hero p{font-size:16px;color:var(--text2);max-width:640px;margin:0 auto 28px;line-height:1.9;position:relative;}
.price-hero .rows{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative;}
.price-hero .row{background:#fff;border:1px solid #e3e9f7;border-radius:14px;padding:18px 30px;box-shadow:0 2px 12px rgba(16,19,26,.04);}
.price-hero .row .k{font-size:12.5px;color:var(--text3);margin-bottom:6px;}
.price-hero .row .v{font-size:22px;font-weight:600;color:var(--text4);letter-spacing:-.4px;}
.price-hero .row .v small{font-size:13px;color:var(--primary);font-weight:500;}

/* ---------- FAQ ---------- */
.faq-list{max-width:860px;margin:0 auto;}
.faq-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;background:#fff;overflow:hidden;transition:all .18s;}
.faq-item.open{border-color:var(--primary);box-shadow:0 6px 22px rgba(41,114,233,.08);}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;cursor:pointer;font-size:15.5px;font-weight:500;color:var(--text4);}
.faq-q .chev{color:var(--text3);font-size:16px;transition:transform .2s;flex-shrink:0;}
.faq-item.open .chev{transform:rotate(180deg);color:var(--primary);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .28s ease;font-size:14px;color:var(--text2);line-height:1.95;padding:0 24px;}
.faq-item.open .faq-a{max-height:320px;padding:0 24px 22px;}
.faq-a a{color:var(--primary);font-weight:500;}

/* ---------- CTA ---------- */
.cta-band{
  background:linear-gradient(120deg,#10131a,#1c2340 55%,#2a2f66);
  border-radius:24px;padding:64px 48px;text-align:center;color:#fff;position:relative;overflow:hidden;
}
.cta-band::before{content:"";position:absolute;top:-160px;right:-100px;width:440px;height:440px;background:radial-gradient(circle,rgba(81,75,253,.4),transparent 65%);}
.cta-band h2{font-size:34px;font-weight:600;letter-spacing:-.6px;margin-bottom:14px;position:relative;}
.cta-band p{font-size:16px;color:rgba(255,255,255,.72);margin-bottom:30px;position:relative;}
.cta-band .hero-cta{margin-bottom:0;position:relative;}
.cta-band .btn-ghost{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff;}
.cta-band .btn-ghost:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.4);color:#fff;}

/* ---------- 公告弹窗 ---------- */
.notice-modal-list{max-height:340px;overflow-y:auto;margin:-6px 0;}
.notice-modal-item{padding:16px;border-radius:12px;cursor:pointer;transition:background .15s;}
.notice-modal-item:hover{background:var(--panel3);}
.notice-modal-item .t{font-size:14.5px;color:var(--text4);font-weight:500;line-height:1.6;display:flex;gap:8px;align-items:flex-start;}
.notice-modal-item .d{font-size:12px;color:var(--text3);margin-top:6px;padding-left:15px;}
.notice-modal-item .dot{width:7px;height:7px;border-radius:50%;background:var(--danger);flex-shrink:0;margin-top:7px;}
.notice-modal-item.read .dot{background:#d5dae4;}

@media (max-width:900px){
  .hero-title{font-size:36px;letter-spacing:-.8px;}
  .hero-home{padding:64px 0 56px;}
  .hero-stats{grid-template-columns:repeat(2,1fr);}
  .hero-stats .st:nth-child(2){border-right:none;}
  .hero-stats .st:nth-child(1),.hero-stats .st:nth-child(2){border-bottom:1px solid #eaf0fb;}
  .steps{grid-template-columns:1fr;}
  .price-hero{padding:32px 22px;}
  .cta-band{padding:40px 24px;}
}