:root{--wu-jin:#c9a84c;--wu-jin-light:#f0d080;--wu-mu:#4caf7d;--wu-mu-light:#a8e6c3;--wu-shui:#5b9bd5;--wu-shui-light:#aad4f5;--wu-huo:#e05c4b;--wu-huo-light:#f5a99c;--wu-tu:#c17f3e;--wu-tu-light:#e8c49a;--bg-base:#0d0f14;--bg-surface:#121722;--bg-card:#171d2b;--bg-card-hover:#20273a;--bg-elevated:#202638;--text-primary:#e8e4d8;--text-secondary:#9e9a8a;--text-muted:#5e5c52;--text-accent:#c9a84c;--primary:#c9a84c;--primary-rgb:201, 168, 76;--primary-hover:#d8ba62;--primary-glow:#c9a84c29;--accent-warm:#c9a84c;--accent-warm-rgb:201, 168, 76;--border-subtle:#ffffff0b;--border-default:#ffffff13;--border-accent:#c9a84c3d;--shadow-sm:0 8px 22px #0000002e;--shadow-md:0 18px 48px #00000047;--shadow-glow:0 16px 36px #c9a84c1a;--font-serif:"Noto Serif SC", "SimSun", serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--surface-base:var(--bg-base);--surface-panel:#171d2bdb;--surface-muted:#202638d6;--surface-hover:var(--bg-card-hover);--surface-glass:#151b28cc;--text-heading:var(--text-primary);--text-body:#d7d1c2;--text-subtle:var(--text-secondary);--text-disabled:var(--text-muted);--status-success:#4caf7d;--status-success-bg:#4caf7d24;--status-warning:#d8a33c;--status-warning-bg:#d8a33c24;--status-danger:#e05c4b;--status-danger-bg:#e05c4b24;--status-info:#5b9bd5;--status-info-bg:#5b9bd524;--admin-bg-base:#0f1117;--admin-bg-surface:#161b27;--admin-bg-soft:#111722;--admin-bg-muted:#1e2436;--admin-bg-raised:#151c29;--admin-border:#2a2f3e;--admin-border-strong:#30384a;--admin-text:#e8e8e8;--admin-text-secondary:#c8cad0;--admin-text-muted:#888;--admin-text-faint:#666;--admin-primary:#c9a227;--admin-primary-rgb:201, 162, 39;--admin-primary-hover:#e0b530;--admin-accent:#a78bfa;--admin-accent-rgb:167, 139, 250;--admin-success:#22c55e;--admin-success-rgb:34, 197, 94;--admin-danger:#ef4444;--admin-danger-rgb:239, 68, 68;--admin-warning:#e67e22;--admin-warning-rgb:230, 126, 34;--admin-shadow:none;--color-primary:var(--admin-primary);--color-surface:var(--admin-bg-soft);--color-bg-secondary:var(--admin-bg-surface);--color-border:var(--admin-border);--color-text-primary:var(--admin-text);--color-text-secondary:var(--admin-text-secondary);--space-page-x:24px;--space-page-y:92px;--container-max:1120px;--container-wide-max:1280px;--container-reading-max:960px;--space-section:28px;--space-card:22px;--space-field:12px;--space-control-x:18px;--space-control-y:10px;--font-size-page-title:32px;--font-size-section-title:22px;--font-size-card-title:16px;--font-size-body:15px;--font-size-caption:12px;--radius-control:var(--radius-full);--radius-panel:12px;--radius-dialog:14px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}.serif{font-family:var(--font-serif)}.container{width:min(100% - (var(--space-page-x) * 2), var(--container-max));max-width:var(--container-max);margin:0 auto;padding:0}.page{min-height:100vh;padding-top:var(--space-page-y);padding-bottom:calc(140px + env(safe-area-inset-bottom))}.card{background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);padding:var(--space-card);transition:background var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base), transform var(--transition-base);box-shadow:inset 0 1px #ffffff05}.card:hover{background:color-mix(in srgb, var(--surface-panel) 88%, white 4%);box-shadow:var(--shadow-sm);border-color:#ffffff14}.card-glass{background:var(--surface-glass);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-subtle);border-radius:var(--radius-panel)}.btn{border-radius:var(--radius-full);min-height:42px;font-family:var(--font-sans);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:650;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), #b99738);color:#0d0f14;box-shadow:0 10px 22px #c9a84c29}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-hover), #c6a349);transform:translateY(-1px);box-shadow:0 14px 28px #c9a84c33}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);background:#ffffff12}.btn-secondary:hover{background:#ffffff1b;transform:translateY(-1px)}.history-danger-button{color:#f08a8a;background:#c83c3c1f}.history-danger-button:hover:not(:disabled){background:#c83c3c33}.history-danger-button:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{color:var(--text-secondary);background:0 0;padding:0 16px}.btn-ghost:hover{color:var(--text-primary);background:#ffffff12;transform:translateY(-1px)}.btn:focus-visible{outline-offset:3px;outline:2px solid #c9a84c7a}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-lg{min-height:50px;padding:0 32px;font-size:16px}.btn-sm{min-height:34px;padding:0 16px;font-size:13px}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.5px;font-size:13px;font-weight:500}.form-input,.form-select{border-radius:var(--radius-md);min-height:44px;color:var(--text-primary);font-family:var(--font-sans);width:100%;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:none;background:#ffffff0f;border:1px solid #0000;outline:none;padding:0 14px;font-size:15px}.form-input:focus,.form-select:focus{background:#ffffff14;border-color:#c9a84c6b;box-shadow:0 0 0 3px #c9a84c1c}.form-input::placeholder{color:var(--text-muted)}.form-error{color:var(--wu-huo);margin-top:4px;font-size:13px}.wuxing-badge{border-radius:var(--radius-full);font-size:12px;font-weight:600;font-family:var(--font-serif);align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.wuxing-jin{color:var(--wu-jin);background:#c9a84c26;border:1px solid #c9a84c4d}.wuxing-mu{color:var(--wu-mu);background:#4caf7d26;border:1px solid #4caf7d4d}.wuxing-shui{color:var(--wu-shui);background:#5b9bd526;border:1px solid #5b9bd54d}.wuxing-huo{color:var(--wu-huo);background:#e05c4b26;border:1px solid #e05c4b4d}.wuxing-tu{color:var(--wu-tu);background:#c17f3e26;border:1px solid #c17f3e4d}.wuxing-unknown{color:var(--text-secondary);border:1px dashed var(--border-default);background:#ffffff14}.divider{background:var(--border-subtle);width:100%;height:1px;margin:24px 0}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, var(--bg-card-hover) 50%, var(--bg-elevated) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #c9a84c1a}50%{box-shadow:0 0 40px #c9a84c40}}.animate-fade-up{animation:.5s forwards fadeUp}.animate-fade-in{animation:.3s forwards fadeIn}.title-diamond-icon{color:var(--primary);filter:drop-shadow(0 0 4px var(--primary-glow));stroke-width:2.5px;flex-shrink:0;margin-right:6px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-accent)}@media (width<=768px){.container{width:calc(100% - 32px)}.card{padding:20px}.btn-lg{padding:14px 32px;font-size:16px}}@media (width<=640px){.page{padding-top:84px;padding-bottom:calc(150px + env(safe-area-inset-bottom))!important}}@media print{.navbar,.bottom-nav,canvas,.particle-background{display:none!important}}.navbar{z-index:100;-webkit-backdrop-filter:blur(18px);background:#0a0d13b8;border-bottom:1px solid #ffffff0a;height:68px;position:fixed;top:0;left:0;right:0}.navbar-inner{height:100%;width:min(100% - (var(--space-page-x) * 2), var(--container-wide-max));max-width:var(--container-wide-max);justify-content:space-between;align-items:center;margin:0 auto;padding:0;display:flex}.navbar-logo{min-height:40px;color:var(--primary);transition:color var(--transition-fast), transform var(--transition-fast);align-items:center;gap:9px;font-size:17px;font-weight:750;text-decoration:none;display:flex}.navbar-logo:hover{color:var(--primary-hover);transform:translateY(-1px)}.navbar-logo-icon{color:var(--primary);filter:drop-shadow(0 0 6px #c9a84c47);font-size:22px}.navbar-links{background:#171d2b94;border:1px solid #ffffff0b;border-radius:999px;align-items:center;gap:2px;padding:5px;display:flex}.navbar-link{min-height:36px;color:var(--text-secondary);border-radius:var(--radius-full);transition:color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border:0;justify-content:center;align-items:center;gap:6px;padding:0 15px;font-size:13px;font-weight:650;line-height:1;text-decoration:none;display:inline-flex;position:relative}.navbar-link-icon{opacity:.78;transition:opacity var(--transition-fast), transform var(--transition-fast);flex:none}.navbar-link:hover{color:var(--text-primary);background:#ffffff0f}.navbar-link:hover .navbar-link-icon{opacity:1;transform:translateY(-1px)}.navbar-link.active{color:var(--primary);box-shadow:none;background:#c9a84c21}.navbar-link.active .navbar-link-icon{opacity:1}.navbar-auth{align-items:center;display:flex}.navbar-user{background:#171d2b94;border:1px solid #ffffff0b;border-radius:999px;align-items:center;gap:4px;padding:5px;display:flex}.navbar-nickname{min-height:34px;color:var(--text-primary);border-radius:999px;align-items:center;padding:0 12px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.navbar-nickname:hover{color:var(--primary);background:#ffffff0f}.navbar-actions{align-items:center;gap:8px;display:flex}.navbar .btn-sm{min-height:36px;padding:0 15px;font-size:13px;font-weight:700}.navbar .btn-ghost{color:var(--text-secondary);background:0 0;border:0}.navbar .btn-ghost:hover{color:var(--primary);background:#ffffff0f}@media (width<=640px){.navbar-inner{width:calc(100% - 32px)}.navbar-links,.navbar-nickname{display:none}}.bottom-nav{display:none}@media (width<=640px){.bottom-nav{height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);z-index:100;background:#12141af2;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{min-width:0;color:var(--text-secondary);transition:color var(--transition-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:10px;text-decoration:none;display:flex}.bottom-nav-item.active{color:var(--text-accent)}.bottom-nav-icon{margin-bottom:2px;font-size:24px}}.admin-layout{background:var(--admin-bg-base);min-height:100vh;color:var(--admin-text);font-family:Inter,Noto Sans SC,sans-serif;display:flex}.admin-sidebar{background:var(--admin-bg-surface);border-right:1px solid var(--admin-border);flex-direction:column;width:240px;min-height:100vh;padding:0;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:8px 0 28px #1723210a}.admin-brand{border-bottom:1px solid var(--admin-border);align-items:center;gap:12px;padding:24px 20px;display:flex}.admin-brand-icon{font-size:28px}.admin-brand-title{font-size:var(--font-size-card-title);color:var(--admin-primary);letter-spacing:.5px;font-weight:700}.admin-brand-sub{color:var(--admin-text-faint);margin-top:2px;font-size:11px}.admin-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex}.admin-nav-item{color:var(--admin-text-secondary);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.admin-nav-item:hover{background:var(--admin-bg-muted);color:var(--admin-text)}.admin-nav-item.active{background:rgba(var(--admin-primary-rgb), .1);color:var(--admin-primary);border:1px solid rgba(var(--admin-primary-rgb), .18);font-weight:600}.admin-sidebar-footer{border-top:1px solid var(--admin-border);padding:16px 20px}.admin-user-info{font-size:var(--font-size-caption);color:var(--admin-text-faint);text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;overflow:hidden}.admin-logout-btn{border:1px solid var(--admin-border);border-radius:var(--radius-sm);width:100%;color:var(--admin-text-muted);cursor:pointer;background:0 0;padding:8px;font-size:13px;transition:all .2s}.admin-logout-btn:hover{border-color:var(--admin-primary);color:var(--admin-primary)}.admin-main{flex:1;min-height:100vh;margin-left:240px;padding:32px}.admin-card{background:var(--admin-bg-surface);border:1px solid var(--admin-border);border-radius:var(--radius-md);box-shadow:var(--admin-shadow);margin-bottom:20px;padding:24px}.admin-page-title{color:var(--admin-text);margin-bottom:24px;font-size:22px;font-weight:700}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.admin-stat-card{background:var(--admin-bg-surface);border:1px solid var(--admin-border);border-radius:var(--radius-md);text-align:center;box-shadow:var(--admin-shadow);padding:20px;transition:border-color .2s,box-shadow .2s,transform .2s}.admin-stat-card:hover{border-color:rgba(var(--admin-primary-rgb), .36);transform:translateY(-1px)}.admin-stat-value{color:var(--admin-primary);margin-bottom:6px;font-size:32px;font-weight:800;line-height:1}.admin-stat-label{color:var(--admin-text-muted);font-size:12px}.admin-stat-sub{color:var(--admin-text-faint);margin-top:4px;font-size:11px}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;background:var(--admin-bg-soft);color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--admin-border);padding:10px 14px;font-size:12px;font-weight:600}.admin-table td{color:var(--admin-text-secondary);border-bottom:1px solid var(--admin-border);padding:12px 14px;font-size:14px}.admin-table tr:hover td{background:var(--admin-bg-raised)}.badge{border-radius:var(--radius-lg);padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-active{background:rgba(var(--admin-success-rgb), .12);color:var(--admin-success)}.badge-inactive{color:var(--admin-text-muted);background:#7d87821f}.admin-btn{cursor:pointer;border:none;border-radius:8px;min-height:34px;padding:0 16px;font-size:13px;font-weight:600;transition:background .18s,color .18s,box-shadow .18s,transform .18s,opacity .18s}.admin-btn-primary{background:var(--admin-primary);color:#111318;box-shadow:0 10px 22px rgba(var(--admin-primary-rgb), .14)}.admin-btn-primary:hover{background:var(--admin-primary-hover);transform:translateY(-1px)}.admin-btn-ghost{color:var(--admin-text-muted);background:#ffffff0e;border:0}.admin-btn-ghost:hover{background:rgba(var(--admin-primary-rgb), .11);color:var(--admin-primary);transform:translateY(-1px)}.admin-btn-danger{background:rgba(var(--admin-danger-rgb), .1);color:var(--admin-danger);border:0}.admin-btn-danger:hover{background:rgba(var(--admin-danger-rgb), .16)}.admin-form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.admin-form-group{flex-direction:column;gap:6px;display:flex}.admin-form-label{color:var(--admin-text-muted);font-size:12px;font-weight:600}.admin-form-input,.admin-form-select{background:var(--admin-bg-base);border:1px solid var(--admin-border);color:var(--admin-text);border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.admin-form-input:focus,.admin-form-select:focus{border-color:var(--admin-primary);outline:none}.admin-loading{text-align:center;color:var(--admin-text-faint);padding:40px;font-size:14px}.admin-search-bar{gap:12px;margin-bottom:20px;display:flex}.admin-search-input{background:var(--admin-bg-surface);border:1px solid var(--admin-border);color:var(--admin-text);border-radius:8px;flex:1;padding:10px 14px;font-size:14px}.admin-search-input:focus{border-color:var(--admin-primary);outline:none}.admin-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#17232152;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-modal{background:var(--admin-bg-surface);border:1px solid var(--admin-border);border-radius:16px;width:500px;max-width:95vw;padding:32px}.admin-modal-title{color:var(--admin-text);margin-bottom:24px;font-size:18px;font-weight:700}.admin-modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.admin-login-page{background:var(--admin-bg-base);justify-content:center;align-items:center;min-height:100vh;display:flex}.admin-login-box{background:var(--admin-bg-surface);border:1px solid var(--admin-border);border-radius:16px;width:380px;padding:40px}.admin-login-title{text-align:center;color:var(--admin-primary);margin-bottom:8px;font-size:24px;font-weight:700}.admin-login-sub{text-align:center;color:var(--admin-text-faint);margin-bottom:32px;font-size:13px}.admin-error{background:rgba(var(--admin-danger-rgb), .1);border:1px solid rgba(var(--admin-danger-rgb), .28);color:var(--admin-danger);border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.birth-profile-title{font-size:var(--font-size-section-title);margin-bottom:18px}.birth-profile-form,.birth-profile-basic{gap:18px;display:grid}.birth-profile-primary-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.birth-profile-fieldset{gap:8px;display:grid}.birth-profile-segmented{grid-template-columns:1fr 1fr;gap:10px;display:grid}.birth-profile-option,.zi-hour-option{border-radius:var(--radius-md);min-height:42px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);font-size:15px;font-weight:560;font-family:var(--font-sans);background:#ffffff0e;border:0;padding:0 14px}.birth-profile-option.active,.zi-hour-option.active{color:var(--primary);background:#c9a84c21;box-shadow:inset 0 0 0 1px #c9a84c38}.birth-profile-option:hover:not(.active),.zi-hour-option:hover:not(.active){color:var(--text-primary);background:#ffffff16}.birth-profile-option:focus-visible,.zi-hour-option:focus-visible{outline-offset:3px;outline:2px solid #c9a84c75}.birth-date-fields{grid-template-columns:2fr 1fr 1fr;gap:12px;display:grid}.birth-year-field{min-width:0}.zi-hour-group{border-radius:var(--radius-md);background:#5b9bd514;border:0;padding:14px}.zi-hour-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.zi-hour-option{text-align:left;align-content:center;gap:4px;display:grid}.zi-hour-option span{font-size:13px}.zi-hour-option strong{font-size:14px;font-weight:600}.birth-profile-summary{border-radius:var(--radius-md);color:var(--text-primary);background:linear-gradient(#c9a84c1b,#c9a84c0e);border:0;gap:8px;padding:16px;font-size:14px;line-height:1.65;display:grid}.birth-profile-summary-label{color:var(--text-accent);font-size:13px;font-weight:600}.birth-profile-form .form-select{background-color:#ffffff0e;border-color:#0000;min-height:44px}@media (width<=768px){.birth-profile-form,.birth-profile-basic{gap:16px}.birth-profile-primary-grid{gap:10px}.birth-profile-primary-grid .birth-profile-segmented{gap:6px}.birth-profile-primary-grid .birth-profile-option{padding:0 8px;font-size:14px}.birth-date-fields{grid-template-columns:1fr 1fr}.birth-year-field{grid-column:1/-1}.birth-profile-option,.zi-hour-option{padding:0 12px}}@media (width<=420px){.birth-profile-segmented,.zi-hour-options{gap:8px}}.home-page{padding-bottom:88px}.hero{text-align:center;padding:54px 0 34px}.hero-badge{color:var(--text-accent);letter-spacing:3px;border-radius:var(--radius-full);background:#c9a84c1a;border:0;margin-bottom:20px;padding:6px 16px;font-size:13px;display:inline-block}.hero-title{letter-spacing:0;margin-bottom:16px;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.2}.text-gold{color:var(--wu-jin)}.hero-desc{color:var(--text-secondary);max-width:480px;margin:0 auto;font-size:16px;line-height:1.7}.home-intent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:500px;margin:24px auto 0;display:grid}.home-intent-card{border-radius:var(--radius-md);min-height:46px;color:var(--text-primary);background:#fff1;border:0;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.home-intent-card:hover{color:var(--text-accent);background:#c9a84c1f}.form-section{padding:16px 0 58px}.form-card{max-width:560px;margin:0 auto}.form-card.card{box-shadow:none;background:#171d2bb8;border-color:#ffffff0a;padding:26px 26px 28px}.form-card.card:hover{box-shadow:none;background:#171d2bc2;border-color:#ffffff0d}.form-card-header{margin-bottom:24px}.form-card-title{margin-bottom:6px;font-size:20px;font-weight:600}.form-card-desc{color:var(--text-secondary);font-size:13px}#bazi-form>.birth-profile-form{margin-bottom:24px}#bazi-form>.form-group{gap:10px}#bazi-form>.form-group .form-label{line-height:1.35}#bazi-form>.form-group .field-note{margin-top:6px}.advanced-calibration{margin-top:22px}.advanced-calibration-toggle{border-radius:var(--radius-md);width:100%;min-height:44px;color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0e;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;font-size:14px;display:flex}.advanced-calibration-toggle:hover{color:var(--text-primary);background:#ffffff16}.advanced-calibration-panel{border-radius:var(--radius-md);background:#ffffff0b;border:0;margin-top:12px;padding:14px}.field-note{font-size:var(--font-size-caption);color:var(--text-muted);letter-spacing:0;margin-top:3px;font-weight:400;display:block}.submit-btn{width:100%;min-height:50px;margin-top:24px;position:relative}.loading-spinner{border:2px solid #0003;border-top-color:var(--bg-base);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.guest-hint{text-align:center;color:var(--text-muted);margin-top:14px;font-size:13px}.guest-hint a{color:var(--primary);text-decoration:none}.guest-hint a:hover{text-decoration:underline}.features-section{padding:20px 0 40px}.features-grid{grid-template-columns:repeat(3,1fr);gap:14px;max-width:800px;margin:0 auto;display:grid}.feature-card{text-align:center;padding:26px 22px}.feature-icon{opacity:.8;filter:drop-shadow(0 0 8px #c9a84c4d);margin-bottom:16px;font-size:32px}.feature-title{font-size:var(--font-size-card-title);margin-bottom:8px;font-weight:600}.feature-desc{color:var(--text-secondary);font-size:13px;line-height:1.6}.input-mode-toggle{margin-bottom:16px}.pillars-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.pillar-col{flex-direction:column;gap:6px;display:flex}.pillar-col-label{text-align:center;color:var(--text-secondary,#888);font-size:.85em}.pillars-range{align-items:center;gap:8px;display:flex}.pillars-range-sep{color:var(--text-secondary,#888)}.candidate-list{flex-direction:column;gap:8px;margin:12px 0;display:flex}.candidate-item{border-radius:var(--radius-md);cursor:pointer;text-align:left;color:inherit;background:#ffffff0e;border:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.candidate-item:hover{background:#c9a84c1a}.candidate-item:disabled{opacity:.6;cursor:default}.candidate-lunar{color:var(--text-secondary,#888);font-size:.9em}.candidate-age{color:var(--wu-jin,#c9a45b)}@media (width<=768px){.features-grid{grid-template-columns:1fr}.home-page.page{padding-bottom:calc(140px + env(safe-area-inset-bottom))!important}.hero{padding:16px 0 10px}.hero-badge{display:none}.hero-title{letter-spacing:0;margin-bottom:6px;font-size:28px}.hero-desc{max-width:320px;font-size:13px;line-height:1.5}.home-intent-grid{grid-template-columns:1fr;margin-top:14px}.form-section{padding:8px 0 36px}.form-card.card{padding:22px 18px 24px}.form-card-header{margin-bottom:20px}#bazi-form>.birth-profile-form{margin-bottom:22px}.submit-btn{min-height:52px;margin-top:22px}.guest-hint{padding-bottom:8px}}.ui-toast{right:20px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:1300;gap:10px;width:min(360px,100vw - 32px);display:grid;position:fixed}.ui-toast__item{border:1px solid var(--border-default);border-radius:var(--radius-panel);background:var(--surface-panel);color:var(--text-body);box-shadow:var(--shadow-md);padding:12px 14px}.ui-toast__item--success{border-color:#587f5257}.ui-toast__item--error{border-color:#b85d5057}.ui-toast__item--info{border-color:#c9a84c57}@media (width<=640px){.ui-toast{right:16px;bottom:calc(96px + env(safe-area-inset-bottom))}}#root{isolation:isolate}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20% 20%,#c9a84c0a 0%,#0000 60%),radial-gradient(at 80% 80%,#5b9bd50a 0%,#0000 60%);position:fixed;inset:0}.route-fallback-skeleton{border-radius:var(--radius-lg);height:240px}