/* ============================================================
   省心家装 · 桌面适配层 v2（仅 ≥900px 生效，移动端零影响）
   内页通用：内容列放宽为居中白卡，顶部栏吸顶，隐藏底部 Tab
   v2：新增内页顶导航（jz-pc-nav.js 注入 .pcnav-embed）
   ============================================================ */
@media (max-width:899.98px){ .pcnav-embed{display:none} }
@media (min-width:900px){
  body{
    background:
      radial-gradient(1100px 460px at 10% -6%, #E7F1ED 0%, transparent 55%),
      radial-gradient(900px 440px at 96% 0%, #FBEEE5 0%, transparent 52%),
      #EFF0EC;
  }
  #app{
    max-width:max(960px,80vw);margin:10px auto 46px;
    background:var(--card);border-radius:22px;
    border:1px solid var(--line);
    box-shadow:0 30px 80px -38px rgba(8,63,52,.35);
    min-height:calc(100vh - 72px);
  }
  .hero{border-radius:22px 22px 0 0}
  .hd{
    background:rgba(255,255,255,.94);
    border-radius:22px 22px 0 0;
    padding:14px 26px;
  }
  .hd h1{font-size:17px}
  .userbar{padding:12px 26px}
  .wrap{padding:26px 30px 36px}
  .tab,#tab-slot{display:none!important}

  /* 内容密度 */
  .grid3{grid-template-columns:repeat(4,1fr)}
  .grid4{grid-template-columns:repeat(5,1fr)}
  .case-list{grid-template-columns:repeat(3,1fr)}
  .case-list.one{grid-template-columns:1fr}

  /* 材料商城商品卡：宽屏下 4 列 + 加高图片（移动端 88px 太扁） */
  .goods-grid{grid-template-columns:repeat(4,1fr);gap:14px}
  .goods .gimg{height:160px}
  .goods .gimg svg.ic{width:42px;height:42px}
  .goods .gb{padding:13px 14px 14px}
  .goods .gn{font-size:13.5px}
  .goods .price{font-size:16px}
  .btn-row{max-width:560px}
  .sec-t{font-size:16.5px}

  /* ---- 内页顶导航（jz-pc-nav.js 注入）---- */
  .pcnav-embed{display:flex;align-items:center;gap:30px;max-width:max(1200px,80vw);margin:0 auto;padding:18px 28px 6px}
  .pcnav-embed .pl-logo{width:40px;height:40px;border-radius:12px;flex:none;display:flex;align-items:center;justify-content:center;
    background:linear-gradient(150deg,#0F6A57,#08402F);color:#fff;box-shadow:0 8px 20px -8px rgba(8,64,47,.6)}
  .pcnav-embed .pl-logo svg.ic{width:21px;height:21px}
  .pcnav-embed .pl-bt{font-size:19px;font-weight:750;letter-spacing:.5px;color:#123B31;line-height:1.2;white-space:nowrap}
  .pcnav-embed .pl-bt small{display:block;font-size:10px;font-weight:500;letter-spacing:1.6px;color:#8A918F}
  .pcnav-embed .pl-nav{display:flex;gap:4px;margin-left:auto}
  .pcnav-embed .pl-nav a{padding:8px 15px;border-radius:10px;font-size:14px;color:#4A5553;font-weight:550;transition:.15s}
  .pcnav-embed .pl-nav a:hover{background:rgba(13,92,76,.08);color:#0D5C4C}
  .pcnav-embed .pl-nav a.on{background:#0D5C4C;color:#fff}
  .pcnav-embed .pl-user{flex:none;margin-left:8px}
  .pcnav-embed .pl-user a{display:inline-flex;align-items:center;padding:9px 18px;border-radius:11px;
    border:1.5px solid rgba(13,92,76,.35);color:#0D5C4C;font-size:13.5px;font-weight:600;transition:.15s;
    max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pcnav-embed .pl-user a:hover{background:#0D5C4C;color:#fff}
}
