:root{--bg: #fff8f1;--bg-soft: #fffdf9;--surface: rgba(255, 255, 255, .84);--surface-strong: #ffffff;--line: rgba(25, 40, 74, .08);--line-strong: rgba(25, 40, 74, .14);--text: #16213b;--muted: #5f6b85;--brand: #ff8f66;--brand-strong: #ff6c47;--brand-cool: #4f8cff;--success: #3cad74;--danger: #df5f5f;--shadow: 0 20px 60px rgba(255, 143, 102, .14);--shadow-soft: 0 18px 44px rgba(26, 42, 78, .08);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Manrope,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(255,187,120,.45),transparent 28%),radial-gradient(circle at 80% 10%,rgba(79,140,255,.16),transparent 20%),linear-gradient(180deg,#fff8f1,#fffefb 40%,#f7fbff)}button,input,select{font:inherit}button{cursor:pointer}.app-root{position:relative;min-height:100vh;overflow-x:hidden}.ambient{position:fixed;z-index:0;border-radius:999px;filter:blur(10px);opacity:.9;pointer-events:none;animation:floatBlob 14s ease-in-out infinite}.ambient-one{width:320px;height:320px;top:-80px;left:-40px;background:#ffa8785c}.ambient-two{width:260px;height:260px;right:-40px;top:160px;background:#4f8cff2e;animation-delay:-3s}.ambient-three{width:240px;height:240px;bottom:12%;left:55%;background:#48ccad24;animation-delay:-7s}.boot-screen,.auth-shell,.app-shell{position:relative;z-index:1}.boot-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.boot-card{display:inline-flex;align-items:center;gap:14px;padding:18px 24px;border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.boot-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--brand) 0%,#ffca5f 100%);box-shadow:0 0 0 8px #ff8f661f;animation:pulse 1.4s ease-in-out infinite}.auth-shell{min-height:100vh;display:grid;gap:36px;align-items:center;padding:44px}.auth-shell.auth-centered{place-items:center;padding:24px}.auth-copy,.auth-panel,.topbar,.section-nav,.section-card,.hero-panel,.metric-card,.panel-card,.server-card,.user-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ffffffb3;color:var(--brand-strong);font-size:13px;font-weight:700;letter-spacing:.02em}.auth-copy h1,.auth-intro h1,.hero-copy h2{margin:18px 0 14px;font-size:clamp(36px,4vw,64px);line-height:1.02}.auth-lead,.hero-copy p{margin:0;max-width:640px;color:var(--muted);font-size:17px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}.feature-card{padding:20px;border-radius:var(--radius-md);background:#ffffffb8;box-shadow:var(--shadow-soft)}.feature-card strong,.metric-card strong,.server-head h3,.panel-heading h3,.panel-heading h2,.panel-heading.large h2{display:block}.feature-card span,.metric-card small,.server-head p,.server-meta span,.subheading span,.panel-heading p,.mini-item span,.list-card span,.summary-pill span{color:var(--muted)}.auth-panel{max-width:480px;margin-left:auto;padding:28px;border:1px solid rgba(255,255,255,.75);border-radius:var(--radius-xl);background:#fffc;box-shadow:var(--shadow);animation:fadeUp .8s ease both}.auth-panel.compact{width:min(100%,460px);margin:0;padding:24px}.auth-intro{margin-bottom:18px}.auth-intro h1{font-size:clamp(30px,5vw,42px)}.auth-intro .auth-lead{font-size:15px;line-height:1.7}.auth-switch,.section-nav,.slot-banner,.card-actions,.form-row,.topbar,.topbar-actions,.hero-panel,.server-head,.order-meta{display:flex;align-items:center}.auth-switch,.section-nav{gap:10px}.pill-button,.nav-chip,.ghost-button,.secondary-button,.small-button,.mobile-nav-item,.text-button{border:0;border-radius:999px;background:#f3f6fcf2;color:var(--text);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.pill-button,.nav-chip,.mobile-nav-item{padding:12px 16px;font-weight:700}.pill-button.active,.nav-chip.active,.mobile-nav-item.active{background:linear-gradient(135deg,var(--brand) 0%,#ffca5f 100%);color:#fff;box-shadow:0 16px 32px #ff8f663d}.auth-form,.stack-form{display:grid;gap:16px;margin-top:22px}.field{display:grid;gap:8px}.field span{font-size:14px;font-weight:700;color:var(--muted)}.field input,.field select{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#ffffffe6;color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.field input:focus,.field select:focus{border-color:#4f8cff66;box-shadow:0 0 0 5px #4f8cff1f}.turnstile-slot{min-height:72px}.primary-button,.secondary-button,.ghost-button,.small-button{padding:14px 18px;font-weight:800}.primary-button{border:0;border-radius:var(--radius-sm);color:#fff;background:linear-gradient(135deg,var(--brand-strong) 0%,#ffb85d 100%);box-shadow:0 16px 34px #ff6c4742}.secondary-button{border:0;border-radius:var(--radius-sm);color:var(--brand-cool);background:#4f8cff1f}.ghost-button{background:#ffffffe6}.small-button{padding:10px 14px;border-radius:12px}.small-button.danger{background:#df5f5f1f;color:var(--danger)}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.small-button:hover,.pill-button:hover,.nav-chip:hover,.mobile-nav-item:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.small-button:disabled{opacity:.56;cursor:not-allowed;transform:none}.app-shell{padding:28px 28px 110px}.topbar,.section-nav,.section-card,.hero-panel,.metric-card,.panel-card{border:1px solid rgba(255,255,255,.72);background:var(--surface);box-shadow:var(--shadow-soft)}.topbar,.section-nav,.section-card,.hero-panel{border-radius:var(--radius-xl)}.topbar{justify-content:space-between;gap:18px;padding:18px 20px}.brand-block{display:flex;align-items:center;gap:14px}.brand-mark{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;color:#fff;font-weight:900;letter-spacing:.08em;background:linear-gradient(135deg,var(--brand-strong) 0%,var(--brand-cool) 100%)}.brand-block h1{margin:0;font-size:22px}.brand-block p{margin:4px 0 0;color:var(--muted)}.topbar-actions{gap:12px;justify-content:flex-end;flex-wrap:wrap}.summary-pill{display:grid;gap:2px;min-width:120px;padding:10px 14px;border-radius:16px;background:#ffffffe0}.summary-pill strong{font-size:20px}.section-nav{margin-top:18px;padding:10px;flex-wrap:wrap}.content-stack{display:grid;gap:18px;margin-top:18px}.hero-panel,.panel-heading.large,.subheading{justify-content:space-between}.hero-panel{padding:24px 26px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.metric-card{padding:22px;border-radius:var(--radius-lg)}.metric-card span{display:block;font-size:14px;margin-bottom:12px}.metric-card strong{font-size:32px;line-height:1.05}.panel-grid,.history-grid,.store-columns,.recharge-layout,.admin-grid{display:grid;gap:18px}.panel-grid,.history-grid,.recharge-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.section-card,.panel-card{padding:22px}.panel-card{border-radius:var(--radius-lg)}.panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}.panel-heading h2,.panel-heading h3,.subheading h3{margin:0}.panel-heading p,.subheading span{margin:6px 0 0;font-size:14px}.text-button{padding:8px 0;background:transparent;color:var(--brand-cool);box-shadow:none}.mini-list,.server-grid,.product-grid,.admin-card-grid{display:grid;gap:14px}.mini-item,.list-card,.slot-banner,.server-card,.user-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffffe0}.mini-item,.list-card{justify-content:space-between;padding:14px 16px}.mini-item.compact,.list-card{align-items:center}.mini-item strong,.list-card strong{display:block;margin-bottom:4px}.ledger-amount{font-weight:800}.ledger-amount.positive{color:var(--success)}.ledger-amount.negative{color:var(--danger)}.empty-hint{margin:8px 0 0;color:var(--muted)}.slot-banner{justify-content:space-between;gap:14px;padding:16px 18px;margin-bottom:18px}.slot-banner-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.server-grid,.product-grid,.admin-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid.single-column{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.server-card,.user-card{padding:18px}.server-card-empty{display:grid;place-content:center;text-align:center;min-height:220px;border-style:dashed}.server-head{justify-content:space-between;gap:12px}.server-head h3{margin:0;font-size:20px}.server-head p{margin:6px 0 0}.server-meta{display:grid;gap:8px;margin:18px 0}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:800;white-space:nowrap}.status-badge.running,.status-badge.paid,.status-badge.active{background:#3cad741f;color:var(--success)}.status-badge.stopped,.status-badge.pending{background:#4f8cff1f;color:var(--brand-cool)}.status-badge.expired,.status-badge.timeout,.status-badge.disabled{background:#df5f5f1f;color:var(--danger)}.status-badge.expire_failed,.status-badge.error{background:#df5f5f26;color:#b33f3f}.card-actions{gap:10px;flex-wrap:wrap}.product-card{--accent: var(--brand);padding:20px;border-radius:var(--radius-lg);background:linear-gradient(180deg,#fffffff2,#fffbf8f5);border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.product-card:after{content:"";position:absolute;inset:auto -20% -42% auto;width:140px;height:140px;border-radius:50%;background:color-mix(in srgb,var(--accent) 16%,transparent)}.product-card.cool{background:linear-gradient(180deg,#fffffff5,#f5fafffa)}.product-badge{display:inline-flex;margin-bottom:14px;padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,white);color:color-mix(in srgb,var(--accent) 84%,black);font-size:13px;font-weight:800}.product-card h4{margin:0 0 10px;font-size:24px}.product-card p{margin:0;color:var(--muted);min-height:48px;line-height:1.6}.product-meta{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin:22px 0 18px}.product-meta strong{font-size:24px}.slot-selection-hint{padding:12px 14px;border-radius:var(--radius-sm);background:#4f8cff14;color:var(--muted);font-size:14px;font-weight:700}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;display:grid;place-items:center;padding:24px;background:#10182847}.modal-card{width:min(100%,520px);padding:22px;border-radius:var(--radius-xl);background:#fffffff0;box-shadow:0 28px 72px #121a2b3d}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:20;padding:14px 18px;border-radius:999px;color:#fff;background:#16213bf0;box-shadow:0 18px 34px #16213b33}.toast.success{background:#3cad74f2}.toast.error{background:#df5f5ff5}.mobile-nav{position:fixed;left:16px;right:16px;bottom:16px;z-index:10;display:none;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:10px;padding:10px;border-radius:22px;background:#ffffffe0;border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-nav-item{padding:12px 8px;font-size:13px}.fade-card{animation:fadeUp .55s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes floatBlob{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,18px,0) scale(1.06)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media(max-width:1200px){.auth-shell,.metrics-grid,.panel-grid,.history-grid,.recharge-layout,.server-grid,.product-grid,.admin-card-grid,.store-columns{grid-template-columns:1fr}.auth-shell{padding:28px}.auth-panel{max-width:none}}@media(max-width:900px){.auth-shell{gap:18px}.topbar,.hero-panel,.slot-banner{flex-direction:column;align-items:stretch}.slot-banner-meta{justify-content:space-between}.section-nav{display:none}.mobile-nav{display:grid}.topbar-actions{justify-content:stretch}}@media(max-width:640px){.auth-shell,.app-shell{padding:16px 16px 96px}.auth-panel,.section-card,.panel-card,.metric-card,.modal-card{padding:18px}.feature-grid,.form-row{grid-template-columns:1fr}.brand-block h1{font-size:18px}.brand-block p,.summary-pill span,.server-meta span,.feature-card span,.product-card p{font-size:13px}.hero-copy h2,.auth-copy h1,.auth-intro h1{font-size:32px}.metric-card strong,.product-meta strong{font-size:26px}.mobile-nav{left:10px;right:10px;bottom:10px;gap:8px;padding:8px}.mobile-nav-item{padding:10px 4px;font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}