/* ===== 果老板包装 · 内页样式（目录页 / 详情页 / 新闻页） ===== */

/* 导航当前项 */
.catnav a.on{background:rgba(255,255,255,.16);color:#fff}

/* 面包屑 */
.crumb{background:#fff;border-bottom:1px solid var(--line)}
.crumb .wrap{display:flex;align-items:center;gap:8px;height:44px;font-size:13px;color:var(--ink-3);overflow:hidden}
.crumb a{color:var(--ink-3);white-space:nowrap}
.crumb a:hover{color:var(--green)}
.crumb i{font-style:normal;color:#C7D3CB}
.crumb span{color:var(--ink-2);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 通用按钮补充 */
.btn-line-lg{
  background:#fff;color:var(--green-deep);border:1.5px solid var(--green);height:44px;
  padding:0 22px;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .18s;
}
.btn-line-lg:hover{background:var(--green-soft)}
.btn-line-lg svg{width:18px;height:18px}

/* 目录页标题块 */
.list-head h1{font-size:26px;font-weight:800;margin-bottom:8px}
.list-head p{color:var(--ink-2);font-size:14.5px}

/* ===== 产品详情页 ===== */
.pd-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:28px;margin:20px 0 0;align-items:start}
.pd-gallery{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.pd-main{position:relative;height:340px;border-radius:12px;display:grid;place-items:center}
.pd-main svg{width:150px;height:150px}
.pd-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.pd-thumb{height:72px;border-radius:9px;display:grid;place-items:center;opacity:.75;transition:opacity .18s}
.pd-thumb:hover{opacity:1}
.pd-thumb svg{width:34px;height:34px}
.pd-thumb-tip{grid-column:1/-1;font-size:12px;color:var(--ink-3);text-align:center;margin-top:4px}

.pd-info{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 26px 22px}
.pd-info h1{font-size:26px;font-weight:800;line-height:1.35;margin-bottom:8px}
.pd-sub{color:var(--ink-2);font-size:14.5px;margin-bottom:18px}
.pd-price{
  background:var(--orange-soft);border-radius:10px;padding:16px 18px;margin-bottom:16px;
  display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;
}
.pd-price-now{font-size:34px;font-weight:800;color:var(--orange);line-height:1}
.pd-price-now small{font-size:17px;margin-right:5px}
.pd-price-tip{font-size:13px;color:#8A601F}
.pd-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.pd-tags li{font-size:12.5px;font-weight:600;color:var(--green-deep);background:var(--green-soft);padding:4px 12px;border-radius:5px}
.pd-tags .pd-tag-cat{background:var(--green);color:#fff}
.pd-quick{
  list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:18px;
}
.pd-quick li{background:#fff;padding:12px 8px;text-align:center}
.pd-quick b{display:block;font-size:12px;color:var(--ink-3);font-weight:600;margin-bottom:3px}
.pd-quick span{font-size:14px;font-weight:700;color:var(--ink)}
.pd-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.pd-actions .btn{flex:1;min-width:170px;white-space:nowrap}
.pd-promise{list-style:none;display:grid;gap:8px;padding-top:16px;border-top:1px dashed var(--line)}
.pd-promise li{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--ink-2)}
.pd-promise svg{width:17px;height:17px;color:var(--green);flex:none}

.pd-section{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-top:18px}
.pd-section > h2{font-size:19px;font-weight:800;margin-bottom:16px;display:flex;align-items:center;gap:9px}
.pd-section > h2::before{content:"";width:4px;height:18px;border-radius:3px;background:var(--green)}
.pd-section h3{font-size:15.5px;font-weight:700;margin:20px 0 10px;color:var(--green-deep)}
.pd-desc{color:var(--ink-2);font-size:15px;line-height:1.85}
.pd-features{list-style:none;display:grid;gap:9px}
.pd-features li{
  position:relative;padding-left:26px;font-size:14.5px;color:var(--ink-2);line-height:1.7;
}
.pd-features li::before{
  content:"";position:absolute;left:0;top:8px;width:14px;height:14px;border-radius:50%;
  background:var(--green-soft);
}
.pd-features li::after{
  content:"";position:absolute;left:4px;top:12px;width:6px;height:6px;border-radius:50%;background:var(--green);
}

.spec-table{width:100%;border-collapse:collapse;font-size:14.5px}
.spec-table th,.spec-table td{border:1px solid var(--line);padding:12px 16px;text-align:left;vertical-align:top}
.spec-table th{background:var(--bg);color:var(--ink-2);font-weight:700;width:170px}
.spec-table td{color:var(--ink)}
.spec-table tr:hover td{background:#FAFCFA}
.spec-note{font-size:13px;color:var(--ink-3);margin-top:12px}

.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.app-item{
  display:flex;align-items:center;gap:10px;background:var(--green-soft);border-radius:10px;
  padding:15px 16px;font-size:14px;font-weight:600;color:var(--green-deep);
}
.app-item svg{width:18px;height:18px;flex:none}

.custom-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.custom-item{border:1px dashed var(--green);border-radius:10px;padding:16px;background:#FCFEFC}
.custom-item b{display:block;font-size:14.5px;margin-bottom:5px}
.custom-item span{font-size:13px;color:var(--ink-2)}

.pd-cta{
  margin:18px 0 34px;border-radius:var(--radius);padding:30px 32px;
  background:
    radial-gradient(500px 200px at 88% -30%,rgba(255,122,26,.3),transparent 60%),
    linear-gradient(135deg,var(--green-deep),var(--green));
  color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
}
.pd-cta h2{font-size:21px;font-weight:800;margin-bottom:8px}
.pd-cta p{font-size:14.5px;color:rgba(255,255,255,.82)}
.pd-cta-actions{display:flex;gap:12px;flex-wrap:wrap}
.pd-cta-actions .btn-line-lg{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.45)}
.pd-cta-actions .btn-line-lg:hover{background:rgba(255,255,255,.24)}

/* ===== 新闻列表页 ===== */
.nchip{
  padding:7px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;
  font-size:13.5px;color:var(--ink-2);cursor:pointer;font-weight:600;transition:all .16s;
}
.nchip:hover{border-color:var(--green);color:var(--green-deep)}
.nchip.active{background:var(--green);border-color:var(--green);color:#fff}

.nfeature{
  display:grid;grid-template-columns:280px minmax(0,1fr);gap:0;background:#fff;
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin:18px 0;
  transition:border-color .18s,box-shadow .18s;
}
.nfeature:hover{border-color:var(--green);box-shadow:var(--shadow-lg)}
.nfeature-img{display:grid;place-items:center;min-height:190px}
.nfeature-img svg{width:86px;height:86px}
.nfeature-body{padding:26px 28px;display:flex;flex-direction:column;justify-content:center}
.nfeature-body h2{font-size:21px;font-weight:800;line-height:1.4;margin:10px 0 10px}
.nfeature-body p{font-size:14px;color:var(--ink-2);line-height:1.75;margin-bottom:14px}

.nitem-meta{display:flex;align-items:center;gap:12px;font-size:12.5px;color:var(--ink-3)}
.nitem-cat{background:var(--green-soft);color:var(--green-deep);font-weight:700;padding:3px 10px;border-radius:4px}
.nitem-more{font-size:13.5px;font-weight:700;color:var(--orange)}
.nitem-more:hover{text-decoration:underline}

.ngrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:30px}
.nitem{
  display:grid;grid-template-columns:120px minmax(0,1fr);background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;transition:border-color .18s,box-shadow .18s;
}
.nitem:hover{border-color:var(--green);box-shadow:var(--shadow)}
.nitem-img{display:grid;place-items:center}
.nitem-img svg{width:48px;height:48px}
.nitem-body{padding:18px 20px;display:flex;flex-direction:column}
.nitem-body h3{font-size:16px;font-weight:700;line-height:1.45;margin:8px 0 8px}
.nitem-body p{font-size:13.5px;color:var(--ink-2);line-height:1.7;margin-bottom:10px}
.nitem-body .nitem-more{margin-top:auto}

/* ===== 新闻详情页 ===== */
.article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:38px 44px;margin-top:20px}
.article-head{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:26px}
.article-head h1{font-size:28px;font-weight:800;line-height:1.4;margin:12px 0 12px;letter-spacing:-.01em}
.article-excerpt{font-size:15px;color:var(--ink-2);line-height:1.8;padding-left:14px;border-left:3px solid var(--green-soft)}
.article-body h2{font-size:19px;font-weight:800;margin:30px 0 12px;color:var(--green-deep)}
.article-body h2:first-child{margin-top:0}
.article-body p{font-size:15px;color:var(--ink-2);line-height:1.9;margin-bottom:14px}
.art-list{list-style:none;display:grid;gap:10px;margin:0 0 16px}
.art-list li{
  position:relative;padding:12px 16px 12px 34px;background:var(--bg);border-radius:9px;
  font-size:14.5px;color:var(--ink-2);line-height:1.7;
}
.art-list li::before{
  content:"";position:absolute;left:15px;top:19px;width:7px;height:7px;border-radius:50%;background:var(--green);
}
.art-note{
  background:var(--green-soft)!important;border-left:4px solid var(--green);border-radius:9px;
  padding:16px 20px!important;font-size:14.5px!important;color:var(--green-deep)!important;font-weight:600;
}
.article-foot{
  margin-top:30px;padding-top:24px;border-top:1px dashed var(--line);
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
}
.article-foot p{font-size:13.5px;color:var(--ink-3);max-width:520px}

.art-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}
.art-nav-item{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;
  transition:border-color .18s,box-shadow .18s;
}
.art-nav-item:hover{border-color:var(--green);box-shadow:var(--shadow)}
.art-nav-item small{display:block;font-size:12px;color:var(--ink-3);margin-bottom:6px}
.art-nav-item span{font-size:14.5px;font-weight:700;line-height:1.5;display:block}
.art-nav-empty{opacity:.55}
.art-nav-empty span{color:var(--ink-3);font-weight:600}

.wrap-back{text-align:center;margin:8px 0 40px}

/* ===== 响应式 ===== */
@media(max-width:1100px){
  .pd-main{height:290px}
  .pd-main svg{width:120px;height:120px}
  .app-grid,.custom-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:960px){
  .pd-top{grid-template-columns:1fr}
  .ngrid{grid-template-columns:1fr}
  .nfeature{grid-template-columns:1fr}
  .nfeature-img{min-height:140px}
  .article{padding:26px 22px}
  .article-head h1{font-size:23px}
  .crumb .wrap{height:auto;padding:10px 18px;flex-wrap:wrap}
}
@media(max-width:560px){
  .app-grid,.custom-grid{grid-template-columns:1fr}
  .pd-main{height:230px}
  .pd-main svg{width:96px;height:96px}
  .pd-quick{grid-template-columns:1fr 1fr}
  .pd-info{padding:20px 18px}
  .pd-section{padding:20px 18px}
  .spec-table th{width:110px;padding:10px 12px}
  .spec-table td{padding:10px 12px}
  .art-nav{grid-template-columns:1fr}
  .nitem{grid-template-columns:1fr}
  .nitem-img{min-height:110px}
  .article{padding:22px 18px}
  .article-head h1{font-size:21px}
}