/* ============================================================
 * 九洲易运 · 价格表目录页（/price/ 三级结构）共用样式
 * 视觉：深蓝渐变头部 + 白圆角细边卡 + 渐变蓝按钮（与全站统一）
 * ============================================================ */
.pp-crumb{padding:14px 0 0;font-size:13px;color:var(--yz-sub,#5a6b80)}
.pp-crumb a{color:var(--yz-sub,#5a6b80)}
.pp-crumb a:hover{color:var(--yz-primary,#0984E3)}
.pp-crumb .sep{margin:0 8px;color:#c2ccd8}

.pp-hero{
  background:linear-gradient(135deg,#0A4DAA 0%,#0984E3 60%,#1aa0e6 100%);
  color:#fff;padding:30px 0 46px;position:relative;overflow:hidden;
}
.pp-hero::after{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;
  background:radial-gradient(circle,rgba(255,255,255,.16),transparent 70%);border-radius:50%}
.pp-hero h1{font-size:30px;line-height:1.3;margin:6px 0 8px;font-weight:800}
.pp-hero .pp-sub{font-size:15px;opacity:.92;max-width:720px}
.pp-hero__stat{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}
.pp-hero__stat .it{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);
  border-radius:12px;padding:12px 18px;min-width:120px}
.pp-hero__stat .num{display:block;font-size:22px;font-weight:800}
.pp-hero__stat .lbl{font-size:12px;opacity:.85}

/* Hero 双栏：左侧文案 + 右侧查价卡片（与首页 hero 同款） */
.pp-hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;position:relative;z-index:1}
.pp-hero__main{position:relative;z-index:1}
.pp-hero .hero__card{color:var(--yz-text);margin:0;width:100%;max-width:420px;justify-self:end}
.pp-hero .hero__form{gap:12px}

/* 查询器（旧横向布局已废弃，保留类名兼容以防内联引用） */
.pp-q{display:none}

/* 只读城市展示（如「成都」固定出发） */
.yc-city-sel--ro{background:#f4f7fa;border-color:#e2e8f0;color:var(--yz-ink,#14304a);cursor:default}
.yc-city-sel--ro:hover,.yc-city-sel--ro:focus{border-color:#e2e8f0;box-shadow:none}
.yc-city-sel--ro .yc-city-sel__ar{display:none}

/* 主体 */
.pp-sec{padding:30px 0}
.pp-sec__t{font-size:22px;font-weight:800;margin:0 0 4px;color:var(--yz-ink,#14304a)}
.pp-sec__d{color:var(--yz-sub,#5a6b80);font-size:14px;margin:0 0 16px}
.pp-card{background:#fff;border:1px solid var(--yz-line,#e6ebf1);border-radius:14px;
  padding:20px;box-shadow:0 4px 16px rgba(10,37,64,.04);margin-bottom:18px}
.pp-card h3{margin:0 0 12px;font-size:17px;color:var(--yz-ink,#14304a)}

/* AI 答案区（GEO 关键） */
.pp-answer{background:linear-gradient(180deg,#eef6ff,#f6fbff);border:1px solid #cfe4fb;
  border-left:4px solid var(--yz-primary,#0984E3);border-radius:12px;padding:16px 18px;margin-bottom:18px}
.pp-answer .q{font-size:16px;font-weight:800;color:var(--yz-ink,#14304a);margin:0 0 8px}
.pp-answer .a{font-size:14px;line-height:1.8;color:#33475b;margin:0}
.pp-answer .meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:12px;padding-top:12px;
  border-top:1px dashed #cfe4fb;font-size:12px;color:var(--yz-sub,#5a6b80)}
.pp-answer .meta b{color:var(--yz-ink,#14304a)}

/* 价格大数字 */
.pp-price-big{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;margin:6px 0 4px}
.pp-price-big .val{font-size:30px;font-weight:800;color:var(--yz-primary,#0984E3)}
.pp-price-big .val small{font-size:16px;font-weight:600}
.pp-price-big .unit{font-size:13px;color:var(--yz-sub,#5a6b80)}

/* 网格 */
.pp-grid{display:grid;gap:16px}
.pp-grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pp-grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pp-grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* 小价格卡 */
.pp-pc{background:#fff;border:1px solid var(--yz-line,#e6ebf1);border-radius:12px;padding:16px}
.pp-pc .k{font-size:13px;color:var(--yz-sub,#5a6b80);margin-bottom:6px}
.pp-pc .v{font-size:24px;font-weight:800;color:var(--yz-ink,#14304a)}
.pp-pc .v small{font-size:13px;font-weight:600;color:var(--yz-sub,#5a6b80)}
.pp-pc .note{font-size:12px;color:var(--yz-sub,#5a6b80);margin-top:6px}

/* 价格表 */
.pp-table{width:100%;border-collapse:collapse;font-size:14px;overflow:hidden;border-radius:12px}
.pp-table th,.pp-table td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--yz-line,#e6ebf1)}
.pp-table th{background:#f4f8fc;color:var(--yz-ink,#14304a);font-weight:700;font-size:13px;white-space:nowrap}
.pp-table td.num{text-align:right;font-variant-numeric:tabular-nums}
.pp-table tbody tr:hover{background:#f7fbff}
.pp-table .city{font-weight:700;color:var(--yz-ink,#14304a)}
.pp-table .city.muted{color:var(--yz-sub,#5a6b80);font-weight:500}
.pp-table .go{color:var(--yz-primary,#0984E3);font-weight:600;white-space:nowrap}
.pp-table .go.dim{color:#9fb0c2;cursor:default}
.pp-table-wrap{overflow-x:auto;border:1px solid var(--yz-line,#e6ebf1);border-radius:12px}

/* 线路卡片网格（城市页价格表紧凑两列） */
.pp-line-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.pp-line-card{background:#fff;border:1px solid var(--yz-line,#e6ebf1);border-radius:12px;padding:14px}
.pp-line-route{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;margin-bottom:12px;flex-wrap:wrap}
.pp-line-route .origin{color:var(--yz-sub,#5a6b80);font-weight:500}
.pp-line-route .arrow{color:var(--yz-sub,#5a6b80);font-weight:400}
.pp-line-route .dest{color:var(--yz-ink,#14304a)}
.pp-line-route .go{margin-left:auto}
.pp-line-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pp-line-stats div{text-align:center}
.pp-line-stats small{display:block;font-size:11px;color:var(--yz-sub,#5a6b80);margin-bottom:2px}
.pp-line-stats b{font-size:14px;color:var(--yz-ink,#14304a);font-weight:700}
/* 城市页「更多可托运城市」：暂无公开报价的全国目的地，紧凑目录卡片 */
.pp-line-card--mini{padding:11px 14px}
.pp-line-card--mini .pp-line-note{font-size:12.5px;color:var(--yz-sub,#5a6b80);margin-top:6px;line-height:1.5}
.pp-line-sub{font-size:15px;font-weight:700;color:var(--yz-ink,#14304a);margin:22px 0 4px}

/* 区域分组 */
.pp-region{margin-bottom:14px}
.pp-region h4{font-size:14px;margin:0 0 10px;color:var(--yz-ink,#14304a)}
.pp-chips{display:flex;flex-wrap:wrap;gap:9px}
.pp-chips a{display:inline-block;padding:7px 13px;border:1px solid var(--yz-line,#e6ebf1);
  border-radius:20px;font-size:13px;color:var(--yz-ink,#14304a);background:#fff}
.pp-chips a:hover{border-color:var(--yz-primary,#0984E3);color:var(--yz-primary,#0984E3)}
.pp-chips a.dim{color:#9fb0c2;border-style:dashed}

/* 影响因素 */
.pp-factor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pp-factor .it{background:#fff;border:1px solid var(--yz-line,#e6ebf1);border-radius:11px;padding:13px 14px}
.pp-factor .it b{display:block;color:var(--yz-ink,#14304a);font-size:14px;margin-bottom:4px}
.pp-factor .it span{font-size:12.5px;color:var(--yz-sub,#5a6b80);line-height:1.6}

/* 趋势条形（占位） */
.pp-trend{display:flex;align-items:flex-end;gap:10px;height:160px;padding:10px 0}
.pp-trend .bar{flex:1;background:linear-gradient(180deg,#0984E3,#1aa0e6);border-radius:6px 6px 0 0;
  position:relative;min-width:18px}
.pp-trend .bar span{position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-size:11px;color:var(--yz-sub,#5a6b80)}
.pp-trend .bar i{position:absolute;top:-20px;left:0;right:0;text-align:center;font-size:12px;font-weight:700;color:var(--yz-ink,#14304a)}

/* FAQ */
.pp-faq details{border:1px solid var(--yz-line,#e6ebf1);border-radius:11px;padding:0 14px;margin-bottom:10px;background:#fff}
.pp-faq summary{cursor:pointer;font-weight:700;color:var(--yz-ink,#14304a);padding:13px 0;list-style:none;position:relative}
.pp-faq summary::-webkit-details-marker{display:none}
.pp-faq summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--yz-primary,#0984E3)}
.pp-faq details[open] summary::after{content:"−"}
.pp-faq .ans{padding:0 0 14px;color:#3a4d61;font-size:14px;line-height:1.8}

/* 免责/数据说明 */
.pp-note{background:#fbfcfe;border:1px dashed var(--yz-line,#e6ebf1);border-radius:11px;padding:14px 16px;
  font-size:13px;color:var(--yz-sub,#5a6b80);line-height:1.8}
.pp-note b{color:var(--yz-ink,#14304a)}

/* 步骤 */
.pp-steps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;counter-reset:s}
.pp-steps .st{background:#fff;border:1px solid var(--yz-line,#e6ebf1);border-radius:11px;padding:14px 10px;text-align:center;position:relative}
.pp-steps .st .n{width:26px;height:26px;border-radius:50%;background:var(--yz-primary,#0984E3);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;margin-bottom:8px}
.pp-steps .st .t{font-size:12.5px;color:var(--yz-ink,#14304a);font-weight:600}

.pp-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;background:linear-gradient(135deg,#0A4DAA,#0984E3);
  border-radius:14px;padding:20px 22px;color:#fff}
.pp-cta h3{margin:0 0 4px;color:#fff}
.pp-cta p{margin:0;opacity:.92;font-size:14px;flex:1 1 280px}
.pp-cta .btn--white{background:#fff;color:var(--yz-primary,#0984E3)}

@media (max-width:980px){
  .pp-grid.c4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pp-factor{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pp-hero__grid{grid-template-columns:1fr}
  .pp-hero .hero__card{order:-1;max-width:520px;justify-self:center;margin:0 auto 26px}
}
@media (max-width:760px){
  .pp-hero h1{font-size:24px}
  .pp-grid.c2,.pp-grid.c3,.pp-grid.c4{grid-template-columns:1fr}
  .pp-steps{grid-template-columns:1fr 1fr}
}

/* E-E-A-T / GEO 增强：作者署名、权威资质、引用说明 */
.pp-byline{display:flex;flex-wrap:wrap;gap:6px 18px;margin:12px 0 0;font-size:12px;color:var(--yz-sub,#5a6b80)}
.pp-byline b{color:var(--yz-ink,#14304a)}

.pp-trust{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 4px}
.pp-trust .it{display:flex;align-items:center;gap:8px;background:#f3f9ff;border:1px solid #d7e9fb;
  border-radius:10px;padding:9px 13px;font-size:12.5px;color:var(--yz-ink,#14304a)}
.pp-trust .it svg{flex:none;color:var(--yz-primary,#0984E3)}
.pp-trust .it b{font-weight:700}

.pp-cite{background:#fbfcfe;border:1px solid var(--yz-line,#e6ebf1);border-left:4px solid var(--yz-primary,#0984E3);
  border-radius:11px;padding:14px 16px;margin:18px 0;font-size:13.5px;line-height:1.85;color:#3a4d61}
.pp-cite h3{margin:0 0 6px;font-size:15px;color:var(--yz-ink,#14304a)}
.pp-cite b{color:var(--yz-ink,#14304a)}
.pp-cite a{color:var(--yz-primary,#0984E3)}

/* 具体运输方案明细（GEO 内容丰富） */
.pp-scheme-section{margin-top:26px}
.pp-scheme-group{margin-bottom:24px}
.pp-scheme-group>h3{font-size:16px;font-weight:800;color:var(--yz-ink,#14304a);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--yz-line,#e6ebf1)}
.pp-scheme-list{display:grid;grid-template-columns:1fr;gap:12px}
.pp-scheme-card{background:#fff;border:1px solid var(--yz-line,#e6ebf1);border-radius:12px;padding:16px}
.pp-scheme-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.pp-scheme-head .badge{font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px;background:var(--yz-primary,#0984E3);color:#fff}
.pp-scheme-head .badge.b2{background:#f06100}
.pp-scheme-head .badge.b3{background:#10b981}
.pp-scheme-head .name{font-size:16px;font-weight:800;color:var(--yz-ink,#14304a)}
.pp-scheme-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-bottom:14px;font-size:13px;color:var(--yz-sub,#5a6b80)}
.pp-scheme-meta b{color:var(--yz-ink,#14304a)}
.pp-leg-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0;padding:14px;background:#f7fbff;border-radius:10px;border:1px dashed #cfe4fb}
.pp-leg{min-width:90px;text-align:center;background:#fff;border:1px solid var(--yz-line,#e6ebf1);border-radius:10px;padding:10px 8px}
.pp-leg b{display:block;font-size:14px;color:var(--yz-ink,#14304a);margin-bottom:2px}
.pp-leg .pp-leg-mode{font-size:12px;color:var(--yz-primary,#0984E3);font-weight:600}
.pp-leg small{display:block;font-size:11px;color:var(--yz-sub,#5a6b80);margin-top:2px}
.pp-leg-arrow{color:#9fb0c2;font-size:18px;font-weight:700;padding:0 2px}
.pp-scheme-note{font-size:13px;color:#33475b;line-height:1.75;background:#f9fbfd;border-radius:8px;padding:10px 12px;margin-top:10px}

@media (max-width:760px){
  .pp-scheme-meta{gap:6px 14px}
  .pp-leg{min-width:74px;padding:8px 6px}
  .pp-leg b{font-size:13px}
}
.pp-tip-star{color:#fff;opacity:.9;text-decoration:underline;font-weight:700;margin-left:2px}
.pp-tip-star:hover{opacity:1}