@layer components{.notice-banner{border:1px solid var(--accent-amber);color:var(--accent-amber);background:#f59e0b1a;border-radius:10px;margin-bottom:20px;padding:12px 20px;font-size:13px;font-weight:600}.time-status-bar{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:10px;margin-bottom:28px;padding:16px 24px;font-size:15px;font-weight:700}.time-status-bar .min{color:var(--primary);font-size:18px}.receipt-banner{border:1px solid var(--primary);background:#1a64f20f;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding:20px 24px;display:flex}.receipt-banner .rb-title{margin-bottom:4px;font-size:15px;font-weight:800}.receipt-banner .rb-desc{color:var(--text-muted);font-size:13px}.notice-banner{color:var(--accent-red);background:#fff5f5;border:1px solid #ffc9c9}.plans-section .plan-card,.plans-section .time-status-bar{border:1px solid var(--border);box-shadow:none}.plans-section .plan-card{border-radius:16px}.plans-section .time-status-bar{border-radius:14px}.plans-section .plan-name{color:var(--text-main)}.plans-section .plan-price{color:var(--primary)}.plans-section .plan-bonus{color:var(--accent-green)}}
