.plan-cards{color:#1c1d2b;font-family:PingFang SC,Hiragino Sans GB,-apple-system,sans-serif}.plan-cards *{box-sizing:border-box}.plan-cards h2{font-size:20px;margin:34px 0 4px}.plan-cards .foot,.plan-cards .lead{text-wrap:pretty}.plan-cards .lead{font-size:14px;color:#6b6d85;margin-bottom:16px}.plan-cards .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}@media(min-width:960px){.plan-cards .grid.five{grid-template-columns:repeat(6,1fr)}.plan-cards .grid.five .card{grid-column:span 2}.plan-cards .grid.five .card:nth-child(4){grid-column:2/span 2}}@media(max-width:600px){.plan-cards h1{font-size:21px}}.plan-cards .card{container-type:inline-size;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(20,22,60,.06),0 8px 24px rgba(20,22,60,.06);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.plan-cards .card:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(20,22,60,.08),0 16px 36px rgba(20,22,60,.12)}.plan-cards .art{position:relative;aspect-ratio:16/10;background:#3b3fb8 100%/cover no-repeat;color:#fff}.plan-cards .art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,16,80,.42),rgba(18,16,80,.22) 40%,rgba(18,16,80,0) 62%)}.plan-cards .ov{position:absolute;left:6cqw;top:50%;transform:translateY(-50%);max-width:46%;z-index:1;text-shadow:0 2px 12px rgba(10,10,50,.35)}.plan-cards .tier{display:flex;align-items:center;font-size:4.4cqw;font-weight:600;letter-spacing:.1em;color:rgba(255,255,255,.92)}.plan-cards .rib{display:inline-flex;align-items:center;gap:1.2cqw;margin-left:2.4cqw;padding:.9cqw 2.4cqw;border-radius:99px;font-size:3.2cqw;font-weight:700;letter-spacing:.04em;background:rgba(12,10,52,.42);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);text-shadow:none}.plan-cards .rib:before{content:"";width:1.8cqw;height:1.8cqw;border-radius:50%;background:var(--c);box-shadow:0 0 1.6cqw var(--c)}.plan-cards .hero{display:flex;align-items:baseline;gap:1.4cqw;white-space:nowrap;margin-top:1.2cqw}.plan-cards .hero b{font-size:11cqw;font-weight:800;line-height:.95;letter-spacing:-.02em}.plan-cards .hero em{font-style:normal;font-size:5cqw;font-weight:700}.plan-cards .sub{font-size:3.3cqw;opacity:.92;margin-top:1cqw;line-height:1.45}.plan-cards .cr{font-size:4.6cqw;font-weight:700;margin-top:3.4cqw}.plan-cards .note{font-size:3.2cqw;opacity:.9;margin-top:1.2cqw}.plan-cards .meta{padding:3.6cqw 6cqw 4.4cqw;display:flex;flex-direction:column;flex:1}.plan-cards .t{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.plan-cards .hot{font-size:11px;font-weight:700;color:#fff;background:#ff6b3d;border-radius:4px;padding:2px 6px}.plan-cards .fit{font-size:13px;color:#5b5d75;margin-top:4px}.plan-cards .uses{margin-top:10px;background:#f4f4fb;border-radius:10px;padding:8px 10px}.plan-cards .uses span{font-size:12px;color:#8a8ca3}.plan-cards .uses ul{list-style:none;margin-top:4px;font-size:13px;line-height:1.7;color:#2d2f48}.plan-cards .uses li:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#9aa0d8;margin:0 8px 3px 2px}.plan-cards .row{display:flex;align-items:baseline;gap:6px;margin-top:auto;padding-top:12px}.plan-cards .price{font-size:22px;font-weight:800}.plan-cards .foot,.plan-cards .per{font-size:13px;color:#7a7c93}.plan-cards .foot{margin-top:22px;line-height:1.7}.plan-cards .btn{margin-left:auto;border:0;border-radius:99px;background:#5B65F9;color:#fff;font:600 14px/1 inherit;padding:10px 18px;cursor:pointer}.plan-cards .btn:hover{background:#4a53e0}.plan-cards .art.vip{background:radial-gradient(120% 90% at 85% 30%,#f3d48b 0,#b8892b 28%,#3a2a12 62%,#16110a 100%)}.plan-cards .art.vip:before{background:linear-gradient(90deg,rgba(10,8,4,.55),rgba(10,8,4,.25) 45%,rgba(10,8,4,0) 65%)}.plan-cards .card.vipcard{border:1px solid #ecd29a}.plan-cards .vipcard .btn{background:#b8892b}.plan-cards .vipcard .btn:hover{background:#9c7322}@media(min-width:960px){.plan-cards .grid.one{grid-template-columns:repeat(3,1fr)}.plan-cards .grid.four{grid-template-columns:repeat(4,1fr)}}.plan-card-detail .card:hover{transform:none;box-shadow:0 1px 2px rgba(20,22,60,.06),0 8px 24px rgba(20,22,60,.06)}.plan-card-detail .meta{padding:16px 20px 18px}@media(min-width:1024px){.plan-card-detail{max-width:680px;margin:0 auto;padding:0 32px}}