:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;color:var(--color-text);background:var(--color-bg);--color-bg: #f5f5f7;--color-bg-secondary: #f9fafb;--color-surface: #ffffff;--color-surface-hover: #f3f4f6;--color-surface-input: #fafafb;--color-text: #1a1a1a;--color-text-heading: #1e1b4b;--color-text-secondary: #374151;--color-text-muted: #6b7280;--color-text-subtle: #9ca3af;--color-text-inverse: #ffffff;--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-bg: #dbeafe;--color-primary-bg-text: #1e40af;--color-primary-subtle-bg: #f5f3ff;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-border-strong: #d1d5db;--color-danger: #dc2626;--color-danger-bg: #fef2f2;--color-danger-border: #fecaca;--color-success: #16a34a;--color-success-bg: #f0fdf4;--color-success-border: #bbf7d0;--color-warning: #f59e0b;--color-warning-bg: #fef3c7;--color-warning-text: #92400e;--color-sidebar-bg: #f8f9fc;--color-sidebar-text: #4b5563;--color-sidebar-hover: #eef0f4;--color-sidebar-brand: #4f46e5;--color-sidebar-logout: #dc2626;--shadow-card: 0 4px 24px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.04);--shadow-modal: 0 20px 60px rgba(0,0,0,.15);--shadow-overlay: rgba(0,0,0,.4);--shadow-primary: rgba(79,70,229,.3);--shadow-focus: rgba(79,70,229,.1);--shadow-featured: rgba(79,70,229,.12);--shadow-card-sm: 0 1px 4px rgba(0,0,0,.06);--color-nav-glass: rgba(255,255,255,.9);--color-loading: #666666;--color-hero-gradient-from: #1e1b4b;--color-hero-gradient-to: #4f46e5;--color-hero-gradient-light-from: #f5f3ff;--color-hero-gradient-light-to: #ffffff}[data-theme=dark]{--color-bg: #0f0f13;--color-bg-secondary: #16161e;--color-surface: #1c1c26;--color-surface-hover: #252538;--color-surface-input: #16161e;--color-text: #e4e4ec;--color-text-heading: #f0f0f8;--color-text-secondary: #c4c4cf;--color-text-muted: #88889a;--color-text-subtle: #666680;--color-text-inverse: #0f0f13;--color-primary: #a5b4fc;--color-primary-hover: #c7d2fe;--color-primary-bg: rgba(165,180,252,.12);--color-primary-bg-text: #a5b4fc;--color-primary-subtle-bg: #16162a;--color-border: #2a2a3c;--color-border-light: #1e1e30;--color-border-strong: #3a3a50;--color-danger: #f87171;--color-danger-bg: #2d1518;--color-danger-border: #4d2025;--color-success: #4ade80;--color-success-bg: #12241a;--color-success-border: #1a3a28;--color-warning: #fbbf24;--color-warning-bg: #2d2410;--color-warning-text: #fbbf24;--color-sidebar-bg: #0f0f17;--color-sidebar-text: #cdd6f4;--color-sidebar-hover: #252538;--color-sidebar-brand: #ffffff;--color-sidebar-logout: #f38ba8;--shadow-card: 0 4px 24px rgba(0,0,0,.3), 0 1px 4px rgba(0,0,0,.2);--shadow-modal: 0 20px 60px rgba(0,0,0,.4);--shadow-overlay: rgba(0,0,0,.6);--shadow-primary: rgba(165,180,252,.25);--shadow-focus: rgba(165,180,252,.12);--shadow-featured: rgba(165,180,252,.15);--shadow-card-sm: 0 1px 4px rgba(0,0,0,.2);--color-nav-glass: rgba(15,15,19,.9);--color-loading: #88889a;--color-hero-gradient-from: #1e1b4b;--color-hero-gradient-to: #4f46e5;--color-hero-gradient-light-from: #16162a;--color-hero-gradient-light-to: #0f0f13}*{box-sizing:border-box;margin:0;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.auth-page{min-height:100vh;display:flex}.auth-hero{flex:1;background:linear-gradient(135deg,var(--color-hero-gradient-from) 0%,var(--color-hero-gradient-to) 100%);display:flex;align-items:center;justify-content:center;padding:3rem}.hero-content{color:var(--color-text-inverse);max-width:360px}.brand-logo{font-size:2rem;font-weight:800;margin-bottom:1rem}.hero-content h2{font-size:1.5rem;margin-bottom:.5rem;font-weight:600}.hero-tagline{opacity:.8;margin-bottom:1.5rem}.hero-features{list-style:none;padding:0}.hero-features li{padding:.4rem 0 .4rem 1.25rem;position:relative;opacity:.9}.hero-features li:before{content:"✓";position:absolute;left:0;color:#a5b4fc}.auth-form-side{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}@media (max-width: 768px){.auth-page{flex-direction:column}.auth-hero{min-height:200px;padding:2rem}.auth-form-side{flex:unset}}.auth-card{background:var(--color-surface);border-radius:16px;padding:2.5rem;width:100%;max-width:400px;box-shadow:var(--shadow-card)}.auth-card h1{margin-bottom:.35rem;font-size:1.6rem}.auth-card .auth-subtitle{font-size:.9rem;color:var(--color-text-subtle);margin-bottom:1.5rem}.auth-card form{display:flex;flex-direction:column;gap:.75rem}.auth-card input{padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--color-border);border-radius:10px;font-size:.95rem;width:100%;background:var(--color-surface-input);transition:border-color .2s,box-shadow .2s;color:var(--color-text)}.auth-card input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--shadow-focus);background:var(--color-surface)}.input-group{position:relative}.input-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);width:1.15rem;height:1.15rem;color:var(--color-text-subtle);pointer-events:none;transition:color .2s}.input-group input:focus~.input-icon{color:var(--color-primary)}.password-group{position:relative}.pwd-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-subtle);cursor:pointer;padding:.2rem;display:flex;align-items:center;transition:color .2s}.pwd-toggle:hover{color:var(--color-primary)}.field-error{display:block;color:var(--color-danger);font-size:.8rem;margin-top:.25rem}.terms-text{margin-top:1rem;font-size:.8rem;color:var(--color-text-subtle);text-align:center}.terms-text a{color:var(--color-primary);text-decoration:none}.terms-text a:hover{text-decoration:underline}.btn-primary{padding:.75rem;background:var(--color-primary);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .2s,transform .15s,box-shadow .2s}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-primary)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.spinner{width:1.1rem;height:1.1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tab-group{display:flex;gap:.5rem;margin-bottom:1rem}.tab-group button{flex:1;padding:.5rem;border:1px solid var(--color-border-strong);border-radius:6px;background:var(--color-surface);color:var(--color-text);cursor:pointer}.tab-group button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.code-row{display:flex;gap:.5rem}.code-row input{flex:1}.code-row button{white-space:nowrap;padding:0 1rem;border:1px solid var(--color-primary);border-radius:8px;color:var(--color-primary);background:var(--color-surface);cursor:pointer}.code-row button:disabled{opacity:.5;cursor:not-allowed}.error-msg{color:var(--color-danger);background:var(--color-danger-bg);padding:.5rem .75rem;border-radius:6px;margin-bottom:.75rem;font-size:.9rem}.auth-links{margin-top:1rem;display:flex;justify-content:space-between}.auth-links a{color:var(--color-primary);text-decoration:none;font-size:.9rem}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.1rem;color:var(--color-loading)}.console-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:52px;position:sticky;top:0;background:var(--color-nav-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);z-index:100}.topbar-brand{font-size:1.15rem;font-weight:800;color:var(--color-text-heading);text-decoration:none}.topbar-brand:hover{color:var(--color-primary)}.topbar-actions{display:flex;align-items:center;gap:1rem}.topbar-user{display:flex;align-items:center;gap:.5rem}.topbar-user-avatar{width:30px;height:30px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0}.topbar-user-name{font-size:.85rem;font-weight:500;color:var(--color-text-secondary)}.topbar-logout{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:.85rem;padding:.25rem .5rem;border-radius:6px;transition:color .15s,background .15s}.topbar-logout:hover{color:var(--color-danger);background:var(--color-surface-hover)}.console-layout{display:flex;height:calc(100vh - 52px)}.console-sidebar{width:240px;background:var(--color-sidebar-bg);color:var(--color-sidebar-text);display:flex;flex-direction:column;padding:1.25rem 1rem}.console-sidebar nav{display:flex;flex-direction:column;gap:.15rem;flex:1}.console-sidebar nav a{padding:.55rem .75rem;border-radius:6px;color:var(--color-sidebar-text);text-decoration:none;font-size:.9rem;opacity:.75;transition:opacity .15s,background .15s}.console-sidebar nav a:hover{opacity:1;background:var(--color-sidebar-hover)}.console-sidebar nav a.active{opacity:1;background:var(--color-sidebar-hover);color:var(--color-sidebar-brand)}.console-content h2{margin-bottom:1rem}.placeholder-cards{display:flex;gap:1rem;margin-top:1rem}.card{background:var(--color-surface);border-radius:8px;padding:1.5rem;box-shadow:var(--shadow-card-sm);flex:1}.landing-page,.public-page{min-height:100vh;background:var(--color-surface)}.public-nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;background:var(--color-nav-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);z-index:100}.public-nav-brand{color:var(--color-text-heading);font-size:1.25rem;font-weight:800;text-decoration:none}.public-nav-links{display:flex;align-items:center;gap:1.5rem}.public-nav-links a{color:var(--color-text-secondary);font-size:.9rem;text-decoration:none}.public-nav-links a:hover,.public-nav-links a.active{color:var(--color-primary)}.public-nav-links a.active{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.65rem}.public-nav-auth-placeholder{display:inline-block;width:148px;height:36px;border-radius:6px;background:var(--color-surface-hover)}.nav-btn-secondary{padding:.4rem 1rem;border:1px solid var(--color-border-strong);border-radius:6px;color:var(--color-text-secondary)!important;font-size:.9rem}.nav-btn-primary{padding:.4rem 1rem;background:var(--color-primary);border-radius:6px;color:#fff!important;font-size:.9rem}.nav-btn-primary:hover{background:var(--color-primary-hover)}.landing-hero{text-align:center;padding:6rem 2rem 4rem;background:linear-gradient(180deg,var(--color-hero-gradient-light-from) 0%,var(--color-hero-gradient-light-to) 100%)}.landing-hero h1{font-size:2.5rem;font-weight:800;color:var(--color-text-heading);margin-bottom:1rem}.hero-subtitle{font-size:1.1rem;color:var(--color-text-muted);max-width:560px;margin:0 auto 2rem;line-height:1.7}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-lg{padding:.85rem 2rem;font-size:1rem}.btn-outline{padding:.75rem 1.5rem;border:1px solid var(--color-border-strong);border-radius:8px;color:var(--color-text-secondary);text-decoration:none;text-align:center;display:inline-block}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.landing-features{padding:4rem 2rem;max-width:960px;margin:0 auto}.landing-features h2{text-align:center;font-size:1.75rem;margin-bottom:2.5rem;color:var(--color-text-heading)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.feature-card{background:var(--color-bg-secondary);border-radius:12px;padding:1.5rem;text-align:center}.feature-icon{font-size:2rem;margin-bottom:.75rem}.feature-card h3{font-size:1rem;margin-bottom:.5rem;color:var(--color-text-heading)}.feature-card p{font-size:.85rem;color:var(--color-text-muted);line-height:1.5}.landing-pricing{padding:4rem 2rem;background:var(--color-bg-secondary)}.landing-pricing h2{text-align:center;font-size:1.75rem;margin-bottom:.5rem;color:var(--color-text-heading)}.pricing-subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:2.5rem}.landing-pricing>.btn-primary{width:max-content;min-width:148px;margin:0 auto}.pricing-cards{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;max-width:900px;margin:0 auto}.pricing-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem;width:260px;display:flex;flex-direction:column;align-items:center;text-align:center}.pricing-card.featured{border-color:var(--color-primary);box-shadow:0 4px 20px var(--shadow-featured)}.pricing-card h3{font-size:1.1rem;margin-bottom:.5rem}.pricing-card .price{font-size:2rem;font-weight:700;color:var(--color-text-heading);margin-bottom:1rem}.pricing-card .price span{font-size:.9rem;font-weight:400;color:var(--color-text-muted)}.pricing-card ul{list-style:none;padding:0;margin-bottom:1.5rem;flex:1}.pricing-card li{padding:.3rem 0;color:var(--color-text-secondary);font-size:.9rem}.pricing-card .btn-primary,.pricing-card .btn-outline{width:100%}.pricing-card-action{width:100%;margin-top:auto}.pricing-action-placeholder{display:block;width:100%;height:42px;border-radius:8px;background:var(--color-surface-hover);animation:pricing-pulse 1.4s ease-in-out infinite}.pricing-page{overflow-x:hidden;background:radial-gradient(circle at 50% 9%,var(--color-primary-subtle-bg),transparent 34rem),var(--color-bg)}.pricing-page main{min-height:calc(100vh - 65px)}.pricing-hero{padding:2.6rem 1.5rem 1.7rem;text-align:center}.pricing-hero h1{color:var(--color-text-heading);font-size:clamp(2rem,3.1vw,2.6rem);line-height:1.2;letter-spacing:-.035em;margin-bottom:0}.pricing-content{width:min(calc(100% - 2rem),1068px);margin:0 auto;padding-bottom:2.5rem}.pricing-section{margin-bottom:1.8rem}.pricing-section>h2,.pricing-section-title h2,.pricing-notes>h2{color:var(--color-text-heading);font-size:1.45rem;line-height:1.3;text-align:center;margin-bottom:1rem}.pricing-section-title{display:flex;align-items:baseline;justify-content:center;gap:1rem;margin-bottom:.9rem}.pricing-section-title h2{margin-bottom:0}.pricing-section-title span{color:var(--color-text-muted);font-size:.78rem}.pricing-subscription-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:1rem}.pricing-page .subscription-plan-card{width:auto;min-height:286px;padding:1.45rem 1.3rem;align-items:stretch;text-align:center;background:color-mix(in srgb,var(--color-surface) 92%,transparent)}.pricing-page .subscription-plan-card h3{color:var(--color-text-heading);font-size:1.1rem;margin-bottom:.25rem}.pricing-page .subscription-plan-card .price{font-size:2.45rem;line-height:1.1;margin:.35rem 0 .85rem;font-variant-numeric:tabular-nums}.pricing-page .subscription-plan-card .price .price-currency{color:var(--color-text-heading);font-size:1.2rem;font-weight:600;margin-right:.18rem}.pricing-page .subscription-plan-card ul{width:100%;padding:.9rem 0;margin:0 0 1rem;border-top:1px solid var(--color-border);text-align:left}.pricing-page .subscription-plan-card li{position:relative;padding:.32rem 0 .32rem 1.45rem}.pricing-page .subscription-plan-card li:before{content:"✓";position:absolute;left:0;top:.3rem;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--color-primary);color:var(--color-text-inverse);font-size:.65rem;font-weight:800}.pricing-pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:1rem}.pricing-page .credit-pack-card{width:auto;min-height:92px;padding:1.05rem 1.1rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.9rem;text-align:left;background:color-mix(in srgb,var(--color-surface) 92%,transparent)}.credit-pack-icon{width:38px;height:38px;color:var(--color-primary);flex:none}.credit-pack-copy{min-width:0}.credit-pack-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem}.pricing-page .credit-pack-card h3{color:var(--color-text-heading);font-size:1rem;line-height:1.3;margin-bottom:.25rem;overflow-wrap:anywhere}.credit-pack-meta{color:var(--color-text-muted);font-size:.74rem}.credit-pack-price{color:var(--color-primary);font-size:1.18rem;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.credit-pack-price span{font-size:.75rem;margin-right:.1rem}.pricing-page .credit-pack-card .pricing-card-action{width:auto}.pricing-page .credit-pack-card .btn-primary{width:auto;min-width:92px;padding:.55rem .75rem;font-size:.8rem}.pricing-byok{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.2rem;padding:1rem 1.25rem;margin:.25rem 0 1.8rem;border:1px solid var(--color-border);border-radius:10px;background:color-mix(in srgb,var(--color-surface) 92%,transparent)}.pricing-byok-icon{display:grid;place-items:center;width:48px;height:48px;border:2px dashed var(--color-primary);border-radius:10px;color:var(--color-primary);font-size:.78rem;font-weight:800}.pricing-byok h2{color:var(--color-text-heading);font-size:1.05rem;margin-bottom:.15rem}.pricing-byok p{color:var(--color-text-muted);font-size:.78rem}.pricing-byok .btn-outline{min-width:126px;padding:.62rem 1rem;border-color:var(--color-primary);color:var(--color-primary);font-size:.85rem}.pricing-notes>h2{margin-bottom:.85rem}.pricing-notes details{border:1px solid var(--color-border);border-radius:8px;background:color-mix(in srgb,var(--color-surface) 92%,transparent)}.pricing-notes details+details{margin-top:.55rem}.pricing-notes summary{padding:.75rem 1rem;color:var(--color-text-heading);font-size:.88rem;font-weight:600;cursor:pointer}.pricing-notes details p{padding:0 1rem .9rem;color:var(--color-text-muted);font-size:.82rem;line-height:1.65}.pricing-login-note{margin-top:1rem;color:var(--color-text-muted);text-align:center;font-size:.85rem}.pricing-login-note a{color:var(--color-primary);margin-left:.25rem}.pricing-section-empty,.pricing-state-card{padding:2.5rem 1.5rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-text-muted);text-align:center}.pricing-state-card{margin:2rem auto;max-width:620px}.pricing-state-card h2{color:var(--color-text-heading);margin-bottom:.5rem}.pricing-state-card p{margin-bottom:1.25rem}.pricing-state-card>div{display:flex;justify-content:center;gap:.75rem}.pricing-loading{padding-top:1rem}.pricing-skeleton-heading{width:124px;height:26px;margin:0 auto 1rem;border-radius:6px;background:var(--color-surface-hover);animation:pricing-pulse 1.4s ease-in-out infinite}.pricing-skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.pricing-skeleton-card{height:286px;border:1px solid var(--color-border);border-radius:12px;background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--color-surface-hover) 68%,transparent) 48%,transparent 76%),var(--color-surface);background-size:220% 100%;animation:pricing-shimmer 1.5s linear infinite}@keyframes pricing-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes pricing-shimmer{to{background-position-x:-220%}}.billing-cards .credit-pack-card{display:flex;text-align:center}.billing-cards .credit-pack-card .credit-pack-price{margin-bottom:1rem}.billing-cards .credit-pack-card .pricing-card-action{width:100%}.public-footer{padding:2rem;text-align:center;border-top:1px solid var(--color-border);color:var(--color-text-subtle);font-size:.85rem}.footer-brand{margin-bottom:.5rem}.footer-links{display:flex;gap:1.5rem;justify-content:center}.footer-links a{color:var(--color-text-subtle);text-decoration:none}.footer-links a:hover{color:var(--color-primary)}.footer-beian{margin-top:.75rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}.footer-beian a{display:inline-flex;align-items:center;gap:4px;color:var(--color-text-subtle);text-decoration:none}.footer-beian a:hover{color:var(--color-primary)}.footer-beian-divider{color:var(--color-border-strong)}.footer-beian-icon{width:14px;height:14px}@media (max-width: 640px){.landing-hero h1{font-size:1.75rem}.public-nav{padding:.75rem 1rem}.public-nav-links{gap:.75rem}.public-nav-links>a:not(.nav-btn-primary):not(.nav-btn-secondary){display:none}.public-nav-links .theme-toggle{display:none}.public-nav-auth-placeholder{width:92px}.pricing-cards{flex-direction:column;align-items:center}.pricing-hero{padding:2.3rem 1rem 1.5rem}.pricing-hero h1{font-size:1.9rem}.pricing-content{width:min(calc(100% - 1.25rem),1068px)}.pricing-skeleton-grid{grid-template-columns:1fr}.pricing-skeleton-card:nth-child(n+2){display:none}.pricing-section-title{display:block;text-align:center}.pricing-section-title span{display:block;margin-top:.35rem}.pricing-page .credit-pack-card{grid-template-columns:auto minmax(0,1fr) auto}.pricing-page .credit-pack-card .pricing-card-action{grid-column:1 / -1;width:100%}.pricing-page .credit-pack-card .btn-primary{width:100%}.billing-pack-grid .credit-pack-card{grid-template-columns:auto minmax(0,1fr) auto}.billing-pack-grid .credit-pack-card .pricing-card-action{grid-column:1 / -1;width:100%}.billing-pack-grid .credit-pack-card .btn-primary{width:100%}.pricing-byok{grid-template-columns:auto 1fr}.pricing-byok .btn-outline{grid-column:1 / -1}.pricing-state-card>div{flex-direction:column}}@media (prefers-reduced-motion: reduce){.pricing-action-placeholder,.pricing-skeleton-heading,.pricing-skeleton-card{animation:none}}.legal-public-page{overflow-x:hidden;background:radial-gradient(circle at 58% 22%,var(--color-primary-subtle-bg),transparent 34rem),var(--color-bg)}.legal-page,.contact-page{width:min(100%,980px);min-height:calc(100vh - 240px);margin:0 auto;padding:3.5rem clamp(1.25rem,4vw,4rem) 4.5rem}.legal-hero{width:min(100%,760px);margin:0 auto 2.5rem}.legal-hero h1,.contact-hero h1{color:var(--color-text-heading);font-size:clamp(2.25rem,4vw,3.25rem);line-height:1.12;letter-spacing:-.035em}.legal-layout{width:min(100%,760px);margin:0 auto}.legal-document{min-width:0;color:var(--color-text-secondary);font-size:1rem;line-height:1.9}.legal-document section{padding:0 0 2.5rem;margin-bottom:2.5rem;border-bottom:1px solid var(--color-border);scroll-margin-top:95px}.legal-document section:last-child{margin-bottom:0;border-bottom:0}.legal-document h2{margin-bottom:1rem;color:var(--color-text-heading);font-size:clamp(1.5rem,2vw,1.75rem);line-height:1.35}.legal-document p+p,.legal-document p+ul,.legal-document p+ol,.legal-document p+dl,.legal-document ul+p,.legal-document ol+p,.legal-document dl+p{margin-top:1rem}.legal-document p+.legal-table-wrap,.legal-document .legal-table-wrap+p{margin-top:1rem}.legal-document ul,.legal-document ol{padding-left:1.35rem}.legal-document li+li{margin-top:.35rem}.legal-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:8px}.legal-document table{width:100%;min-width:640px;border-collapse:collapse;font-size:.9rem;line-height:1.65}.legal-document th,.legal-document td{padding:.75rem .85rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border-light)}.legal-document th{color:var(--color-text-heading);background:var(--color-surface);font-weight:650}.legal-document tr:last-child td{border-bottom:0}.legal-document dl>div{padding:1rem 0;border-bottom:1px solid var(--color-border-light)}.legal-document dt{color:var(--color-text-heading);font-weight:650}.legal-document dd{margin-top:.25rem}.contact-address{color:var(--color-primary);font-weight:600;text-decoration:none}.contact-address:hover{text-decoration:underline}.contact-address:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.contact-page{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:clamp(3rem,8vw,8rem);align-items:start;padding-top:clamp(4.5rem,10vw,8rem)}.contact-hero p{max-width:31rem;margin-top:1.25rem;color:var(--color-text-muted);font-size:1rem;line-height:1.8}.contact-channels{display:grid;gap:1.5rem}.contact-channel{padding:2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;box-shadow:var(--shadow-card-sm)}.contact-channel-heading{display:flex;align-items:center;gap:.75rem}.contact-channel-icon{display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center;color:var(--color-primary);background:var(--color-primary-bg);border-radius:8px}.contact-channel-icon svg{width:1.1rem;height:1.1rem}.contact-channel h2{color:var(--color-text-heading);font-size:1.15rem}.contact-channel>p{margin:.85rem 0;color:var(--color-text-muted);line-height:1.7}.contact-address{display:inline-block;overflow-wrap:anywhere}.contact-hours{font-size:.85rem}.contact-qr{display:block;width:184px;height:184px;margin:1.25rem 0;object-fit:contain;background:#fff;border:8px solid #ffffff;border-radius:8px}.contact-qr-fallback{padding:1rem;background:var(--color-primary-subtle-bg);border-radius:8px}@media (max-width: 720px){.legal-page,.contact-page{padding:2.5rem 1.25rem 3.5rem}.legal-hero{margin-bottom:1.5rem}.legal-document section{scroll-margin-top:85px}.contact-page{display:block}.contact-channels{margin-top:2.5rem}.contact-channel{padding:1.5rem}}.showcase-page{overflow-x:hidden;background:radial-gradient(circle at 76% 8%,var(--color-primary-subtle-bg),transparent 30rem),var(--color-bg)}.showcase-page main{width:min(100%,1480px);margin:0 auto}.showcase-hero{min-height:500px;padding:3.25rem clamp(1.5rem,5vw,4rem) 5rem;display:flex;align-items:center;justify-content:center}.showcase-hero.has-media{display:grid;grid-template-columns:minmax(430px,.95fr) minmax(540px,1.5fr);gap:clamp(2rem,4vw,4rem)}.showcase-hero-copy{max-width:520px}.showcase-hero-copy h1{color:var(--color-text-heading);font-size:clamp(2.5rem,3.2vw,3rem);line-height:1.12;letter-spacing:-.04em;white-space:nowrap}.showcase-hero-copy>p{max-width:34rem;margin-top:1.5rem;color:var(--color-text-muted);font-size:1.05rem;line-height:1.9}.showcase-hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.5rem}.showcase-featured-video{min-width:0}.showcase-video-card{min-width:0;overflow:hidden;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);box-shadow:var(--shadow-card-sm)}.showcase-video-card.featured{box-shadow:var(--shadow-card)}.showcase-video-frame{position:relative;overflow:hidden;background:#09090d}.showcase-video-frame.aspect-16-9{aspect-ratio:16 / 9}.showcase-video-frame.aspect-9-16{aspect-ratio:9 / 16}.showcase-video-frame.aspect-1-1{aspect-ratio:1}.showcase-video-frame video{width:100%;height:100%;display:block;object-fit:cover}.showcase-video-card.portrait .showcase-video-frame video{object-fit:contain}.showcase-media-fallback{width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--color-bg-secondary);color:var(--color-text-muted);font-size:.9rem;text-align:center}.showcase-video-content{padding:1.25rem}.showcase-video-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.showcase-video-heading h2{color:var(--color-text-heading);font-size:1.15rem;line-height:1.35}.showcase-video-heading span{flex:none;color:var(--color-text-subtle);font-size:.8rem;font-variant-numeric:tabular-nums}.showcase-video-content>p{margin-top:.65rem;color:var(--color-text-muted);font-size:.9rem;line-height:1.65}.showcase-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;list-style:none}.showcase-tags li{padding:.3rem .65rem;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);font-size:.75rem}.showcase-loading,.showcase-error,.showcase-empty{width:min(calc(100% - 3rem),880px);min-height:260px;margin:0 auto 5rem;padding:3rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-text-muted);text-align:center}.showcase-loading{display:grid;place-items:center;align-content:center;gap:1.25rem}.showcase-loading-frame{width:min(100%,520px);aspect-ratio:16 / 9;border-radius:10px;background:linear-gradient(105deg,var(--color-surface-hover) 25%,var(--color-bg-secondary) 40%,var(--color-surface-hover) 55%);background-size:240% 100%;animation:showcase-loading 1.8s ease-in-out infinite}@keyframes showcase-loading{0%{background-position:100% 0}to{background-position:-100% 0}}.showcase-error h2,.showcase-empty h2{color:var(--color-text-heading);font-size:1.5rem}.showcase-error p,.showcase-empty p{margin:.75rem auto 1.5rem;line-height:1.7}.showcase-section{padding:1rem clamp(1.5rem,5vw,4rem) 5rem}.showcase-section-heading{margin-bottom:1.75rem}.showcase-section-heading h2{color:var(--color-text-heading);font-size:1.65rem}.showcase-section-heading p{margin-top:.4rem;color:var(--color-text-muted)}.showcase-style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.5rem}.showcase-portrait-section{padding-top:0}.showcase-portrait-grid{display:grid;justify-content:center;grid-template-columns:minmax(280px,360px)}.showcase-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1.5rem}.showcase-gallery-card{overflow:hidden;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.showcase-gallery-card>button{width:100%;aspect-ratio:4 / 3;display:block;overflow:hidden;border:0;background:var(--color-bg-secondary);cursor:zoom-in}.showcase-gallery-card>button:disabled{cursor:default}.showcase-gallery-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .18s ease}.showcase-gallery-card>button:hover img{transform:scale(1.02)}.showcase-gallery-copy{padding:1rem 1.1rem 1.2rem}.showcase-gallery-copy h3{color:var(--color-text-heading);font-size:1rem}.showcase-gallery-copy p{margin-top:.45rem;color:var(--color-text-muted);font-size:.85rem;line-height:1.6}.showcase-gallery-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:grid;place-items:center;padding:2rem;background:var(--shadow-overlay)}.showcase-gallery-dialog-content{position:relative;max-width:min(1100px,100%);max-height:100%;display:grid;gap:.75rem;justify-items:center}.showcase-gallery-dialog-content>img{max-width:100%;max-height:calc(100vh - 7rem);width:auto;height:auto;border-radius:10px;object-fit:contain;box-shadow:var(--shadow-modal)}.showcase-gallery-dialog-content>p{color:#fff;font-size:.9rem}.showcase-gallery-close{position:absolute;top:.75rem;right:.75rem;z-index:1;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:#0f0f13d1;color:#fff;cursor:pointer}.showcase-gallery-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.showcase-cta{margin:0 clamp(1.5rem,5vw,4rem) 5rem;padding:2rem;display:flex;align-items:center;justify-content:center;gap:2rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-primary-subtle-bg);text-align:center}.showcase-cta h2{color:var(--color-text-heading);font-size:1.4rem}@media (max-width: 900px){.showcase-hero.has-media{grid-template-columns:1fr;padding-top:4rem}.showcase-hero-copy{max-width:640px}.showcase-hero-copy h1{white-space:normal}}@media (max-width: 640px){.showcase-hero,.showcase-hero.has-media{min-height:auto;padding:4rem 1rem 3rem}.showcase-hero-copy h1{font-size:2.25rem}.showcase-hero-actions{display:grid;grid-template-columns:1fr}.showcase-hero-actions a{width:100%}.showcase-section{padding:1rem 1rem 3.5rem}.showcase-portrait-section{padding-top:0}.showcase-portrait-grid{grid-template-columns:minmax(0,1fr)}.showcase-loading,.showcase-error,.showcase-empty{width:calc(100% - 2rem);margin-bottom:3.5rem;padding:2rem 1.25rem}.showcase-gallery-dialog{padding:1rem}.showcase-cta{margin:0 1rem 3.5rem;flex-direction:column;gap:1.25rem}.showcase-cta a{width:100%}}@media (prefers-reduced-motion: reduce){.showcase-loading-frame{animation:none}.showcase-gallery-card img{transition:none}}.console-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.console-desc{color:var(--color-text-muted);font-size:.9rem;margin-bottom:1.5rem}.alert{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.alert-error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.key-created-banner{background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:10px;padding:1.25rem;margin-bottom:1.5rem}.banner-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.banner-icon{color:var(--color-success);font-weight:700}.banner-hint{font-size:.8rem;color:var(--color-text-muted);margin-left:auto}.key-display{display:flex;align-items:center;gap:.75rem;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:6px;padding:.5rem .75rem;margin-bottom:.75rem;font-family:SF Mono,monospace;font-size:.85rem}.key-display code{flex:1;word-break:break-all}.btn-copy{background:var(--color-primary);color:#fff;border:none;padding:.35rem .75rem;border-radius:4px;cursor:pointer;font-size:.8rem;white-space:nowrap}.btn-copy:hover{background:var(--color-primary-hover)}.btn-text{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:.8rem}.btn-text:hover{color:var(--color-text-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--shadow-overlay);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--color-surface);border-radius:12px;padding:2rem;width:400px;max-width:90vw;box-shadow:var(--shadow-modal)}.modal h3,.modal .form-group{margin-bottom:1.25rem}.modal .form-group label{display:block;font-size:.85rem;color:var(--color-text-secondary);margin-bottom:.4rem}.modal .form-group input{width:100%;padding:.6rem .75rem;border:1px solid var(--color-border-strong);border-radius:6px;font-size:.9rem;background:var(--color-surface-input);color:var(--color-text)}.modal .form-group input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px var(--shadow-focus)}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-secondary{background:var(--color-surface-hover);border:1px solid var(--color-border-strong);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;color:var(--color-text)}.btn-secondary:hover{background:var(--color-border)}.keys-table{width:100%;border-collapse:collapse;font-size:.875rem}.keys-table thead th{text-align:left;padding:.6rem .85rem;color:var(--color-text-muted);font-weight:500;font-size:.78rem;border-bottom:1px solid var(--color-border)}.keys-table tbody td{padding:.7rem .85rem;border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary)}.keys-table tbody tr:hover td{background:var(--color-surface-hover)}.key-name{font-weight:500;color:var(--color-text)}.key-prefix code{background:var(--color-surface-hover);padding:.2rem .45rem;border-radius:4px;font-size:.82rem}.btn-copy-sm{background:none;border:none;cursor:pointer;font-size:.85rem;color:var(--color-text-muted);margin-left:.4rem}.btn-copy-sm:hover{color:var(--color-primary)}.key-date{color:var(--color-text-muted);font-size:.82rem}.btn-more{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.1rem;padding:.15rem .4rem;border-radius:4px;line-height:1}.btn-more:hover{color:var(--color-text);background:var(--color-surface-hover)}.btn-danger-sm{background:none;border:1px solid var(--color-danger-border);color:var(--color-danger);padding:.25rem .6rem;border-radius:4px;cursor:pointer;font-size:.8rem}.btn-danger-sm:hover{background:var(--color-danger-bg)}.btn-danger{background:#b73c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:background .15s}.btn-danger:hover{background:#9e2e2e}.loading-state{padding:2rem;text-align:center;color:var(--color-text-muted)}.empty-state{padding:3rem;text-align:center;color:var(--color-text-muted);background:var(--color-surface);border-radius:10px;border:1px dashed var(--color-border-strong)}.empty-state .hint{font-size:.85rem;margin-top:.5rem}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1rem}.card-balance{border-top:3px solid var(--color-primary)}.card-consumed{border-top:3px solid var(--color-warning)}.card-label{font-size:.8rem;color:var(--color-text-muted);margin-bottom:.5rem}.card-value{font-size:1.75rem;font-weight:700;color:var(--color-text-heading)}.balance-overview{margin:1.25rem 0 1.5rem}.balance-overview .card-value{font-size:1.5rem}.card-sub{margin-top:.4rem;font-size:.78rem;color:var(--color-text-muted)}.pending-resume-card{display:flex;align-items:center;gap:.85rem;background:var(--color-warning-bg);border:1px solid var(--color-warning-border, rgba(234, 179, 8, .35));border-radius:10px;padding:.85rem 1rem;margin:0 0 1.5rem}.pending-resume-icon{font-size:1.35rem;line-height:1;flex-shrink:0}.pending-resume-body{flex:1;min-width:0}.pending-resume-title{font-weight:600;color:var(--color-warning-text);margin-bottom:.2rem}.pending-resume-meta{font-size:.85rem;color:var(--color-text-secondary);display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.pending-resume-sep{color:var(--color-text-muted)}.pending-resume-trade{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;color:var(--color-text-muted);display:inline-flex;align-items:center;gap:.3rem}.pending-resume-action{flex-shrink:0}.billing-section{margin-bottom:2.5rem}.billing-section h3{font-size:1.2rem;margin-bottom:.3rem}.section-hint{color:var(--color-text-muted);font-size:.85rem;margin-bottom:1.25rem}.console-billing-content{width:min(100%,1120px);margin:0 auto;padding-bottom:2.5rem}.console-billing-content>h2{text-align:center;font-size:clamp(1.85rem,2.5vw,2.35rem);letter-spacing:-.02em;margin-bottom:1.35rem}.console-billing-content .billing-section{margin-bottom:2rem}.console-billing-content .billing-section>h3,.console-billing-content .billing-section>.section-hint{text-align:center}.console-billing-content .billing-section>h3{color:var(--color-text-heading);font-size:1.35rem}.billing-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.billing-plan-grid .subscription-plan-card{width:auto;min-height:284px;padding:1.45rem 1.25rem;align-items:stretch;background:color-mix(in srgb,var(--color-surface) 92%,transparent)}.billing-plan-grid .subscription-plan-card h3{font-size:1.08rem;margin-bottom:.25rem}.billing-plan-grid .subscription-plan-card .price{font-size:2.35rem;line-height:1.1;margin:.35rem 0 .85rem;font-variant-numeric:tabular-nums}.billing-plan-grid .subscription-plan-card .price .price-currency{color:var(--color-text-heading);font-size:1.15rem;font-weight:600;margin-right:.18rem}.billing-plan-grid .subscription-plan-card ul{width:100%;padding:.85rem 0;margin:0 0 1rem;border-top:1px solid var(--color-border);text-align:left}.billing-plan-grid .subscription-plan-card li{position:relative;padding:.32rem 0 .32rem 1.45rem}.billing-plan-grid .subscription-plan-card li:before{content:"✓";position:absolute;left:0;top:.3rem;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--color-primary);color:var(--color-text-inverse);font-size:.65rem;font-weight:800}.billing-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.billing-pack-grid .credit-pack-card{width:auto;min-height:142px;padding:1.05rem 1.1rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;text-align:left;background:color-mix(in srgb,var(--color-surface) 92%,transparent)}.billing-pack-grid .credit-pack-card h3{font-size:1rem;margin-bottom:.25rem}.billing-pack-grid .credit-pack-card .credit-pack-price{margin-bottom:0}.billing-pack-grid .credit-pack-card .pricing-card-action{grid-column:1 / -1;width:100%}.billing-pack-grid .credit-pack-card .btn-primary{width:100%;padding:.55rem .75rem;font-size:.8rem}.status-badge{display:inline-block;padding:.15rem .55rem;border-radius:12px;font-size:.75rem;font-weight:500}.status-paid,.status-active{background:#0f9d5826;color:#4ade80}.status-pending,.status-beta{background:var(--color-warning-bg);color:var(--color-warning-text)}.status-failed,.status-revoked{background:var(--color-danger-bg);color:var(--color-danger)}.status-expired,.status-refunding,.status-refunded{background:#94a3b82e;color:#94a3b8}.status-current{display:inline-block;padding:.1rem .5rem;border-radius:12px;font-size:.72rem;font-weight:600;background:#0f9d582e;color:#4ade80}.console-main{flex:1;padding:2rem 2.5rem;overflow-y:auto;background:var(--color-bg)}.console-content h2{font-size:1.35rem;font-weight:700;color:var(--color-text-heading);margin-bottom:.35rem}.console-section{background:var(--color-surface);border-radius:10px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-card-sm)}.console-section-title{font-size:1.05rem;font-weight:600;color:var(--color-text-heading);margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.theme-toggle{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--color-text-subtle);transition:color .2s,background .2s;font-size:1.1rem;line-height:1}.theme-toggle:hover{color:var(--color-primary);background:var(--color-surface-hover)}.settings-profile{margin-bottom:.5rem}.settings-profile-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--color-border-light);font-size:.92rem}.settings-profile-row:last-child{border-bottom:none}.settings-profile-label{color:var(--color-text-muted)}.settings-profile-value{color:var(--color-text);font-weight:500;font-variant-numeric:tabular-nums}.settings-profile-input-group{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:flex-end}.settings-input{padding:.4rem .65rem;border:1px solid var(--color-border-strong);border-radius:6px;background:var(--color-surface-input);color:var(--color-text);font-size:.9rem;width:140px;transition:border-color .15s}.settings-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-bg)}.settings-profile-editable{flex-wrap:wrap;gap:.5rem}.settings-form{display:flex;flex-direction:column;gap:1rem;max-width:400px}.settings-form .btn-primary{align-self:flex-start}.settings-field{display:flex;flex-direction:column;gap:.3rem}.settings-field span{font-size:.85rem;color:var(--color-text-secondary);font-weight:500}.settings-field input{padding:.55rem .75rem;border:1px solid var(--color-border-strong);border-radius:6px;background:var(--color-surface-input);color:var(--color-text);font-size:.9rem;transition:border-color .15s}.settings-field input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-bg)}.success-card{background:var(--color-surface);border:1px solid var(--color-success-border);border-radius:12px;padding:3rem 2rem;text-align:center;max-width:480px;margin-top:1.5rem;box-shadow:var(--shadow-card-sm)}.success-icon{font-size:3rem;margin-bottom:1rem}.success-title{font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.success-desc{color:var(--color-text-muted);margin-bottom:1.5rem}.success-warning{font-size:.85rem;color:var(--color-warning-text);margin-bottom:1rem}.success-actions{display:flex;gap:1rem;justify-content:center}.checkout-hint{margin-bottom:1.5rem}.checkout-card{max-width:480px}.checkout-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--color-border-light);font-size:.95rem}.checkout-row-label{color:var(--color-text-muted)}.checkout-row-value{color:var(--color-text);font-weight:500}.checkout-trade-no{font-size:.8rem;font-family:SF Mono,monospace;display:inline-flex;align-items:center;gap:.3rem}.checkout-total{display:flex;justify-content:space-between;padding:1rem 0;margin-top:.5rem;border-top:2px solid var(--color-border-strong);font-size:1.1rem;font-weight:700;color:var(--color-text-heading)}.checkout-actions{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.waiting-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2.5rem 2rem;text-align:center;max-width:480px;margin-top:1.5rem;box-shadow:var(--shadow-card-sm)}.waiting-spinner{width:3rem;height:3rem;margin:0 auto 1.25rem;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .9s linear infinite}.waiting-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text-heading)}.waiting-desc{color:var(--color-text-muted);font-size:.9rem;margin-bottom:1rem;line-height:1.6}.waiting-countdown{display:inline-block;font-size:.85rem;color:var(--color-primary);background:var(--color-primary-subtle-bg);padding:.3rem .75rem;border-radius:999px;margin-bottom:1.5rem}.waiting-summary{text-align:left;background:var(--color-bg-secondary);border-radius:8px;padding:.85rem 1rem;margin:1.25rem 0 1.5rem}.waiting-summary-row{display:flex;justify-content:space-between;padding:.35rem 0;font-size:.9rem;color:var(--color-text-secondary)}.waiting-summary-row>span:first-child{color:var(--color-text-muted)}.waiting-summary-trade{font-family:SF Mono,monospace;font-size:.78rem;display:inline-flex;align-items:center;gap:.3rem}.waiting-actions{display:flex;flex-direction:column;gap:.65rem}.waiting-cancel{align-self:center;font-size:.85rem;padding:.25rem .5rem}.success-icon-animated{display:inline-block;animation:success-pop .5s cubic-bezier(.34,1.56,.64,1) 1}@keyframes success-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.success-delta{text-align:left;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:10px;padding:.85rem 1rem;margin:.25rem 0 1.5rem;animation:success-delta-in .4s ease-out .2s both}@keyframes success-delta-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.success-delta-row{display:flex;justify-content:space-between;align-items:center;padding:.45rem 0;font-size:.92rem;color:var(--color-text-secondary)}.success-delta-row+.success-delta-row{border-top:1px dashed var(--color-border-light)}.success-delta-label{color:var(--color-text-muted)}.success-delta-value{font-weight:500;color:var(--color-text);display:inline-flex;align-items:center;gap:.4rem}.success-delta-value strong{color:var(--color-text-heading)}.success-delta-arrow{color:var(--color-text-subtle);font-size:.85rem}.success-delta-credits .success-delta-value{color:var(--color-success);font-weight:700;font-size:1.05rem}.animated-number{display:inline-block;font-variant-numeric:tabular-nums}.success-delta-balance-bar .success-delta-value{flex:none;width:100%}.balance-bar{display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;color:var(--color-text)}.balance-bar-before{color:var(--color-text-muted)}.balance-bar-arrow{color:var(--color-primary);flex-shrink:0}.balance-bar-after strong{color:var(--color-success);font-size:1.05rem}.balance-bar-delta{font-size:.8rem;font-weight:600;color:var(--color-success);background:#0f9d581a;padding:.15rem .55rem;border-radius:999px}.success-delta-tier .success-delta-value{flex:none}.success-tier-banner{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--color-primary-subtle-bg),var(--color-primary-bg));border:1px solid var(--color-primary);border-radius:10px;padding:.4rem .85rem;animation:tier-banner-pop .4s ease-out .3s both}@keyframes tier-banner-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.success-tier-badge-old,.success-tier-badge-new{font-size:.82rem;font-weight:600;padding:.15rem .55rem;border-radius:6px}.success-tier-badge-old{background:var(--color-surface-hover);color:var(--color-text-muted);text-decoration:line-through}.success-tier-badge-new{background:var(--color-primary);color:#fff}.success-tier-arrow{font-size:1.1rem;line-height:1}.billing-cards-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:.5rem 0 1.75rem}.billing-card{background:var(--color-surface);border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000000d;transition:box-shadow .2s ease,transform .15s ease}.billing-card:hover{box-shadow:0 4px 14px #00000014;transform:translateY(-1px)}.billing-card-balance{border-top:3px solid var(--color-primary)}.billing-card-monthly{border-top:3px solid var(--color-warning)}.billing-card-icon{font-size:1.3rem;margin-bottom:.5rem;line-height:1}.billing-card-label{font-size:.78rem;color:var(--color-text-muted);margin-bottom:.3rem;font-weight:500}.billing-card-value{font-size:1.4rem;font-weight:700;color:var(--color-text-heading);font-variant-numeric:tabular-nums}.billing-card-value-skeleton{display:inline-block;width:3rem;height:1.2rem;background:var(--color-border-light);border-radius:4px;animation:skeleton-pulse 1.2s ease-in-out infinite;vertical-align:middle}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.billing-card-unit{font-size:.8rem;font-weight:400;color:var(--color-text-muted)}.billing-card-sub{font-size:.75rem;color:var(--color-text-muted);margin-top:.4rem}.billing-card-sub-warning{color:var(--color-warning-text);font-weight:500}.billing-card-sub-danger{color:var(--color-danger);font-weight:600}@media (max-width: 1100px){.billing-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-pack-grid{grid-template-columns:1fr}}@media (max-width: 680px){.billing-cards-row{grid-template-columns:1fr;gap:.75rem}.billing-plan-grid{grid-template-columns:1fr}}[data-theme=dark] .billing-card{box-shadow:0 1px 3px #00000040}[data-theme=dark] .billing-card:hover{box-shadow:0 4px 14px #00000059}[data-theme=dark] .balance-bar-delta{background:#4ade8026}[data-theme=dark] .success-tier-banner{background:linear-gradient(135deg,#1a1630,#1e2040)}.checkout-countdown{display:block;font-size:.82rem;color:var(--color-text-muted);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:8px;padding:.55rem .85rem;margin-bottom:1rem;text-align:center}.checkout-countdown strong{color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:600}.checkout-countdown-warn{color:var(--color-warning-text);background:var(--color-warning-bg);border-color:var(--color-warning)}.checkout-countdown-warn strong{color:var(--color-warning-text)}.checkout-countdown-expired{color:var(--color-danger);background:var(--color-danger-bg);border-color:var(--color-danger-border)}.btn-alipay{background:#1677ff;color:#fff;border:none;border-radius:8px;padding:.7rem 1rem;font-size:.95rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:background .15s ease,transform .05s ease,box-shadow .15s ease;box-shadow:0 2px 8px #1677ff40}.btn-alipay:hover{background:#0e5fd4;box-shadow:0 4px 14px #1677ff59}.btn-alipay:active{transform:translateY(1px)}.btn-alipay:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-alipay-icon{flex-shrink:0;color:#fff}[data-theme=dark] .btn-alipay{background:#1677ff;box-shadow:0 2px 10px #1677ff66}[data-theme=dark] .btn-alipay:hover{background:#4596ff}.special-offer-badge{display:inline-flex;padding:.2rem .6rem;border-radius:999px;background:#fff1f0;color:#cf1322;font-size:.78rem;font-weight:700}.special-credit-pack-limit{margin-top:.45rem;color:var(--color-primary);font-size:.82rem;font-weight:600;line-height:1.4}.special-offer-refund-notice{border:1px solid #f0b429;background:#fffbeb}