.account-page{color:#fff;background:#08080c;min-height:100vh;padding-top:72px}.account-hero{background:radial-gradient(circle at 80% 20%,#8c203f,#0000 32%),linear-gradient(120deg,#17111a,#08080c);justify-content:space-between;align-items:center;gap:30px;min-height:250px;padding:55px max(7vw,30px);display:flex}.account-hero p,.section-heading p{color:#ff4d72;letter-spacing:2px;margin:0;font-size:11px;font-weight:800}.account-hero h1{margin:12px 0 8px;font-size:42px}.account-hero span{color:#999}.member-badge{background:#ffffff0b;border:1px solid #ffffff18;border-radius:16px;min-width:260px;padding:24px}.member-badge.vip{background:linear-gradient(135deg,#8b5520,#2a1a0b);border-color:#e8b76055}.member-badge b,.member-badge small{display:block}.member-badge small{color:#bbb;margin-top:9px}.account-section{border-top:1px solid #ffffff0c;padding:45px max(7vw,30px)}.section-heading{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.section-heading h2{margin:8px 0 0;font-size:27px}.section-heading>span{color:#777;font-size:13px}.plan-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.plan-grid article{background:#111117;border:1px solid #ffffff12;border-radius:14px;padding:24px}.plan-grid article:hover{border-color:#ff466d}.plan-grid small{color:#aaa}.plan-grid strong{margin:18px 0;font-size:38px;display:block}.plan-grid strong i{font-size:18px;font-style:normal}.plan-grid p{color:#777;min-height:36px;font-size:13px}.plan-grid button{background:linear-gradient(100deg,#ff2d63,#ff6543);border:0;border-radius:7px;width:100%;height:42px;font-weight:700}.account-message{color:#ff809b;background:#1c1921;border-radius:7px;padding:12px}.history-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.history-grid article{background:#111117;border-radius:10px;gap:14px;padding:12px;display:flex}.history-grid img{object-fit:cover;border-radius:6px;width:80px;height:106px}.history-grid h3{margin:8px 0;font-size:15px}.history-grid p,.history-grid small{color:#888;font-size:12px}.progress{background:#333;height:4px;margin:15px 0}.progress i{background:#ff3e68;height:100%;display:block}.order-list>div{color:#aaa;border-bottom:1px solid #ffffff0d;grid-template-columns:1fr 100px 150px 80px 180px;gap:15px;padding:15px;display:grid}.order-list b{color:#fff}.order-list em{color:#f7ba55;font-style:normal}.order-list em.paid{color:#58c77b}.account-empty{color:#777;border:1px dashed #ffffff18;border-radius:10px;padding:35px}.account-empty a{color:#ff5276}@media (width<=800px){.account-page{padding-top:62px}.account-hero,.section-heading{flex-direction:column;align-items:flex-start}.account-hero h1{font-size:32px}.plan-grid{grid-template-columns:1fr 1fr}.history-grid{grid-template-columns:1fr}.order-list>div{grid-template-columns:1fr 1fr}.order-list small{grid-column:1/-1}}@media (width<=480px){.plan-grid{grid-template-columns:1fr}}