/* Shared VIP selector: Figma 2429:65535 / 2428:65023. */
.xl-vip-main{padding:32px 0 100px;min-height:660px}.xl-vip-page .vip-page{--vip-text:var(--text-primary);--vip-muted:var(--text-tertiary);--vip-surface:var(--bg-surface);--vip-border:var(--border-default);--vip-tint:var(--bg-surface);--vip-blue:var(--brand-blue-default);max-width:none;padding:0;margin:0;line-height:normal;display:flex;flex-direction:column;gap:24px}.xl-vip-page .vip-breadcrumb{display:flex;align-items:center;gap:2px;margin:0;font-size:16px;color:var(--text-secondary)}.vip-breadcrumb img{width:11px;height:11px}.vip-breadcrumb strong{color:var(--text-primary);font-weight:600}.vip-dark{display:none}[data-theme=dark] .vip-dark{display:block}[data-theme=dark] .vip-light{display:none}.xl-vip-page .vip-current{margin:0;font-size:14px}.xl-vip-page .vip-status-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--bg-surface);border-radius:12px;padding:12px 24px 12px 12px;min-height:54px}.xl-vip-page .vip-status-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.xl-vip-page .vip-status-info .vip-badge{padding:4px 12px;border:1px solid rgba(247,164,86,.28);background:rgba(247,164,86,.18);color:#9b5c00;font-size:14px;font-weight:500;border-radius:999px}.xl-vip-page .vip-coins{display:flex;align-items:center;gap:8px;margin-left:auto;color:var(--text-secondary)}.vip-coins img{width:20px;height:20px}.xl-vip-page .vip-coins strong{font-size:18px;font-weight:600;color:var(--text-primary)}.xl-vip-page .vip-plan-grid{gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.xl-vip-page .vip-plan-grid:empty{display:none}.xl-vip-page .vip-plan{position:relative;min-height:404px;border-radius:12px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;gap:24px;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default)}.vip-plan-top,.vip-plan-bottom{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;gap:20px}.vip-plan-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.xl-vip-page .vip-plan h2{font-size:24px;font-weight:600;line-height:normal;margin:0 0 8px}.xl-vip-page .account-muted{font-size:14px;color:var(--text-tertiary)}.xl-vip-page .vip-plan .vip-badge{font-size:14px;line-height:20px;font-weight:600;white-space:nowrap;padding:4px 12px;border-radius:999px;background:rgba(92,123,255,.1);color:#536fe5}.xl-vip-page .vip-plan .vip-tier-1{color:#e54b7f;background:rgba(255,83,141,.1)}.xl-vip-page .vip-plan-year .vip-badge{color:white;background:linear-gradient(90deg,rgba(92,123,255,.8),rgba(255,83,141,.8))}.xl-vip-page .vip-plan .vip-price{font-size:40px;font-weight:700;line-height:normal;letter-spacing:0;margin:0;color:var(--text-primary)}.xl-vip-page .vip-plan .vip-price>span{font-size:16px;margin-right:0}.xl-vip-page .vip-plan .vip-benefits{margin:0;font-size:14px;line-height:24px}.xl-vip-page .vip-plan .vip-benefits li{padding-left:20px;margin:0}.xl-vip-page .vip-plan .vip-benefits li:before{color:inherit;font-weight:400}.vip-plan-scope{padding-top:20px;border-top:1px solid var(--bg-disabled,#e4e4e8);font-size:14px;line-height:20px;color:var(--text-tertiary)}.xl-vip-page .vip-button{border-radius:999px;background:linear-gradient(90deg,var(--brand-blue-default),var(--brand-pink-default));height:44px;min-height:44px;padding:0 16px;color:white;font-size:16px;font-weight:600}.xl-vip-page .vip-plan .vip-button{width:100%;margin:0}.xl-vip-page .vip-button:hover{filter:brightness(1.05)}.xl-vip-page .vip-plan-year .vip-button{box-shadow:0 6px 14px rgba(255,83,141,.22)}.xl-vip-page .vip-plan-dark{background:linear-gradient(116.254deg,rgba(255,208,113,.2),rgba(255,165,63,.2));border:1px solid #ffd071;--vip-muted:#9b5c00;box-shadow:none;color:#802600}.xl-vip-page .vip-plan-dark h2,.xl-vip-page .vip-plan-dark .account-muted,.xl-vip-page .vip-plan-dark .vip-plan-scope{color:#802600}.xl-vip-page .vip-plan-dark .account-muted,.xl-vip-page .vip-plan-dark .vip-plan-scope{opacity:.8}.xl-vip-page .vip-plan-dark .vip-price{color:transparent;background:linear-gradient(112deg,#e57200,#802600);background-clip:text;-webkit-background-clip:text}.xl-vip-page .vip-plan-dark .vip-benefits{color:#9b5c00}.xl-vip-page .vip-plan-dark .vip-badge{background:rgba(255,209,102,.2);border:1px solid rgba(255,157,71,.32);padding:3px 12px;color:#802600}.xl-vip-page .vip-plan-dark .vip-plan-scope{border-color:rgba(255,184,102,.45)}.xl-vip-page .vip-plan-dark .vip-button{color:#802600;background:linear-gradient(150deg,#ffc551,#ffa033);box-shadow:0 6px 14px rgba(247,164,86,.2)}.vip-decoration{position:absolute;left:-1px;top:-1px;pointer-events:none}.vip-decoration-1{width:164px;height:180px}.vip-decoration-2{width:266px;height:288px}.xl-vip-page .vip-empty{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;color:var(--text-primary);padding:80px 24px}.xl-vip-page .vip-notice{border:0;border-radius:12px;margin:0!important;color:var(--text-tertiary);line-height:24px}.xl-vip-page .vip-notice a{margin-left:12px;color:var(--brand-blue-default)}.xl-vip-page .vip-page-message:empty{display:none}.xl-vip-page .vip-page-message:not(:empty){padding:0}.xl-vip-page .vip-dialog{--vip-text:var(--text-primary);--vip-muted:var(--text-tertiary);--vip-surface:var(--bg-page);--vip-border:var(--border-default);--vip-tint:var(--bg-surface);--vip-blue:var(--brand-blue-default)}.xl-vip-page .vip-button-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-default)}.xl-vip-page .vip-dialog h2{color:var(--text-primary)}
[data-theme=dark] .xl-vip-page .vip-status-info .vip-badge{color:#ffd68f}[data-theme=dark] .xl-vip-page .vip-plan .vip-badge{background:linear-gradient(90deg,rgba(92,123,255,.4),rgba(255,83,141,.4));color:var(--text-secondary)}[data-theme=dark] .xl-vip-page .vip-plan-dark{background:linear-gradient(71.356deg,rgba(247,164,86,0),rgba(247,193,86,.18));border-color:#ffd071;box-shadow:none}[data-theme=dark] .xl-vip-page .vip-plan-dark h2,[data-theme=dark] .xl-vip-page .vip-plan-dark .account-muted,[data-theme=dark] .xl-vip-page .vip-plan-dark .vip-price{color:transparent;background:linear-gradient(110deg,#ffd071,#ffa53f);background-clip:text;-webkit-background-clip:text}[data-theme=dark] .xl-vip-page .vip-plan-dark .vip-benefits{color:#cbc9d4}[data-theme=dark] .xl-vip-page .vip-plan-dark .vip-plan-scope{color:#aaa7b4}[data-theme=dark] .xl-vip-page .vip-plan-dark .vip-badge{color:#ffd68f;background:rgba(247,164,86,.18);border-color:rgba(247,164,86,.32)}[data-theme=dark] .xl-vip-page .vip-plan-dark .vip-button{background:linear-gradient(150deg,#ffd071,#ffa53f)}
@media(max-width:1100px){.xl-vip-page .vip-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.xl-vip-main{padding:24px 0 48px;min-height:0}.xl-vip-page .vip-page{gap:20px}.xl-vip-page .vip-plan-grid{grid-template-columns:minmax(0,1fr)}.xl-vip-page .vip-status-bar{padding:12px;gap:12px}.xl-vip-page .vip-status-info{gap:8px}.xl-vip-page .vip-plan{min-height:404px}.xl-vip-page .vip-empty{padding:64px 20px}}

.xl-vip-page .vip-dark{display:none}[data-theme=dark] .xl-vip-page .vip-dark{display:block}[data-theme=dark] .xl-vip-page .vip-light{display:none}

/* Membership card labels use regular weight. */
.xl-vip-page .vip-plan .vip-badge{font-weight:400}

/* 与资讯、演员列表保持一致的面包屑。 */
.xl-vip-page .vip-breadcrumb{flex-wrap:wrap;gap:8px;font-size:14px;line-height:22px;color:var(--text-tertiary)}
.xl-vip-page .vip-breadcrumb a{color:var(--text-secondary)}