/* price-yingxiao.css · F18 对比式 */
.pyx-hero{position:relative;min-height:420px;display:flex;align-items:center;overflow:hidden}
.pyx-hero-bg{position:absolute;inset:0}
.pyx-hero-bg img{width:100%;height:100%;object-fit:cover}
.pyx-hero-mask{position:absolute;inset:0;background:linear-gradient(120deg,rgba(29,52,38,.82),rgba(29,52,38,.5) 60%,rgba(29,52,38,.2))}
.pyx-hero-inner{position:relative;z-index:2;max-width:680px}
.pyx-hero-inner .lead{margin:16px 0 0}
.pyx-compare{display:grid;grid-template-columns:1fr 60px 1.2fr;gap:20px;align-items:stretch;margin-top:20px}
.pyx-col{padding:36px 30px;border-radius:var(--radius-lg)}
.pyx-col-base{background:#fff;border:1px solid var(--line-soft);opacity:.85}
.pyx-tag{font-size:13px;letter-spacing:.1em;color:var(--ink-500);margin-bottom:10px}
.pyx-price{font-family:var(--serif);font-size:40px;color:var(--ink-700);font-weight:700;margin-bottom:16px}
.pyx-price em{font-size:16px;font-style:normal;color:var(--ink-500)}
.pyx-col-base ul{display:flex;flex-direction:column;gap:10px}
.pyx-col-base li{font-size:14px;color:var(--ink-500);padding-left:18px;position:relative;line-height:1.7}
.pyx-col-base li::before{content:"—";position:absolute;left:0;color:var(--ink-400)}
.pyx-vs{display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:20px;color:var(--cinnabar-500);font-weight:700}
.pyx-col-hot{background:var(--bamboo-900);color:rgba(247,245,238,.92);box-shadow:var(--shadow-lift)}
.pyx-tag-hot{color:var(--cinnabar-400);font-weight:600}
.pyx-price-hot{color:#F7F5EE;font-size:52px}
.pyx-col-hot ul{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.pyx-col-hot li{font-size:14.5px;padding-left:20px;position:relative;line-height:1.7}
.pyx-col-hot li::before{content:"✓";position:absolute;left:0;color:var(--cinnabar-400)}
.pyx-note{font-size:13px;color:rgba(247,245,238,.6);margin:16px 0}
.pyx-table-bg{background:linear-gradient(180deg,var(--moon-200),var(--moon-100))}
.pyx-table-wrap{margin-top:36px;overflow-x:auto}
.pyx-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-soft);min-width:600px}
.pyx-table th{background:var(--bamboo-700);color:var(--moon-100);padding:14px 18px;text-align:left;font-size:15px}
.pyx-table td{padding:14px 18px;border-top:1px solid var(--line-soft);font-size:14.5px}
.pyx-table tr:nth-child(even) td{background:var(--moon-50)}
.pyx-fit-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}
.pyx-fit{background:#fff;padding:28px 24px;border-radius:var(--radius);box-shadow:var(--shadow-soft);border-top:3px solid var(--cinnabar-500)}
.pyx-fit h3{font-size:18px;margin-bottom:10px}
.pyx-fit p{font-size:14.5px;color:var(--ink-500);line-height:1.9}
.pyx-addon-bg{background:linear-gradient(180deg,var(--moon-200),var(--moon-100))}
.pyx-addons{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.pyx-addons li{background:#fff;padding:22px 20px;border-radius:var(--radius);box-shadow:var(--shadow-soft);border-left:3px solid var(--bamboo-500)}
.pyx-addons span{font-family:var(--serif);font-size:16px;color:var(--bamboo-700);display:block;margin-bottom:6px}
.pyx-addons p{font-size:14px;color:var(--ink-500);line-height:1.8}
.pyx-pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}
.pyx-pay-item{background:#fff;padding:26px 24px;border-radius:var(--radius);box-shadow:var(--shadow-soft)}
.pyx-pay-item h3{font-size:17px;color:var(--bamboo-700);margin-bottom:10px}
.pyx-pay-item p{font-size:14.5px;color:var(--ink-500);line-height:1.9}
.pyx-case-bg{background:var(--moon-200)}
.pyx-cases{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px}
.pyx-case{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/10;box-shadow:var(--shadow-soft)}
.pyx-case img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.pyx-case:hover img{transform:scale(1.05)}
.pyx-case-mask{position:absolute;inset:0;background:linear-gradient(0deg,rgba(29,52,38,.85),transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:22px}
.pyx-case-mask h3{color:#F7F5EE;font-size:18px}
.pyx-case-mask p{color:rgba(247,245,238,.8);font-size:13.5px;margin-top:4px}
.pyx-faq-bg{background:linear-gradient(180deg,var(--moon-200),var(--moon-100))}
.pyx-faqs{display:flex;flex-direction:column;gap:14px;margin-top:36px}
.pyx-faq{background:#fff;border:1px solid var(--line-soft);border-radius:var(--radius);padding:20px 24px;box-shadow:var(--shadow-soft)}
.pyx-faq summary{font-size:16px;font-weight:600;color:var(--ink-900);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.pyx-faq summary::after{content:"+";font-size:22px;color:var(--cinnabar-500)}
.pyx-faq[open] summary::after{content:"−"}
.pyx-faq p{margin-top:12px;font-size:14.5px;color:var(--ink-500);line-height:1.9}
.pyx-cta{background:var(--bamboo-900);padding:52px 0}
.pyx-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.pyx-cta-inner h2{color:#F7F5EE;font-size:24px}
.pyx-cta-inner p{color:rgba(247,245,238,.7);margin-top:10px}
.pyx-cta-btns{display:flex;gap:14px;flex-wrap:wrap}
@media(max-width:920px){
  .pyx-compare{grid-template-columns:1fr}
  .pyx-vs{padding:10px 0}
  .pyx-fit-list,.pyx-addons{grid-template-columns:1fr}
  .pyx-pay-grid,.pyx-cases{grid-template-columns:1fr}
}