/* ===== 代理加盟页独有样式 ===== */
.page-hero{max-width:var(--maxw);margin:0 auto;padding:84px 28px 54px;text-align:center}
.page-hero h1{margin-bottom:16px}
.page-hero .lead{font-size:17px;line-height:1.82;color:#46556D;max-width:680px;margin:0 auto}
.container{max-width:var(--maxw);margin:0 auto;padding:0 28px 64px}

.flow-section{margin-bottom:64px}
.flow-section h2{text-align:center;margin-bottom:40px}
.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.flow-card{border:1px solid var(--line-2);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);padding:28px;text-align:center;transition:transform .2s}
.flow-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.flow-num{width:48px;height:48px;border-radius:14px;background:var(--blue);color:#fff;font-weight:900;font-size:22px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.flow-card h3{font-size:18px;margin-bottom:10px}
.flow-card p{font-size:13.5px;line-height:1.7}
.flow-card ul{margin:12px 0 0;padding:0;list-style:none;text-align:left}
.flow-card ul li{font-size:13px;color:var(--muted);padding:4px 0;padding-left:14px;position:relative}
.flow-card ul li::before{content:"\2022";position:absolute;left:0;color:var(--blue);font-weight:800}

.compare-section{margin-bottom:64px}
.compare-section h2{text-align:center;margin-bottom:40px}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.compare-card{border:1px solid var(--line-2);border-radius:20px;padding:32px;background:var(--surface);box-shadow:var(--shadow)}
.compare-card.win{border-color:#BFE9DA;background:var(--teal-soft)}
.compare-card h3{font-size:22px;margin-bottom:20px}
.compare-card ul{margin:0;padding:0 0 0 20px}
.compare-card ul li{color:var(--muted);font-size:14px;line-height:2}

.pricing-section{margin-bottom:64px}
.pricing-section h2{text-align:center;margin-bottom:40px}
.pricing-table-wrap{overflow-x:auto}
.pricing-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line-2);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}
.pricing-table th{background:var(--blue-soft);color:var(--blue-2);font-weight:800;font-size:14px;padding:16px 20px;text-align:center;border-bottom:2px solid var(--line)}
.pricing-table th:first-child{text-align:left;min-width:160px}
.pricing-table td{padding:14px 20px;text-align:center;border-bottom:1px solid var(--line);font-size:14px;color:var(--text)}
.pricing-table td:first-child{text-align:left;font-weight:700}
.pricing-table tr:last-child td{border-bottom:none}
.price-highlight{color:var(--blue);font-weight:850;font-size:18px}
.price-total{color:var(--teal);font-weight:850;font-size:16px}

.checklist-section{margin-bottom:64px}
.checklist-section h2{text-align:center;margin-bottom:12px}
.checklist-sub{text-align:center;font-size:15px;color:var(--muted);margin-bottom:32px}
.checklist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.checklist-card{border:1px solid var(--line-2);border-radius:16px;background:var(--surface);padding:24px;box-shadow:var(--shadow)}
.checklist-card svg{color:var(--teal);margin-bottom:12px}
.checklist-card h3{font-size:17px;margin-bottom:8px}
.checklist-card p{font-size:13.5px;line-height:1.6}

.faq-section{margin-bottom:64px}
.faq-section h2{text-align:center;margin-bottom:40px}
.faq-list{display:flex;flex-direction:column;gap:12px}
.faq-item{border:1px solid var(--line-2);border-radius:14px;background:var(--surface);overflow:hidden}
.faq-q{width:100%;padding:18px 24px;background:var(--surface);border:none;text-align:left;font-size:15px;font-weight:700;color:var(--ink);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:var(--body)}
.faq-q:hover{background:var(--surface-2)}
.faq-q .arrow{transition:transform .2s}
.faq-q.open .arrow{transform:rotate(180deg)}
.faq-a{padding:0 24px 18px;font-size:14px;color:var(--muted);line-height:1.7;display:none}
.faq-a.show{display:block}

@media(max-width:1024px){.flow-grid{grid-template-columns:1fr 1fr}.compare-grid{grid-template-columns:1fr}.checklist-grid{grid-template-columns:1fr}}
@media(max-width:768px){.flow-grid{grid-template-columns:1fr}}