/* =============================================================
   粒夏智能 AImage · 首页（高冷 / 极简）
   参考取向：大留白、单一强调色、弱化卡片、去营销密度
   ============================================================= */

/* ---------- 0. 首页导航更轻 ---------- */
.nav--bare .nav-inner{height:82px}
.nav--bare .nav-links a{padding:10px 15px;font-size:14.5px}
.nav--bare .nav-cta .btn{
  background:transparent;color:var(--t1);border:1px solid var(--line-2);
  border-radius:0;box-shadow:none;padding:11px 20px;font-weight:500;
}
.nav--bare .nav-cta .btn:hover{background:var(--ink);color:#fff;border-color:var(--ink);transform:none}
.nav--bare .nav-cta .btn::after{display:none}

/* ---------- 1. 克制的背景 ---------- */
.hero--cold{
  background:#fff;
  padding-top:clamp(150px,20vh,240px);
  padding-bottom:clamp(80px,11vh,150px);
}
.hero--cold .bg-grid{
  background-size:96px 96px;
  background-image:
    linear-gradient(to right,rgba(10,15,28,.04) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(10,15,28,.04) 1px,transparent 1px);
  mask-image:radial-gradient(ellipse 70% 60% at 50% 36%,#000 10%,transparent 72%);
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 36%,#000 10%,transparent 72%);
}
.hero--cold .bg-dots{display:none}
.hero--cold .orb{display:none}

/* ---------- 2. 首屏：居中陈述 ---------- */
.statement{
  position:relative;z-index:2;
  max-width:min(1180px,94vw);margin-inline:auto;
  text-align:center;
}
.statement h1{
  font-size:clamp(30px,5.2vw,68px);
  font-weight:500;
  line-height:1.26;
  letter-spacing:-.028em;
  color:var(--t1);
  margin:26px 0 0;
}
.statement h1 .dim{color:var(--t3);font-weight:400;font-size:.72em;display:inline-block}
.statement .sub{
  margin:clamp(22px,3vw,32px) auto 0;max-width:46ch;
  font-size:clamp(14px,1.1vw,16.5px);line-height:1.95;color:var(--t2);
}
.statement .actions{
  margin-top:clamp(38px,5vw,58px);
  display:flex;gap:14px;justify-content:center;flex-wrap:wrap;
}
/* 高冷版主按钮：实心墨色，不用渐变 */
.btn-cold{
  display:inline-flex;align-items:center;gap:10px;
  padding:15px 30px;border-radius:0;border:1px solid var(--ink);
  background:var(--ink);color:#fff;
  font-size:14.5px;font-weight:500;letter-spacing:.01em;cursor:pointer;
  transition:background .4s var(--ease-out),color .4s var(--ease-out),border-color .4s var(--ease-out);
}
.btn-cold:hover{background:#fff;color:var(--ink)}
.btn-cold-line{
  display:inline-flex;align-items:center;gap:10px;
  padding:15px 30px;border-radius:0;border:1px solid var(--line-2);
  background:transparent;color:var(--t1);
  font-size:14.5px;font-weight:500;cursor:pointer;
  transition:border-color .4s var(--ease-out),color .4s var(--ease-out);
}
.btn-cold-line:hover{border-color:var(--ink);color:var(--ink)}
.btn-cold .arw,.btn-cold-line .arw{transition:transform .4s var(--ease-out)}
.btn-cold:hover .arw,.btn-cold-line:hover .arw{transform:translateX(4px)}

/* 首屏下方一条极细的元信息 */
.metaline{
  position:relative;z-index:2;
  max-width:min(1180px,94vw);margin:clamp(60px,8vw,110px) auto 0;
  padding-top:22px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:26px;flex-wrap:wrap;
  font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--t3);
}

/* ---------- 3. 章节头（编号 + 标题，无卡片） ---------- */
.coldsection{padding-block:clamp(80px,11vh,168px)}
.coldsection.tint{background:var(--paper-soft)}
.sec-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:24px 36px;flex-wrap:wrap;
  padding-bottom:26px;border-bottom:1px solid var(--line);
}
.sec-head .idx{
  font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:var(--t4);
  flex:0 0 auto;min-width:150px;
}
.sec-head h2{
  font-size:clamp(24px,2.5vw,38px);font-weight:500;letter-spacing:-.026em;
  flex:1 1 auto;min-width:0;
}
.sec-head h2 .dim{color:var(--t3);font-weight:400}
.sec-head .note{
  font-size:14px;line-height:1.8;color:var(--t3);max-width:40ch;text-align:right;
  flex:0 1 auto;
}
@media (max-width:820px){
  .sec-head .idx{min-width:0;flex-basis:100%}
  .sec-head h2{flex-basis:100%}
}
/* 章节头右侧链接：脱离 mono 继承，保持衬线感 */
.sec-head .sec-link{
  font-family:var(--sans),var(--sans-zh);
  font-size:14.5px;font-weight:500;letter-spacing:0;text-transform:none;
  color:var(--t1);
}
.sec-head .sec-link:hover{color:var(--blue)}
@media (max-width:720px){.sec-head .note{text-align:left;max-width:none}}

/* ---------- 4. 能力：三行大字列表 ---------- */
.coldlist{display:grid;gap:0}
.coldrow{
  display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,.86fr);
  gap:clamp(18px,3.4vw,64px);align-items:baseline;
  padding:clamp(26px,3.4vw,42px) 0;border-bottom:1px solid var(--line);
  transition:padding-left .5s var(--ease-out),background .5s var(--ease-out);
}
.coldrow:first-child{border-top:1px solid var(--line)}
.coldrow:hover{padding-left:14px;background:linear-gradient(90deg,rgba(22,82,255,.035),transparent 62%)}
.coldrow .no{
  font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--blue);
}
.coldrow h3{font-size:clamp(19px,2vw,28px);font-weight:500;letter-spacing:-.02em}
.coldrow p{font-size:14.5px;line-height:1.85;color:var(--t2)}
@media (max-width:820px){
  .coldrow{grid-template-columns:auto minmax(0,1fr);gap:14px 18px}
  .coldrow p{grid-column:2}
}

/* ---------- 5. 视频演示（视频占主导） ----------
   视频源为 2400×1110（约 2.16:1）的完整原始帧，未做任何裁切。
   外框按同一比例，object-fit:contain → 画面完整显示，不裁切、不变形。 */
.demo{display:block}
.demo .screen{
  position:relative;margin-inline:auto;
  width:min(100%,1180px);
  border:1px solid var(--line-2);background:#05070d;overflow:hidden;
  box-shadow:var(--shadow-md);
}
.demo .screen .vid{
  position:relative;width:100%;aspect-ratio:2400/1110;background:#05070d;
}
.demo .screen video{
  display:block;width:100%;height:100%;
  object-fit:contain;background:#05070d;
}
/* 文案：在视频下方分两栏排布 */
.demo .txt{
  margin:clamp(32px,3.8vw,56px) auto 0;width:min(100%,1180px);
  display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  gap:clamp(20px,3vw,60px);align-items:start;
}
@media (max-width:820px){.demo .txt{grid-template-columns:1fr;gap:18px}}
.demo .txt .head{grid-column:1}
.demo .txt .body{grid-column:2}
@media (max-width:820px){.demo .txt .head,.demo .txt .body{grid-column:1}}
/* 屏幕底部一条极细的元信息带 */
.demo .screen .bar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:11px 14px;border-top:1px solid rgba(255,255,255,.1);
  font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(255,255,255,.42);background:#05070d;
}
.demo .screen .bar .live{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.78)}
.demo .screen .bar .live i{
  width:5px;height:5px;border-radius:50%;background:#4ade80;display:block;
  animation:blink 2.4s var(--ease-inout) infinite;
}
@media (max-width:560px){.demo .screen .bar span:nth-child(2){display:none}}

.demo .txt .idx{font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:var(--t4)}
.demo .txt h2{
  font-size:clamp(23px,2.5vw,36px);font-weight:500;letter-spacing:-.026em;
  line-height:1.26;margin-top:16px;
}
.demo .txt h2 .dim{color:var(--t3);font-weight:400}
.demo .txt p{font-size:14.5px;line-height:1.9;color:var(--t2);margin-top:20px}
.demo .txt p b{color:var(--t1);font-weight:500}
/* 步骤条：比数字卡更克制 */
.demo .steps-mini{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px;
  font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--t3);
}
.demo .steps-mini span{
  padding:6px 12px;border:1px solid var(--line);background:#fff;color:var(--t2);
}
.demo .steps-mini i{color:var(--t4);font-style:normal}
.demo .meta{
  margin-top:22px;padding-top:18px;border-top:1px solid var(--line);
  display:flex;gap:26px;flex-wrap:wrap;
}
.demo .meta div{font-size:13px;color:var(--t3)}
.demo .meta div b{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--t4);margin-bottom:6px;font-weight:500}
.demo .meta div em{font-style:normal;font-size:15px;color:var(--t1);font-weight:500}

/* ---------- 6. 行业索引：纯文字，不铺图 ---------- */
.indlist{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;margin-top:clamp(24px,3vw,40px);
  border-top:1px solid var(--line);
}
@media (max-width:1000px){.indlist{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.indlist{grid-template-columns:1fr}}
.inditem{
  display:block;padding:clamp(22px,2.4vw,32px) clamp(18px,2vw,30px);
  border-bottom:1px solid var(--line);border-right:1px solid var(--line);
  transition:background .4s var(--ease-out),padding-left .4s var(--ease-out);
}
.indlist .inditem:nth-child(3n){border-right:0}
@media (max-width:1000px){.indlist .inditem:nth-child(3n){border-right:1px solid var(--line)}
  .indlist .inditem:nth-child(2n){border-right:0}}
@media (max-width:620px){.indlist .inditem{border-right:0}}
.inditem:hover{background:var(--paper-soft);padding-left:clamp(26px,2.8vw,40px)}
/* 最后一行去掉下边框，避免与下一个章节的线叠加 */
.indlist .inditem:nth-last-child(-n+3){border-bottom:0}
@media (max-width:1000px){.indlist .inditem:nth-last-child(-n+2){border-bottom:0}}
@media (max-width:620px){.indlist .inditem:last-child{border-bottom:0}}
.inditem .top{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.inditem .nm{font-size:clamp(17px,1.5vw,20px);font-weight:500;letter-spacing:-.02em;color:var(--t1)}
.inditem .n{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:var(--t4)}
.inditem:hover .nm{color:var(--blue)}
.inditem .ex{margin-top:12px;font-size:13.5px;line-height:1.75;color:var(--t3)}
.inditem .go{
  margin-top:14px;display:inline-flex;align-items:center;gap:7px;
  font-size:12.5px;font-weight:500;color:var(--blue);
  opacity:0;transform:translateY(4px);transition:.4s var(--ease-out);
}
.inditem:hover .go{opacity:1;transform:none}

/* ---------- 7. 产品：纯文字三栏 ---------- */
.coldcols{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;background:var(--line);margin-top:clamp(28px,4vw,52px);
  border-block:1px solid var(--line);
}
@media (max-width:860px){.coldcols{grid-template-columns:1fr}}
.coldcols .col{background:#fff;padding:clamp(28px,3.2vw,48px) clamp(20px,2.4vw,34px)}
.coldcols .col .tag{
  font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--t4);
}
.coldcols .col h3{
  font-size:clamp(18px,1.7vw,23px);font-weight:500;margin-top:16px;letter-spacing:-.02em;
}
.coldcols .col p{font-size:14.5px;line-height:1.9;color:var(--t2);margin-top:14px}
.coldcols .col ul{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:9px}
.coldcols .col li{
  font-size:13.5px;color:var(--t3);padding-left:16px;position:relative;line-height:1.7;
}
.coldcols .col li::before{
  content:"";position:absolute;left:0;top:9px;width:6px;height:1px;background:var(--t4);
}

/* ---------- 8. 收尾 + 页脚 ---------- */
.coldfoot{
  padding-block:clamp(80px,11vh,150px);
  border-top:1px solid var(--line);
}
.coldfoot h2{
  font-size:clamp(26px,3.4vw,52px);font-weight:500;letter-spacing:-.03em;line-height:1.24;
  max-width:20ch;
}
.coldfoot h2 .dim{color:var(--t3);font-weight:400}
.coldfoot .actions{margin-top:clamp(30px,4vw,48px);display:flex;gap:14px;flex-wrap:wrap}
.coldfoot .cols2{
  display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
  gap:clamp(28px,5vw,88px);align-items:end;
}
@media (max-width:900px){.coldfoot .cols2{grid-template-columns:1fr;align-items:start}}
.coldfoot .cinfo{display:grid;gap:14px;justify-items:start}
.coldfoot .cinfo .row{display:flex;gap:12px;align-items:center;font-size:14.5px;color:var(--t2)}
.coldfoot .cinfo .row b{color:var(--t1);font-weight:500}