/* 官网子页面样式：会员权益 / 取消续费 / 联系客服（与 home.css 搭配使用） */
.subhero{max-width:1200px;margin:auto;padding:70px 30px 34px}
.subhero h1{font-size:clamp(34px,3.6vw,50px);margin:18px 0 20px}
.subhero p{max-width:760px;font-size:16px;line-height:1.95}
.subhero-actions{display:flex;gap:20px;align-items:center;margin-top:26px;flex-wrap:wrap}
.subsection{max-width:1200px;margin:auto;padding:54px 30px}
.subsection.alt{max-width:none;background:#f7f8fc;padding-left:0;padding-right:0}
.subsection.alt>.inner{max-width:1200px;margin:auto;padding:0 30px}
.subhead{margin-bottom:28px}
.subhead h2{font-size:32px;margin:10px 0 8px}
.subhead p{font-size:14px}
.benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.benefit-card{background:#fff;border:1px solid #e9edf6;border-radius:16px;padding:26px}
.benefit-card h3{margin:0 0 4px;font-size:18px}
.benefit-card .mod{font-size:11px;color:#7c86a2;letter-spacing:1.4px;margin-bottom:14px}
.benefit-card ul{margin:0;padding:0;list-style:none;font-size:13px;color:#5b657c}
.benefit-card li{margin:8px 0}
.benefit-card li:before{content:'✓';color:#526bdd;margin-right:9px}
.benefit-wide{grid-column:1/-1}
.price-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e9edf6;border-radius:14px;overflow:hidden;font-size:14px}
.table-scroll{border-radius:14px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.price-table th,.price-table td{padding:16px 18px;text-align:left;border-bottom:1px solid #eef1f7}
.price-table th{background:#f7f8fc;font-size:12px;letter-spacing:.5px;color:#6b7590;font-weight:600}
.price-table tr:last-child td{border-bottom:0}
.price-table .price{font-size:20px;font-weight:750;color:#17213c;white-space:nowrap}
.price-table .price small{font-size:12px;font-weight:500;color:#7c86a2}
.tag{display:inline-block;border-radius:20px;padding:3px 10px;font-size:11px;margin-left:6px;vertical-align:middle;white-space:nowrap}
.tag.auto{background:#eef2ff;color:#4257c4;border:1px solid #dbe2ff}
.tag.once{background:#f2f5f9;color:#64708a;border:1px solid #e4e9f2}
.tag.rec{background:#fff3e6;color:#b45c12;border:1px solid #ffe0c2}
.note-box{background:#f7f8fc;border:1px solid #e9edf6;border-radius:14px;padding:22px 24px;font-size:13px;color:#5b657c;line-height:1.95}
.note-box h3{margin:0 0 8px;font-size:15px;color:#17213c}
.note-box ul{margin:8px 0 0;padding-left:18px}
.note-box li{margin:5px 0}
.note-box+.note-box{margin-top:16px}
.steps{counter-reset:step;display:grid;gap:14px}
.step{position:relative;background:#fff;border:1px solid #e9edf6;border-radius:14px;padding:22px 24px 22px 66px}
.step:before{counter-increment:step;content:counter(step);position:absolute;left:22px;top:20px;width:28px;height:28px;border-radius:50%;background:#4b60de;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.step h3{margin:0 0 6px;font-size:16px}
.step p{margin:0;font-size:13px;line-height:1.9}
.path{display:inline-block;background:#f2f5f9;border-radius:6px;padding:3px 8px;font-size:12px;color:#3c4863;margin:4px 4px 0 0}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.contact-card{background:#fff;border:1px solid #e9edf6;border-radius:16px;padding:26px}
.contact-card .label{font-size:11px;letter-spacing:1.2px;color:#8892a8;font-weight:700}
.contact-card .value{font-size:20px;font-weight:750;margin:10px 0 4px;word-break:break-all}
.contact-card p{font-size:12px;margin:4px 0}
.with-aside{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start}
.aside-card{background:#f7f8fc;border:1px solid #e9edf6;border-radius:14px;padding:22px;font-size:13px;position:sticky;top:106px}
.aside-card h3{margin:0 0 8px;font-size:15px}
.aside-card a{color:#3d5fe0}
.footer-links{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:12px}
.footer-links a:hover{color:#3d5fe0}
.footer-meta{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:11px;color:#8992a5;padding-top:10px;border-top:1px solid #e4e8f1;margin-top:12px}
.footer-meta a:hover{color:#3d5fe0}
@media(max-width:900px){.benefit-grid,.contact-grid{grid-template-columns:1fr}.with-aside{grid-template-columns:1fr}.aside-card{position:static}.price-table{min-width:760px;white-space:nowrap}}
@media(max-width:650px){.subhero{padding:40px 22px 26px}.subsection{padding:40px 22px}.subsection.alt>.inner{padding:0 22px}.subhead h2{font-size:26px}.price-table th,.price-table td{padding:13px 14px}.footer-meta{flex-direction:column;gap:6px}}