/* products/platform/index.html 页面专属样式（原内联 <style> 抽出，CSP 禁用内联样式） */
/* 首屏 */
  .p-hero{display:grid; grid-template-columns:1fr 330px; gap:52px; align-items:start;}
  .p-hero .kstrip{grid-template-columns:1fr 1fr;}
  .p-hero .kstrip > div{border-right:1px solid var(--line);}
  .p-hero .kstrip > div:nth-child(2n){border-right:0;}
  .p-hero .kstrip > div:nth-child(n+3){border-top:1px solid var(--line);}
  .p-tag{display:inline-block; font-size:11.5px; font-weight:700; letter-spacing:.04em; color:var(--acc-2); background:var(--acc-bg); border-radius:20px; padding:3px 11px; margin-bottom:14px;}

  /* 关键指标条 */
  .kstrip{display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); border-radius:12px; overflow:hidden; background:#fff; margin-top:8px;}
  .kstrip > div{padding:20px 22px; border-right:1px solid var(--line);}
  .kstrip > div:last-child{border-right:0;}
  .kstrip b{display:block; font-size:15px; color:var(--brand); font-weight:700; margin-bottom:3px;}
  .kstrip span{font-size:12.4px; color:var(--ink3); line-height:1.55; display:block;}

  /* 问题卡 */
  .probs{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
  .prob{background:#fff; border:1px solid var(--line); border-radius:12px; padding:24px 22px;}
  .prob .no{font-family:ui-monospace,Menlo,monospace; font-size:11.5px; font-weight:700; color:#B4C2CF; letter-spacing:.06em;}
  .prob h3{font-size:16.5px; margin:8px 0 8px;}
  .prob p{font-size:13.6px; color:var(--ink2); margin:0; line-height:1.75;}

  /* 三层架构 */
  .arch{display:grid; gap:10px; margin-top:26px; max-width:940px;}
  .arch-row{display:grid; grid-template-columns:150px 1fr; border:1px solid var(--line); border-radius:11px; overflow:hidden; background:#fff;}
  .arch-row .lb{background:var(--bg2); border-right:1px solid var(--line2); padding:16px 18px; display:flex; flex-direction:column; justify-content:center;}
  .arch-row .lb b{font-size:14px; color:var(--brand); font-weight:700;}
  .arch-row .lb span{font-size:11px; color:var(--ink3); font-family:ui-monospace,Menlo,monospace; margin-top:2px;}
  .arch-row .ct{padding:16px 20px; font-size:13.6px; color:var(--ink2); line-height:1.75;}
  .arch-row .ct em{font-style:normal; color:var(--ink); font-weight:600;}
  .arch-row.top .lb{background:var(--brand); border-right-color:var(--brand);}
  .arch-row.top .lb b{color:#fff;}
  .arch-row.top .lb span{color:#9DB8CE;}

  /* 六步 */
  .loop{display:grid; grid-template-columns:repeat(6,1fr); gap:12px; margin-top:26px;}
  .step{background:#fff; border:1px solid var(--line); border-radius:12px; padding:18px 15px; position:relative;}
  .step .sn{width:24px; height:24px; border-radius:7px; background:var(--acc-bg); color:var(--acc-2); font-size:11.5px; font-weight:700; display:flex; align-items:center; justify-content:center; margin-bottom:9px; font-family:ui-monospace,Menlo,monospace;}
  .step h4{font-size:13.8px; margin:0 0 5px; color:var(--brand); font-weight:700;}
  .step p{font-size:12.2px; color:var(--ink3); margin:0; line-height:1.6;}
  @media (min-width:1121px){
    .step:not(:last-child)::after{content:""; position:absolute; right:-8px; top:30px; width:7px; height:7px; border-top:1.6px solid #C3D3E1; border-right:1.6px solid #C3D3E1; transform:rotate(45deg);}
  }

  /* 周中 → 周末 */
  .week{display:grid; grid-template-columns:1fr 44px 1fr; align-items:center; gap:0; margin-top:26px;}
  .wbox{background:#fff; border:1px solid var(--line); border-radius:12px; padding:24px 24px 20px;}
  .wbox.hi{border-color:#BFDCD6; background:#FBFEFD;}
  .wbox .wt{font-size:11.5px; font-weight:700; color:var(--acc-2); letter-spacing:.05em; margin-bottom:6px;}
  .wbox h3{font-size:17px; margin:0 0 12px;}
  .wbox ul{list-style:none; margin:0; padding:0;}
  .wbox li{font-size:13.2px; color:var(--ink2); padding:6px 0 6px 16px; position:relative; border-top:1px solid var(--line2);}
  .wbox li:first-child{border-top:0;}
  .wbox li::before{content:""; position:absolute; left:0; top:13px; width:5px; height:5px; border-radius:50%; background:#C3D3E1;}
  .wbox.hi li::before{background:var(--acc);}
  .warrow{display:flex; align-items:center; justify-content:center;}
  .warrow svg{width:20px; height:20px; stroke:#B4C2CF; fill:none; stroke-width:1.8;}

  /* 三端 */
  .ends{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:6px;}
  .end{background:#fff; border:1px solid var(--line); border-radius:12px; padding:24px 22px; display:flex; flex-direction:column;}
  .end .eh{display:flex; align-items:center; gap:9px; margin-bottom:12px;}
  .end .eh svg{width:18px; height:18px; stroke:var(--acc); fill:none; stroke-width:1.8;}
  .end .eh b{font-size:15.5px; color:var(--brand); font-weight:700;}
  .end ul{list-style:none; margin:0 0 14px; padding:0;}
  .end li{font-size:13.2px; color:var(--ink2); padding:6px 0 6px 15px; position:relative; line-height:1.65;}
  .end li::before{content:""; position:absolute; left:0; top:12px; width:5px; height:5px; border-radius:50%; background:#CFDBE6;}
  .end .res{margin-top:auto; font-size:12.5px; color:var(--acc-2); font-weight:600; background:var(--acc-bg); border-radius:7px; padding:8px 11px; line-height:1.55;}

  /* 能力 4 卡 */
  .caps{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:6px;}
  .cap{background:#fff; border:1px solid var(--line); border-radius:12px; padding:22px 22px; display:flex; gap:15px;}
  .cap .ci{flex:0 0 38px; width:38px; height:38px; border-radius:10px; background:var(--acc-bg); display:flex; align-items:center; justify-content:center;}
  .cap .ci svg{width:19px; height:19px; stroke:var(--acc-2); fill:none; stroke-width:1.8;}
  .cap h3{font-size:15.5px; margin:0 0 5px;}
  .cap p{font-size:13.2px; color:var(--ink2); margin:0; line-height:1.72;}

  /* 适配判断表 */
  table.fit{width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--line); border-radius:12px; overflow:hidden; margin-top:6px;}
  table.fit th,table.fit td{padding:15px 18px; text-align:left; font-size:13.6px; border-bottom:1px solid var(--line2); vertical-align:top;}
  table.fit thead th{background:var(--bg2); font-size:12.6px; color:var(--ink2); font-weight:700;}
  table.fit tbody tr:last-child th,table.fit tbody tr:last-child td{border-bottom:0;}
  table.fit tbody th{font-size:14px; color:var(--brand); font-weight:700; width:150px;}
  .ok{color:var(--acc-2); font-weight:700;}
  .ok::before{content:""; display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--acc); margin-right:7px; vertical-align:1px;}
  .nope{color:#8A6B4F;}
  .nope::before{content:""; display:inline-block; width:6px; height:6px; border-radius:50%; border:1.4px solid #C4B29E; margin-right:7px; vertical-align:1px;}

  /* 口径说明 */
  .scope{background:var(--warn-bg); border:1px solid #F0DCBE; border-radius:13px; padding:24px 26px;}
  .scope h2{font-size:17px; margin:0 0 10px; color:#7A3E06; letter-spacing:0;}
  .scope ul{margin:0; padding-left:20px;}
  .scope li{font-size:13.2px; color:#7A3E06; line-height:1.8; margin-bottom:6px;}
  .scope li:last-child{margin-bottom:0;}

  /* 双引擎提示 */
  .twin{display:flex; align-items:center; gap:20px; background:var(--bg2); border:1px solid var(--line); border-radius:13px; padding:24px 26px; margin-top:6px; flex-wrap:wrap;}
  .twin .tx{flex:1; min-width:260px;}
  .twin h3{font-size:17px; margin:0 0 6px;}
  .twin p{font-size:13.6px; color:var(--ink2); margin:0; line-height:1.75;}

  @media (max-width:1120px){
    .loop{grid-template-columns:repeat(3,1fr);}
    .p-hero{grid-template-columns:1fr 300px; gap:36px;}
  }
  @media (max-width:980px){
    .p-hero{grid-template-columns:1fr;}
    .probs{grid-template-columns:1fr;}
    .ends{grid-template-columns:1fr;}
    .caps{grid-template-columns:1fr;}
    .kstrip{grid-template-columns:1fr 1fr;}
    .kstrip > div:nth-child(2){border-right:0;}
    .kstrip > div:nth-child(n+3){border-top:1px solid var(--line);}
    .week{grid-template-columns:1fr; gap:12px;}
    .warrow{transform:rotate(90deg); height:28px;}
  }
  @media (max-width:860px){
    .arch-row{grid-template-columns:1fr;}
    .arch-row .lb{border-right:0; border-bottom:1px solid var(--line2); flex-direction:row; align-items:baseline; gap:10px;}
    .arch-row .lb span{margin-top:0;}
  }
  @media (max-width:560px){
    .loop{grid-template-columns:1fr;}
    .kstrip{grid-template-columns:1fr;}
    .kstrip > div{border-right:0; border-top:1px solid var(--line);}
    .kstrip > div:first-child{border-top:0;}
    table.fit th,table.fit td{padding:12px 13px; font-size:12.8px;}
    table.fit tbody th{width:auto;}
  }