/* PRO 会员页：沿用首页样式（home-v2.css），这里只补本页区块 */

/* 首屏：标题与方案卡 */
.mh{padding-block:64px 0}
.mh-head{margin-bottom:40px;text-align:center}
.mh-head .kicker-pro{justify-content:center}
.mh h1{margin-top:14px;font-size:clamp(34px,5vw,56px);line-height:1.15;color:var(--tx)}
.mh .sub{margin:16px auto 0;max-width:34em;text-wrap:pretty}
.mh .plans-note a{color:var(--tx2)}

/* 区块标题沿用首页 .section-head；本页按钮 */
.m-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--line-hi);border-radius:6px;color:var(--tx);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
.m-btn:hover{border-color:var(--green);color:var(--green)}
.m-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}

/* 会员权益逐项说明 */
.mb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mb-group{border:1px solid rgba(229,196,106,.24);border-radius:14px;padding:22px 24px 10px;background:radial-gradient(420px 200px at 100% 0,rgba(229,196,106,.07),transparent 70%),var(--panel)}
.mb-group h3{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px;color:#F7E8B6}
.mb-group h3 small{font:600 11px var(--mono);letter-spacing:.12em;color:#9C8B66}
.mb-group ul{margin:12px 0 0;padding:0;list-style:none}
.mb-group li{display:grid;gap:4px;padding:13px 0;border-top:1px dashed var(--line)}
.mb-group li b{color:var(--tx);font-size:15px;font-weight:600}
.mb-group li span{color:var(--tx2);font-size:13.5px;line-height:1.7}

/* GPU 超频三档 */
.mg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mg-card{display:flex;flex-direction:column;gap:12px;border:1px solid var(--line);border-radius:14px;padding:22px 22px 20px;background:var(--panel)}
.mg-card h3{font-size:18px;color:var(--tx)}
.mg-card .mg-tag{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:500}
.mg-card p{margin:0;color:var(--tx2);font-size:13.5px;line-height:1.7}
.mg-card.incl{border-color:rgba(189,155,78,.5);background:linear-gradient(180deg,#14110A,#0E0C07)}
.mg-incl{margin-top:auto;padding:10px 12px;border:1px solid rgba(189,155,78,.4);border-radius:8px;background:rgba(229,196,106,.05)}
.mg-incl b{display:block;color:var(--gold);font-size:15px}
.mg-incl span{color:#BFAF8A;font-size:12px}
.mg-price{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:auto 0 0}
.mg-price div{padding:8px 12px;border:1px solid var(--line);border-radius:8px}
.mg-price dt{font-size:11px;color:var(--muted)}
.mg-price dd{margin:2px 0 0;font:800 20px/1.3 var(--mono);color:var(--tx)}
.mg-price .member{border-color:rgba(189,155,78,.5);background:rgba(229,196,106,.05)}
.mg-price .member dt,.mg-price .member dd{color:var(--gold)}
.mg-term{color:var(--muted);font-size:12px;line-height:1.6}
.mg-note{margin:16px 0 0;color:var(--muted);font-size:12.5px;line-height:1.8}

/* 开通方式 */
.mw-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.mw-steps li{border:1px solid var(--line);border-radius:14px;padding:20px 22px;background:var(--panel)}
.mw-steps .n{font:700 12px var(--mono);color:var(--green)}
.mw-steps b{display:block;margin-top:8px;color:var(--tx);font-size:16px}
.mw-steps p{margin:6px 0 0;color:var(--tx2);font-size:13.5px;line-height:1.7}
.mw-steps a{color:var(--green);text-decoration:none}
.mw-extra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.mw-card{border:1px dashed var(--line-hi);border-radius:14px;padding:18px 22px}
.mw-card h3{color:var(--tx);font-size:15px}
.mw-card p{margin:6px 0 0;color:var(--tx2);font-size:13.5px;line-height:1.7}
.mw-card a{color:var(--tx2)}

/* 常见问题 */
.mf-list{border-top:1px solid var(--line)}
.mf-item{border-bottom:1px solid var(--line)}
.mf-item summary{display:flex;align-items:center;gap:14px;min-height:60px;padding:14px 4px;color:var(--tx);font-size:16px;font-weight:600;cursor:pointer;list-style:none}
.mf-item summary::-webkit-details-marker{display:none}
.mf-item summary .q{flex:none;width:28px;font:700 12px var(--mono);color:var(--green)}
.mf-item summary::after{content:"";flex:none;width:8px;height:8px;margin-left:auto;border-right:1.5px solid var(--tx2);border-bottom:1.5px solid var(--tx2);transform:rotate(45deg);transition:transform .2s}
.mf-item[open] summary::after{transform:rotate(-135deg)}
.mf-item summary:hover{color:var(--green)}
.mf-item summary:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.mf-item p{max-width:52em;margin:0 0 18px 46px;color:var(--tx2);font-size:14px;line-height:1.8}
.mf-item p a{color:var(--green)}

/* 边界说明 */
.mbound{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--line);border-radius:16px;padding:26px 28px;background:var(--panel)}
.mbound h2{font-size:22px}
.mbound p{max-width:46em;margin:10px 0 0;color:var(--tx2);font-size:14px}

@media (max-width:900px){
  .mb-grid,.mg-grid,.mw-steps,.mw-extra{grid-template-columns:minmax(0,1fr)}
  .mbound{flex-direction:column;align-items:flex-start}
}
@media (max-width:640px){
  .mh{padding-top:40px}
  .mh-head{margin-bottom:32px}
  .mb-group{padding:18px 16px 6px}
  .mg-card,.mw-steps li{padding:18px 16px}
  .mw-card{padding:16px}
  .mf-item summary{font-size:15px}
  .mf-item p{margin-left:0}
  .mbound{padding:20px 16px}
}
/* 超频卡片内的 PRO：与客户端同款小标签，不继承卡片文字颜色与字号 */
.mg-card .pro-badge{color:#30230D;font:800 9px/1 Inter,var(--sans);margin:0 3px;border-radius:3px;vertical-align:1px}
.mg-incl b{display:flex;align-items:center;gap:6px}
.mg-incl b .pro-badge{margin:0}
.mg-price dt .pro-badge{margin-left:0}