/* products/home-tutoring/index.html 页面专属样式（原内联 <style> 抽出，CSP 禁用内联样式） */
.p-hero{display:grid; grid-template-columns:1fr 330px; gap:52px; align-items:start;}
  .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: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:14.5px; color:var(--brand); font-weight:700; margin-bottom:3px;}
  .kstrip span{font-size:12.2px; color:var(--ink3); line-height:1.55; display:block;}

  /* 场景卡 */
  .scenes{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
  .scene{background:#fff; border:1px solid var(--line); border-radius:12px; padding:26px 22px;}
  .scene .ic{width:38px; height:38px; border-radius:10px; background:var(--acc-bg); display:flex; align-items:center; justify-content:center; margin-bottom:14px;}
  .scene .ic svg{width:19px; height:19px; stroke:var(--acc-2); fill:none; stroke-width:1.8;}
  .scene h3{font-size:16.5px; margin:0 0 8px;}
  .scene p{font-size:13.6px; color:var(--ink2); margin:0; line-height:1.78;}

  /* 服务内容 */
  .serv{display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-top:6px;}
  .sitem{background:#fff; border:1px solid var(--line); border-radius:12px; padding:22px 22px; display:flex; gap:14px;}
  .sitem .sn{flex:0 0 26px; width:26px; height:26px; border-radius:7px; background:var(--bg3); color:var(--brand2); font-size:12px; font-weight:700; display:flex; align-items:center; justify-content:center; font-family:ui-monospace,Menlo,monospace; margin-top:1px;}
  .sitem h3{font-size:15.5px; margin:0 0 5px;}
  .sitem p{font-size:13.2px; color:var(--ink2); margin:0; line-height:1.72;}

  /* 角色边界 */
  .bound{display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:6px;}
  .bcol{border-radius:12px; padding:24px 24px 20px; border:1px solid var(--line); background:#fff;}
  .bcol.do{border-color:#BFDCD6; background:#FBFEFD;}
  .bcol.dont{border-color:#EBD9C6; background:#FFFCF8;}
  .bcol h3{font-size:16px; margin:0 0 12px; display:flex; align-items:center; gap:9px;}
  .bcol.do h3{color:var(--acc-2);}
  .bcol.dont h3{color:#8A6B4F;}
  .bcol ul{list-style:none; margin:0; padding:0;}
  .bcol li{font-size:13.4px; color:var(--ink2); padding:7px 0 7px 20px; position:relative; line-height:1.65;}
  .bcol li::before{position:absolute; left:0; top:7px; font-weight:700;}
  .bcol.do li::before{content:"·"; color:var(--acc); font-size:22px; line-height:1; top:4px;}
  .bcol.dont li::before{content:"×"; color:#C08B5C; font-size:13px;}

  /* 为什么是大学生 */
  .why5{display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-top:26px;}
  .w5{background:#fff; border:1px solid var(--line); border-radius:11px; padding:20px 18px;}
  .w5 .n{font-family:ui-monospace,Menlo,monospace; font-size:11.5px; font-weight:700; color:#B4C2CF; margin-bottom:8px;}
  .w5 b{display:block; font-size:14px; color:var(--brand); margin-bottom:6px;}
  .w5 p{font-size:12.6px; color:var(--ink2); margin:0; line-height:1.68;}

  /* 流程条 */
  .flow6{display:grid; grid-template-columns:repeat(6,1fr); gap:10px; margin-top:26px;}
  .fl{background:#fff; border:1px solid var(--line); border-radius:11px; padding:16px 14px; position:relative;}
  .fl .fn{font-family:ui-monospace,Menlo,monospace; font-size:11px; font-weight:700; color:var(--acc-2); margin-bottom:6px;}
  .fl b{display:block; font-size:13px; color:var(--brand); margin-bottom:5px;}
  .fl p{font-size:11.8px; color:var(--ink3); margin:0; line-height:1.6;}
  @media (min-width:1121px){
    .fl:not(:last-child)::after{content:""; position:absolute; right:-7px; top:28px; width:6px; height:6px; border-top:1.6px solid #C3D3E1; border-right:1.6px solid #C3D3E1; transform:rotate(45deg);}
  }

  /* 五道关 */
  .gates{display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-top:26px;}
  .gate{border:1px solid var(--line); border-radius:11px; padding:20px 18px; background:#fff;}
  .gate .gi{width:32px; height:32px; border-radius:8px; background:var(--bg3); display:flex; align-items:center; justify-content:center; margin-bottom:11px;}
  .gate .gi svg{width:16px; height:16px; stroke:var(--brand2); fill:none; stroke-width:1.9;}
  .gate b{display:block; font-size:13.6px; color:var(--brand); margin-bottom:5px;}
  .gate p{font-size:12.4px; color:var(--ink2); margin:0; line-height:1.65;}

  /* 双引擎 */
  .twin{display:flex; align-items:center; gap:20px; background:var(--bg2); border:1px solid var(--line); border-radius:13px; padding:24px 26px; 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;}

  .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;}

  @media (max-width:1120px){
    .p-hero{grid-template-columns:1fr 300px; gap:36px;}
    .why5{grid-template-columns:repeat(3,1fr);}
    .flow6{grid-template-columns:repeat(3,1fr);}
    .gates{grid-template-columns:repeat(3,1fr);}
  }
  @media (max-width:980px){
    .p-hero{grid-template-columns:1fr;}
    .scenes{grid-template-columns:1fr;}
    .serv{grid-template-columns:1fr;}
    .bound{grid-template-columns:1fr;}
    .why5{grid-template-columns:1fr 1fr;}
    .gates{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:560px){
    .why5{grid-template-columns:1fr;}
    .flow6{grid-template-columns:1fr;}
    .gates{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;}
  }