/* ============================================================
   faq-price.html 价格问答样式
   布局：Hero → 左锚点侧栏 + 右分组手风琴 → 三档套餐卡 → CTA
   ============================================================ */

.p-hero{position:relative;min-height:64vh;display:flex;align-items:center;padding:150px 0 80px;overflow:hidden}
.p-hero-bg{z-index:0}
.p-hero-veil{position:absolute;inset:0;z-index:1;
  background:linear-gradient(120deg,rgba(20,20,20,.8),rgba(20,20,20,.5) 65%,rgba(20,20,20,.4));}
.p-hero-inner{position:relative;z-index:2;color:#fff;max-width:720px}
.p-hero .crumb{display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:22px;color:#E9E2D6}
.p-hero .crumb a{color:#E9E2D6}
.p-hero .crumb a:hover{color:var(--coffee-bright)}
.p-hero .crumb em{font-style:normal;color:var(--coffee-bright)}
.p-hero-title{font-size:clamp(34px,5vw,56px);font-weight:900;color:#fff;line-height:1.15;margin-bottom:18px}
.ht-gold{background:linear-gradient(120deg,#E9D3A8,#C9A87C);-webkit-background-clip:text;background-clip:text;color:transparent}
.p-hero-sub{font-size:16px;color:#EDE6DA;line-height:1.9;margin-bottom:30px}
.p-hero-cta{display:flex;gap:14px;flex-wrap:wrap}

/* 主布局 */
.p-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:44px;align-items:start}
.p-side{position:sticky;top:110px;display:flex;flex-direction:column;gap:20px}
.p-side-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm)}
.p-side-card h3{font-size:14px;letter-spacing:.16em;color:var(--coffee-deep);margin-bottom:14px}
.p-side-card a{display:block;padding:9px 0;font-size:14.5px;font-weight:600;color:var(--text);border-bottom:1px dashed var(--line)}
.p-side-card a:last-child{border-bottom:none}
.p-side-card a:hover{color:var(--coffee-deep);padding-left:8px}
.p-side-tel{background:var(--grad-ink);color:#fff;text-align:center;border:none}
.p-side-tel p{font-size:13px;color:#B7AE9E;margin-bottom:6px}
.p-side-tel a{font-size:26px;font-weight:900;color:#fff;padding:0;border:none;margin-bottom:4px}
.p-side-tel a:hover{color:var(--coffee-bright)}
.p-side-tel span{font-size:12px;color:var(--coffee-bright)}

/* 手风琴（单列分组） */
.p-acc{min-width:0}
.p-acc-h{font-size:22px;font-weight:900;margin:26px 0 16px;padding-left:16px;border-left:4px solid var(--grad-coffee)}
.p-acc-h:first-child{margin-top:0}
.acc-item{
  background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:14px;overflow:hidden;transition:box-shadow .3s;
}
.acc-item.open{box-shadow:var(--shadow-md);border-color:var(--coffee-bright)}
.acc-head{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;
  text-align:left;padding:18px 22px;font-size:15.5px;font-weight:700;color:var(--ink);background:transparent;
}
.acc-ic{position:relative;width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--coffee-bg);transition:all .35s}
.acc-ic::before,.acc-ic::after{content:"";position:absolute;background:var(--coffee-deep);border-radius:2px;top:50%;left:50%;transform:translate(-50%,-50%)}
.acc-ic::before{width:10px;height:2px}
.acc-ic::after{width:2px;height:10px}
.acc-item.open .acc-ic{background:var(--grad-coffee)}
.acc-item.open .acc-ic::before,.acc-item.open .acc-ic::after{background:#fff}
.acc-item.open .acc-ic::after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
.acc-panel{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.22,.68,.4,1)}
.acc-panel p{padding:0 22px 20px;font-size:14.5px;color:var(--text-2);line-height:1.95}

/* 套餐速览 */
.pk-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px;align-items:stretch}
.pk-card{
  position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:36px 30px;text-align:center;display:flex;flex-direction:column;transition:all .4s;
}
.pk-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.pk-hot{background:var(--grad-ink);color:#E9E2D6;border:none}
.pk-hot h3{color:#fff}
.pk-badge{
  position:absolute;top:-14px;left:50%;transform:translateX(-50%);
  background:var(--grad-coffee);color:#fff;font-size:12px;font-weight:800;
  padding:6px 18px;border-radius:100px;white-space:nowrap;
}
.pk-card h3{font-size:18px;margin-bottom:12px}
.pk-price{font-size:42px;font-weight:900;color:var(--ink);line-height:1;margin-bottom:24px}
.pk-hot .pk-price{color:var(--coffee-bright)}
.pk-price span{font-size:15px;color:var(--text-2);font-weight:600;margin-left:4px}
.pk-hot .pk-price span{color:#B7AE9E}
.pk-card ul{margin-bottom:26px;flex:1}
.pk-card li{font-size:14px;color:var(--text-2);padding:8px 0;border-bottom:1px dashed var(--line)}
.pk-hot li{color:#CFC7B8;border-color:rgba(255,255,255,.12)}

/* CTA */
.cta{position:relative;overflow:hidden}
.cta-bg{z-index:0}
.cta-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,20,20,.78),rgba(20,20,20,.88));z-index:1}
.cta-inner{position:relative;z-index:2;text-align:center}
.cta-title{font-size:clamp(28px,4vw,44px);font-weight:900;color:#fff;margin-bottom:14px}
.cta-sub{color:#CFC7B8;margin-bottom:30px}
.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

@media (max-width:960px){
  .p-grid{grid-template-columns:1fr}
  .p-side{position:static;flex-direction:row;flex-wrap:wrap}
  .p-side-card{flex:1 1 240px}
  .pk-row{grid-template-columns:1fr;max-width:440px;margin-left:auto;margin-right:auto}
}