/* about/index.html 页面专属样式（原内联 <style> 抽出，CSP 禁用内联样式） */
.lead-grid{display:grid; grid-template-columns:1fr 320px; gap:52px; align-items:start;}
  .kstrip{display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); border-radius:12px; overflow:hidden; background:#fff;}
  .kstrip > div{padding:18px 20px; border-right:1px solid var(--line);}
  .kstrip > div:nth-child(2n){border-right:0;}
  .kstrip > div:nth-child(n+3){border-top:1px solid var(--line);}
  .kstrip b{display:block; font-size:22px; color:var(--brand); font-weight:700; letter-spacing:-.6px; line-height:1.25;}
  .kstrip span{display:block; font-size:11.8px; color:var(--ink3); margin-top:2px; line-height:1.5;}

  .prose{max-width:830px;}
  .prose p{font-size:15.2px; color:var(--ink2); line-height:1.92; margin:0 0 16px;}
  .prose p b{color:var(--ink); font-weight:600;}
  .prose p:last-child{margin-bottom:0;}

  /* 两件事 */
  .two{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:26px;}
  .tw{background:#fff; border:1px solid var(--line); border-radius:13px; padding:26px 24px;}
  .tw .tn{font-family:ui-monospace,Menlo,monospace; font-size:11.5px; font-weight:700; color:var(--acc-2); letter-spacing:.06em; margin-bottom:8px;}
  .tw h3{font-size:17.5px; margin:0 0 9px;}
  .tw p{font-size:13.8px; color:var(--ink2); margin:0 0 14px; line-height:1.8;}
  .tw ul{list-style:none; margin:0; padding:0;}
  .tw li{font-size:13.2px; color:var(--ink2); padding:6px 0 6px 16px; position:relative; border-top:1px solid var(--line2);}
  .tw li:first-child{border-top:0;}
  .tw li::before{content:""; position:absolute; left:0; top:13px; width:5px; height:5px; border-radius:50%; background:#C3D3E1;}

  /* 时间线 */
  .tl-wrap{display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:start;}
  .tl{position:relative; padding-left:22px; margin:0;}
  .tl::before{content:""; position:absolute; left:4px; top:8px; bottom:8px; width:2px; background:linear-gradient(180deg,#CBD8E4,#E9F6F3); border-radius:2px;}
  .tl .ti{position:relative; padding:0 0 22px 6px;}
  .tl .ti:last-child{padding-bottom:0;}
  .tl .ti::before{content:""; position:absolute; left:-22px; top:8px; width:9px; height:9px; border-radius:50%; background:#fff; border:2.5px solid var(--acc);}
  .tl .yr{font-family:ui-monospace,Menlo,monospace; font-size:12.5px; color:var(--acc-2); font-weight:700; display:block; margin-bottom:3px;}
  .tl .tx{font-size:14px; color:var(--ink2); line-height:1.75; display:block;}

  /* 技术三层 */
  .tech{display:grid; gap:10px; margin-top:6px;}
  .trow{display:grid; grid-template-columns:130px 1fr; border:1px solid var(--line); border-radius:11px; overflow:hidden; background:#fff;}
  .trow .lb{background:var(--bg2); border-right:1px solid var(--line2); padding:15px 16px; display:flex; flex-direction:column; justify-content:center;}
  .trow .lb b{font-size:13.5px; color:var(--brand); font-weight:700;}
  .trow .lb span{font-size:10.5px; color:var(--ink3); font-family:ui-monospace,Menlo,monospace; margin-top:2px;}
  .trow .ct{padding:15px 18px; font-size:13.4px; color:var(--ink2); line-height:1.75;}
  .trow .ct em{font-style:normal; color:var(--ink); font-weight:600;}

  /* 案例 */
  .ccards{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
  .cc{background:#fff; border:1px solid var(--line); border-radius:12px; padding:22px 20px;}
  .cc .k2{font-size:11.5px; font-weight:700; color:var(--acc-2); margin:0 0 8px;}
  .cc h3{font-size:15.5px; margin:0 0 6px;}
  .cc p{font-size:13px; color:var(--ink2); margin:0; line-height:1.7;}
  .partners{margin-top:22px; padding-top:18px; border-top:1px solid var(--line);}
  .partners .plab{font-size:12px; font-weight:700; color:var(--ink3); margin:0 0 10px;}
  .partners ul{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px;}
  .partners li{font-size:12.6px; color:var(--ink2); background:#fff; border:1px solid var(--line); border-radius:20px; padding:5px 13px;}

  /* 边界声明 */
  .bound{background:#fff; border:1px solid var(--line); border-left:3px solid var(--acc); border-radius:0 12px 12px 0; padding:24px 26px; max-width:940px;}
  .bound h3{font-size:16.5px; margin:0 0 10px;}
  .bound ul{margin:0; padding-left:19px;}
  .bound li{font-size:13.6px; color:var(--ink2); line-height:1.85; margin-bottom:6px;}
  .bound li:last-child{margin-bottom:0;}

  .boxlink{display:flex; align-items:center; gap:20px; background:var(--bg2); border:1px solid var(--line); border-radius:13px; padding:24px 26px; flex-wrap:wrap;}
  .boxlink .tx{flex:1; min-width:240px;}
  .boxlink h3{font-size:16.5px; margin:0 0 5px;}
  .boxlink p{font-size:13.6px; color:var(--ink2); margin:0; line-height:1.72;}

  @media (max-width:980px){
    .lead-grid{grid-template-columns:1fr;}
    .two{grid-template-columns:1fr;}
    .tl-wrap{grid-template-columns:1fr; gap:32px;}
    .ccards{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;}
  }
  @media (max-width:600px){
    .trow{grid-template-columns:1fr;}
    .trow .lb{border-right:0; border-bottom:1px solid var(--line2); flex-direction:row; gap:9px; align-items:baseline;}
    .trow .lb span{margin-top:0;}
  }