.commerce-main{padding:18px}.vip-hero{position:relative;isolation:isolate;min-height:136px;overflow:hidden;padding:22px 20px 20px;border:1px solid rgba(255,239,205,.16);border-radius:18px;background:radial-gradient(circle at 87% 18%,rgba(255,225,168,.2),transparent 27%),linear-gradient(132deg,#6f281f 0%,#a53e2d 48%,#7d2d23 100%);color:#fff8e8;box-shadow:0 13px 28px rgba(91,42,32,.22)}.vip-hero::before,.vip-hero::after{position:absolute;z-index:-1;content:"";pointer-events:none}.vip-hero::before{right:-34px;bottom:-76px;width:220px;height:150px;border:1px solid rgba(255,236,197,.18);border-radius:50%;box-shadow:0 0 0 18px rgba(255,236,197,.045),0 0 0 42px rgba(255,236,197,.035);transform:rotate(-12deg)}.vip-hero::after{right:58px;bottom:-54px;width:190px;height:100px;border-top:1px solid rgba(255,244,221,.12);border-radius:50%;transform:rotate(8deg)}.vip-hero-copy{position:relative;z-index:1;padding-right:58px}.vip-hero-kicker{display:block;margin-bottom:7px;color:#f7c98d;font-size:10px;font-weight:700;letter-spacing:.24em}.vip-hero h2{max-width:270px;margin:0;font-family:var(--font-wen);font-size:21px;font-weight:700;line-height:1.55;letter-spacing:.035em}.vip-hero h2 span{color:#ffe3b5}.vip-orders-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:#fff8e8;font-size:11px;text-underline-offset:3px}.vip-orders-link span{transition:transform .16s ease}.vip-orders-link:active span{transform:translateX(3px)}.vip-hero-seal{position:absolute;top:19px;right:17px;width:48px;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,236,197,.48);border-radius:4px;color:#ffe7bd;box-shadow:inset 0 0 0 3px rgba(255,236,197,.07);transform:rotate(3deg)}.vip-hero-seal strong{font-family:Georgia,serif;font-size:15px;letter-spacing:.06em}.vip-hero-seal small{margin-top:3px;font-family:var(--font-wen);font-size:8px;letter-spacing:.12em}.plan-list{display:flex;flex-direction:column;gap:13px;margin-top:16px}.plan-card{padding:15px;border:1px solid var(--rule);border-radius:13px;background:rgba(253,250,242,.86)}.plan-card header{display:flex;align-items:start;justify-content:space-between;gap:10px}.plan-card h2{margin:0;font-family:var(--font-wen);font-size:19px}.plan-price{color:var(--cinnabar);font-size:20px;font-weight:800}.plan-card p{color:var(--ink-soft);font-size:12px;line-height:1.65}.plan-benefits{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.plan-benefits span{padding:4px 8px;border-radius:12px;background:rgba(92,110,82,.09);color:var(--bamboo);font-size:10px}.plan-card .button{width:100%}.payment-dialog{text-align:center}.kicker{color:var(--cinnabar);font-size:11px;letter-spacing:.15em}.payment-amount{color:var(--cinnabar);font-size:26px;font-weight:800}.payment-channels{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wechat-pay-icon{display:none;width:22px;height:22px;flex:0 0 22px}.payment-channels.wechat-only{grid-template-columns:minmax(0,236px);justify-content:center}.payment-channels.wechat-only .wechat-pay-button{min-height:50px;gap:9px;border-color:#07c160;background:#07c160;color:#fff;border-radius:8px;box-shadow:0 7px 16px rgba(7,193,96,.24);font-size:15px;font-weight:700;letter-spacing:.04em;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.payment-channels.wechat-only .wechat-pay-icon{display:block}.payment-channels.wechat-only .wechat-pay-button:active{background:#06ad56;box-shadow:0 3px 9px rgba(7,193,96,.2);transform:translateY(1px) scale(.99)}.payment-channels.wechat-only .wechat-pay-button:disabled{background:#8bcfa8;border-color:#8bcfa8;box-shadow:none}.payment-qr{width:210px;max-width:100%;margin:15px auto 0;padding:8px;border:1px solid var(--rule);border-radius:12px;background:white}.payment-qr img{display:block;width:100%}.payment-status{margin-top:12px;color:var(--ink-soft);font-size:12px;line-height:1.6}
.order-list{border-top:1px solid var(--rule)}.order-item{padding:15px 2px;border-bottom:1px solid var(--rule)}.order-item header,.order-item footer{display:flex;justify-content:space-between;gap:10px}.order-item h2{margin:0;font-family:var(--font-wen);font-size:17px}.order-item p{color:var(--ink-soft);font-size:11px;line-height:1.6}.order-item footer{font-size:11px}.order-status{padding:3px 8px;border-radius:12px;background:rgba(158,59,44,.08);color:var(--cinnabar)}.order-status.paid{background:rgba(92,110,82,.1);color:var(--bamboo)}
@media(prefers-reduced-motion:no-preference){.vip-hero-copy{animation:vip-hero-copy-in .42s ease-out both}.vip-hero-seal{animation:vip-seal-in .48s .08s ease-out both}.plan-card{animation:vip-plan-in .3s ease-out both}.plan-card:nth-child(2){animation-delay:.04s}.plan-card:nth-child(3){animation-delay:.08s}@keyframes vip-hero-copy-in{from{opacity:0;transform:translateY(8px)}}@keyframes vip-seal-in{from{opacity:0;transform:rotate(8deg) scale(.88)}}@keyframes vip-plan-in{from{opacity:0;transform:translateY(6px)}}}