main{display:flex;flex-direction:column}
main>.hero{order:1}
main>.plans-section{order:2}
main>section:not(.hero):not(.plans-section){order:3}
.plans-section{max-width:1220px;padding-top:74px;padding-bottom:90px}
.plans-section>header{text-align:center}
.plans-section>header h2{font-size:40px}
.plans-section>header>p:last-child{font-size:14px;color:#8a98aa;margin:4px 0 0}
.plans-section .plans{max-width:none;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.plans-section .plan{display:block;min-height:0;padding:29px;border:1px solid #e0e5ec;border-radius:25px;background:#fff;box-shadow:none;color:#0c1422}
.plans-section .plan:hover{transform:translateY(-5px);box-shadow:0 16px 38px #19355c15}
.plans-section .plan-title{margin:0;font:800 19px/1.3 Georgia,"Microsoft YaHei",serif;color:#080d15}
.plans-section .plan-title b{display:inline-block;padding:3px 7px;border-radius:999px;background:#111b2c;color:white;font:700 10px Arial;vertical-align:middle}
.plans-section .plan-title em{font-style:normal;color:#f28b00}
.plans-section .plan-sub{margin:6px 0 13px;color:#698099;font-size:12px}
.plans-section .money{margin:0;color:#050a12;font-size:36px;font-weight:900;line-height:1.1}
.plans-section .money del{margin-left:5px;color:#9ba8b8;font-size:11px;font-weight:normal}
.plans-section .money small{margin-left:4px;color:#8392a7;font-size:11px;font-weight:normal}
.plans-section .notice{display:block;margin-top:12px;padding:6px 10px;border-radius:8px;background:#edfff3;color:#148552;font-size:11px;line-height:1.35}
.plans-section .card-note{padding:12px 0 17px;margin:0;border-bottom:1px solid #e9edf2;color:#455a73;font-size:12px}
.self-service{margin-top:19px;padding:18px 16px 16px;border:1px solid #edf0f3;border-radius:15px;background:#f8f9fb}
.self-service h3{margin:0;color:#15253e;font-size:14px}.self-service h3 small{color:#8795aa;font-size:10px;font-weight:normal}
.self-service p{margin:8px 0;color:#62748d;font-size:11px;line-height:1.7}
.self-service span{display:inline-block;border:1px solid #dbe1e8;border-radius:999px;padding:2px 8px;color:#576b82;font-size:10px}
.self-service button{width:100%;margin-top:12px;border:0;border-radius:12px;padding:11px;background:#050505;color:white;font:800 13px Arial;cursor:pointer}
.plans-section .pro .plan-title b{background:#fff7e8;border:1px solid #ffd472;color:#d67f00}
.plans-section .pro .self-service button{background:#ff9e00}
.plans-section .flagship{position:relative;border-color:#3e2f13;background:#171717;color:#fff}
.plans-section .flagship label{position:absolute;right:0;top:0;border-radius:0 23px 0 14px;padding:8px 14px;background:linear-gradient(110deg,#ffe66b,#fda600);color:#241900;font-size:11px;font-weight:bold}
.plans-section .flagship .plan-title,.plans-section .flagship .money{color:#fff}.plans-section .flagship .plan-title em{color:#ffda4f}.plans-section .flagship .plan-title b{background:#3d3109;color:#ffe072}.plans-section .flagship .plan-sub{color:#c2c2c5}.plans-section .flagship .money del,.plans-section .flagship .money small{color:#aaa}.plans-section .flagship .notice{background:#effff3}.plans-section .flagship .card-note{border-color:#453919;color:#ffe174}.plans-section .flagship .self-service{background:#242424;border-color:#493d24}.plans-section .flagship .self-service h3{color:#fff}.plans-section .flagship .self-service p{color:#fff}.plans-section .flagship .self-service span{border-color:#796528;color:#ffe072}.plans-section .flagship .self-service button{background:linear-gradient(90deg,#ffdb4e,#ff9b00);color:#171000}
@media(max-width:800px){.plans-section .plans{grid-template-columns:1fr}.plans-section{padding-top:64px}}@media(max-width:520px){.plans-section>header h2{font-size:32px}.plans-section .plan{border-radius:18px}.plans-section .plans{gap:15px;margin-top:30px}}