:root{--primary-color: #7b8cde;--primary-dark: #6572c9;--primary-light: #a8b4e8;--secondary-color: #9876b4;--bg-dark: #181a22;--bg-card: #1f2129;--bg-card-hover: #282a35;--text-primary: #e4e2eb;--text-secondary: #a09daf;--text-muted: #7a7888;--gold: #c9a855;--gold-light: #e8d9a8;--gradient-primary: linear-gradient(135deg, #7b8cde 0%, #9876b4 100%);--gradient-dark: linear-gradient(180deg, #181a22 0%, #1f2129 100%);--gradient-card: linear-gradient(145deg, #1f2129 0%, #282a35 100%);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .3);--shadow-glow: 0 0 16px rgba(123, 140, 222, .2);--font-display: "Cinzel", "Noto Serif SC", serif;--font-body: "Noto Serif SC", -apple-system, sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-dark);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 20px #667eea4d}50%{box-shadow:0 0 40px #667eea99}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.section{padding:var(--spacing-3xl) 0}.text-center{text-align:center}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:500;border-radius:var(--radius-full);transition:all var(--transition-normal);white-space:nowrap}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md),var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px #667eea80}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--primary-light)}.btn-secondary:hover{background:#667eea1a;border-color:var(--primary-color)}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:1.125rem}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.stars-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:-1}.stars-bg:before,.stars-bg:after{content:"";position:absolute;width:100%;height:100%}.stars-bg:before{background:radial-gradient(ellipse at center,#1a1a2e,#0f0f1a)}.stars-bg:after{background-image:radial-gradient(2px 2px at 20px 30px,white,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,white,transparent),radial-gradient(2px 2px at 160px 120px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 230px 80px,white,transparent),radial-gradient(2px 2px at 300px 150px,rgba(255,255,255,.7),transparent);background-repeat:repeat;background-size:350px 350px;animation:float 20s ease-in-out infinite}.page{min-height:100vh;background:var(--bg-dark);position:relative}.page-bg{position:fixed;inset:0;pointer-events:none;z-index:0}.page-bg:before{content:"";position:absolute;top:0;right:0;width:60%;height:60%;background:radial-gradient(ellipse at top right,rgba(123,140,222,.06) 0%,transparent 60%)}.page-container{position:relative;z-index:1;max-width:560px;margin:0 auto;padding:0 var(--spacing-lg)}.nav-back{position:fixed;top:var(--spacing-lg);left:var(--spacing-lg);display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);color:var(--text-muted);font-size:.875rem;text-decoration:none;transition:all var(--transition-fast);z-index:100}.nav-back svg{width:16px;height:16px}.nav-back:hover{background:#ffffff0f;color:var(--text-primary);border-color:#ffffff1f}.page-header{text-align:center;padding:calc(var(--spacing-3xl) + 24px) 0 var(--spacing-xl)}.page-header h1{font-size:1.75rem;font-weight:400;color:var(--text-primary);letter-spacing:.05em;margin:0 0 var(--spacing-sm) 0}.page-header p{font-size:.9rem;color:var(--text-muted);margin:0}.card{background:#1f2129cc;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-fast)}.card:hover{border-color:#ffffff1a}.card.card-active{border-color:#7b8cde66;background:#7b8cde0d}.menu-list{background:#1f212999;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);overflow:hidden}.menu-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:background var(--transition-fast);border-bottom:1px solid rgba(255,255,255,.04)}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:#ffffff08}.menu-item-icon{width:20px;height:20px;color:var(--text-muted);flex-shrink:0}.menu-item-icon svg{width:100%;height:100%}.menu-item-content{flex:1;min-width:0}.menu-item-title{display:block;font-size:.95rem;color:var(--text-primary);margin-bottom:2px}.menu-item-desc{display:block;font-size:.8rem;color:var(--text-muted)}.menu-item-arrow{width:16px;height:16px;color:#fff3;flex-shrink:0}.menu-item-arrow svg{width:100%;height:100%}.menu-divider{height:8px;background:#00000026;border-bottom:1px solid rgba(255,255,255,.04)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.section-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.95rem;font-weight:500;color:var(--text-secondary);margin:0}.section-title-icon{width:18px;height:18px;color:var(--text-muted)}.section-title-icon svg{width:100%;height:100%}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:var(--spacing-xs)}.form-input,.form-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;transition:all var(--transition-fast)}.form-input:focus,.form-select:focus{outline:none;border-color:#7b8cde80;background:#ffffff0f}.form-input::placeholder{color:var(--text-muted)}.form-select option{background:var(--bg-card)}.btn-group{display:flex;gap:var(--spacing-sm)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:10px 18px;font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.btn-icon svg{width:14px;height:14px}.btn-ghost{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary)}.btn-ghost:hover{background:#ffffff1a;border-color:#fff3;color:var(--text-primary)}.btn-accent{background:linear-gradient(135deg,#7b8cde,#6366f1);border:none;color:#fff;box-shadow:0 2px 8px #7b8cde4d}.btn-accent:hover{background:linear-gradient(135deg,#8b9ce8,#7377f5);box-shadow:0 4px 12px #7b8cde66;transform:translateY(-1px)}.btn-danger{background:transparent;border:1px solid rgba(239,68,68,.3);color:#ef4444cc}.btn-danger:hover{background:#ef44441a;border-color:#ef444480}.empty-state{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:var(--radius-lg)}.empty-state-title{font-size:.95rem;color:var(--text-secondary);margin:0 0 var(--spacing-xs) 0}.empty-state-desc{font-size:.8rem;color:var(--text-muted);margin:0}.tip-box{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:#7b8cde0f;border:1px solid rgba(123,140,222,.15);border-radius:var(--radius-md)}.tip-box-icon{width:18px;height:18px;color:#7b8cde99;flex-shrink:0;margin-top:1px}.tip-box-icon svg{width:100%;height:100%}.tip-box p{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0}.page-footer{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl) 0;font-size:.75rem;color:var(--text-muted)}.page-footer .dot{width:3px;height:3px;background:#fff3;border-radius:50%}.page-footer a{color:var(--text-muted);transition:color var(--transition-fast)}.page-footer a:hover{color:var(--text-secondary)}@media(max-width:768px){html{font-size:14px}.container{padding:0 var(--spacing-md)}.section{padding:var(--spacing-2xl) 0}.page-container{padding:0 var(--spacing-md)}.nav-back{top:var(--spacing-md);left:var(--spacing-md)}.page-header{padding-top:calc(var(--spacing-2xl) + 40px)}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#181a22e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(160,157,175,.1)}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:var(--spacing-md) var(--spacing-2xl)}.logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;transition:transform var(--transition-normal)}.logo:hover{transform:scale(1.02)}.logo-icon{width:28px;height:28px;color:var(--primary-color);display:flex;align-items:center;justify-content:center}.logo-text{font-family:var(--font-display);font-size:1.5rem;font-weight:400;letter-spacing:.2em;color:var(--text-primary);background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset}.nav{display:flex;align-items:center;gap:var(--spacing-2xl)}.nav-link{position:relative;font-size:1rem;color:var(--text-muted);text-decoration:none;letter-spacing:.1em;transition:all var(--transition-normal)}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link:hover:after,.nav-link.active:after{width:100%}.action-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:#1f212999;border:1px solid rgba(160,157,175,.15);border-radius:var(--radius-full);color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:all var(--transition-normal)}.action-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.action-text{font-size:.9rem}.menu-toggle{display:none;width:28px;height:28px;position:relative;background:none;border:none;cursor:pointer;padding:0}.hamburger{position:absolute;top:50%;left:0;width:100%;height:2px;background:var(--text-primary);transition:background var(--transition-normal)}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;width:100%;height:2px;background:var(--text-primary);transition:transform var(--transition-normal)}.hamburger:before{top:-8px}.hamburger:after{bottom:-8px}.hamburger.open{background:transparent}.hamburger.open:before{transform:translateY(8px) rotate(45deg)}.hamburger.open:after{transform:translateY(-8px) rotate(-45deg)}.sub-nav-container{background:#12141af2;border-bottom:1px solid rgba(160,157,175,.08)}.sub-nav{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);max-width:1400px;margin:0 auto;padding:0 var(--spacing-2xl)}.sub-nav-link{position:relative;padding:var(--spacing-sm) var(--spacing-lg);font-size:.9rem;color:var(--text-muted);text-decoration:none;letter-spacing:.08em;transition:all var(--transition-normal);border-radius:var(--radius-md)}.sub-nav-link:hover{color:var(--text-secondary);background:#7b8cde14}.sub-nav-link.active{color:var(--text-primary);background:#7b8cde26}.sub-nav-link.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24px;height:2px;background:var(--gradient-primary);border-radius:1px}.quota-display{display:flex;align-items:center;gap:6px;padding:var(--spacing-xs) var(--spacing-md);background:#7b8cde26;border:1px solid rgba(123,140,222,.25);border-radius:var(--radius-full);font-size:.85rem;color:var(--text-secondary);cursor:default}.quota-icon{font-size:.9rem}.quota-text{font-weight:500;color:var(--text-primary)}.login-btn{display:flex;align-items:center;gap:8px;padding:var(--spacing-sm) var(--spacing-lg);background:#fffffff2;border:none;border-radius:var(--radius-full);color:#333;font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.login-btn:hover{background:#fff;box-shadow:0 2px 12px #00000026;transform:translateY(-1px)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.login-icon svg{width:100%;height:100%}.login-text{font-size:.85rem}.user-menu{position:relative}.user-btn{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;background:#7b8cde26;border:1px solid rgba(123,140,222,.25);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal)}.user-btn:hover{background:#7b8cde40;border-color:#7b8cde66}.user-avatar-img{width:28px;height:28px;border-radius:50%;object-fit:cover}.user-name{font-size:.85rem;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{width:16px;height:16px;color:var(--text-muted);transition:transform var(--transition-normal)}.dropdown-arrow.open{transform:rotate(180deg)}.user-menu-overlay{position:fixed;inset:0;z-index:999}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#1e202afa;border:1px solid rgba(160,157,175,.15);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;overflow:hidden;animation:dropdownFadeIn .2s ease}.dropdown-header{padding:var(--spacing-md) var(--spacing-lg);background:#7b8cde14}.dropdown-email{font-size:.8rem;color:var(--text-muted);word-break:break-all}.dropdown-divider{height:1px;background:#a09daf1a}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:all var(--transition-normal);cursor:pointer;background:none;border:none;width:100%;text-align:left}.dropdown-item:hover{background:#7b8cde1a;color:var(--text-primary)}.dropdown-item svg{width:18px;height:18px;flex-shrink:0}.dropdown-item.logout{color:#f87171}.dropdown-item.logout:hover{background:#f871711a;color:#ef4444}@media(max-width:768px){.header-container{padding:var(--spacing-sm) var(--spacing-lg)}.logo-text{font-size:1.25rem;letter-spacing:.15em}.logo-icon{width:24px;height:24px}.nav{position:fixed;inset:60px 0 0;flex-direction:column;justify-content:flex-start;padding:var(--spacing-xl) var(--spacing-lg);gap:var(--spacing-lg);background:#181a22fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translate(100%);transition:transform var(--transition-normal)}.nav-open{transform:translate(0)}.nav-link{font-size:1.25rem;padding:var(--spacing-sm) 0}.action-btn{padding:var(--spacing-sm) var(--spacing-md)}.action-text{display:none}.action-icon{width:20px;height:20px}.quota-display{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}.quota-icon{font-size:.8rem}.login-btn{padding:var(--spacing-xs) var(--spacing-md)}.login-text{display:none}.login-icon{width:20px;height:20px}.user-name{display:none}.user-btn{padding:4px}.menu-toggle{display:block}.sub-nav-container{position:relative;z-index:999}.sub-nav{padding:0 var(--spacing-sm);gap:2px;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.sub-nav::-webkit-scrollbar{display:none}.sub-nav-link{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem;white-space:nowrap;flex-shrink:0;min-width:fit-content}}@media(max-width:480px){.header-container{padding:var(--spacing-sm) var(--spacing-md)}.logo-text{font-size:1.1rem}.logo-icon{width:20px;height:20px}.action-btn{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full)}.sub-nav{padding:0 var(--spacing-xs);padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.sub-nav-link{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem;overflow:visible}}.footer{background:linear-gradient(180deg,var(--bg-dark) 0%,#0a0a14 100%);border-top:1px solid rgba(102,126,234,.1);padding:4rem 0 2rem;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand{max-width:300px}.footer-logo{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.footer-logo .logo-icon{font-size:1.5rem}.footer-logo .logo-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-desc{color:var(--text-muted);font-size:.9rem;line-height:1.7}.footer-section h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:1.25rem}.footer-section ul{display:flex;flex-direction:column;gap:.75rem}.footer-section a{color:var(--text-muted);font-size:.9rem;transition:color var(--transition-fast)}.footer-section a:hover{color:var(--primary-light)}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(255,255,255,.05);text-align:center}.footer-bottom p{color:var(--text-muted);font-size:.85rem}.footer-disclaimer{margin-top:.5rem;font-size:.8rem!important;opacity:.7}@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{grid-column:1 / -1;max-width:100%;text-align:center}.footer-logo{justify-content:center}}@media(max-width:480px){.footer-grid{grid-template-columns:1fr;text-align:center}.footer-section ul{align-items:center}}.home-page{min-height:100vh;display:flex;flex-direction:column;position:relative;background:var(--bg-dark);font-size:16px;line-height:1.75;color:var(--text-primary)}.bg-effects{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(150px);opacity:.5;animation:floatOrb 40s ease-in-out infinite}.orb-1{width:1000px;height:1000px;background:radial-gradient(circle,rgba(123,140,222,.3) 0%,rgba(152,118,180,.12) 50%,transparent 70%);top:-400px;left:-300px}.orb-2{width:800px;height:800px;background:radial-gradient(circle,rgba(152,118,180,.25) 0%,rgba(152,118,180,.08) 50%,transparent 70%);top:40%;right:-300px;animation-delay:-15s}.orb-3{width:900px;height:900px;background:radial-gradient(circle,rgba(152,118,180,.2) 0%,rgba(123,140,222,.08) 50%,transparent 70%);bottom:-200px;left:20%;animation-delay:-25s}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(80px,-80px) scale(1.1)}50%{transform:translate(-60px,60px) scale(.9)}75%{transform:translate(40px,30px) scale(1.05)}}.stars-layer{position:absolute;inset:0;background-image:radial-gradient(2px 2px at 10% 5%,rgba(228,226,235,.5),transparent),radial-gradient(3px 3px at 30% 15%,rgba(228,226,235,.35),transparent),radial-gradient(2px 2px at 50% 8%,rgba(228,226,235,.4),transparent),radial-gradient(3px 3px at 70% 20%,rgba(228,226,235,.3),transparent),radial-gradient(2px 2px at 90% 12%,rgba(228,226,235,.35),transparent),radial-gradient(2px 2px at 20% 35%,rgba(228,226,235,.25),transparent),radial-gradient(3px 3px at 60% 40%,rgba(228,226,235,.3),transparent),radial-gradient(2px 2px at 80% 45%,rgba(228,226,235,.35),transparent),radial-gradient(2px 2px at 15% 60%,rgba(228,226,235,.3),transparent),radial-gradient(3px 3px at 45% 70%,rgba(228,226,235,.25),transparent),radial-gradient(2px 2px at 75% 65%,rgba(228,226,235,.35),transparent),radial-gradient(2px 2px at 95% 80%,rgba(228,226,235,.3),transparent);animation:twinkle 8s ease-in-out infinite}.main-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#181a22d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06)}.header-content{max-width:1400px;margin:0 auto;padding:var(--spacing-md) var(--spacing-2xl);display:flex;align-items:center;justify-content:space-between}.header-logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none}.logo-icon{width:28px;height:28px;color:var(--secondary-color)}.logo-icon svg{width:100%;height:100%}.logo-text{font-family:var(--font-display);font-size:1.5rem;font-weight:400;letter-spacing:.2em;color:var(--text-primary)}.header-nav{display:flex;gap:var(--spacing-2xl)}.nav-link{font-size:1rem;color:var(--text-muted);text-decoration:none;letter-spacing:.1em;transition:all var(--transition-normal);position:relative}.nav-link:after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-normal)}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.header-actions{display:flex;gap:var(--spacing-md)}.action-btn{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:#1f212999;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:all var(--transition-normal);white-space:nowrap}.action-btn:hover{background:#7b8cde1f;border-color:#7b8cde4d;color:var(--text-primary)}.action-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.action-icon svg{width:100%;height:100%}.portal-section{position:relative;z-index:1;padding:140px 40px 80px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px}.home-portal{position:relative;z-index:1;padding:100px 60px 40px;min-height:calc(100vh - 70px);display:flex;align-items:center}.portal-layout{display:flex;gap:60px;width:100%;max-width:1400px;margin:0 auto;align-items:stretch}.portal-left{flex:0 0 380px;display:flex;align-items:center}.smart-ask-box{width:100%;height:100%;min-height:380px;padding:var(--spacing-2xl) var(--spacing-xl);background:#191c26f2;border:1px solid rgba(123,140,222,.35);border-radius:var(--radius-xl);display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow-lg),0 0 60px #7b8cde14,inset 0 1px #ffffff0d}.ask-title{font-size:1.45rem;font-weight:500;color:var(--text-primary);letter-spacing:.08em;margin:0 0 var(--spacing-xl) 0;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.3)}.ask-input-wrapper{width:100%;margin-bottom:20px}.ask-textarea{width:100%;min-height:120px;padding:var(--spacing-lg) var(--spacing-xl);background:#14161ef2;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1rem;line-height:1.7;outline:none;resize:vertical;transition:all var(--transition-normal);font-family:inherit}.ask-textarea::placeholder{color:var(--text-muted);line-height:1.7}.ask-textarea:focus{border-color:#7b8cde8c;box-shadow:var(--shadow-glow);background:#12141c}.ask-input-row{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.ask-input{width:100%;padding:20px 24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;outline:none;transition:all .3s ease}.ask-input::placeholder{color:#ffffff59}.ask-input:focus{border-color:#9370db66;box-shadow:0 0 20px #9370db1a}.ask-btn{width:100%;padding:var(--spacing-md) var(--spacing-xl);background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:1.05rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-md),var(--shadow-glow)}.ask-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px #7b8cde26}.ask-hint{font-size:.82rem;color:var(--text-secondary);margin:0;line-height:1.6;text-align:center}.portal-right{flex:1;display:flex;flex-direction:column;gap:24px}.category-title-compact{font-size:.92rem;font-weight:600;color:var(--primary-light);margin:0 0 var(--spacing-md) 0;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 0 20px rgba(168,180,232,.2)}.category-title-compact.eastern{color:var(--gold-light);text-shadow:0 0 20px rgba(232,201,168,.2)}.service-row{display:flex;gap:16px}.service-card-compact{flex:1;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);text-decoration:none;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.service-card-compact:hover{transform:translateY(-4px);border-color:#7b8cde73;background:#7b8cde1f;box-shadow:var(--shadow-lg),var(--shadow-glow)}.service-card-compact.eastern:hover{border-color:#c9a85566;background:#c9a85514;box-shadow:var(--shadow-md)}.service-icon-small{width:44px;height:44px;color:var(--primary-light);flex-shrink:0;filter:drop-shadow(0 0 8px rgba(123,140,222,.25))}.service-icon-small svg{width:100%;height:100%;stroke-width:1.4}.service-icon-small.text-icon{font-family:var(--font-body);font-size:1.8rem;display:flex;align-items:center;justify-content:center;color:var(--gold-light)}.service-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.service-title-compact{font-size:1.08rem;font-weight:500;color:var(--text-primary);letter-spacing:.02em}.service-desc-compact{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.more-services-compact{padding-top:var(--spacing-md);margin-top:var(--spacing-sm);border-top:1px solid rgba(255,255,255,.06)}.more-links-compact{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.more-link-compact{padding:var(--spacing-sm) var(--spacing-md);background:#1f21298c;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.85rem;text-decoration:none;transition:all var(--transition-normal)}.more-link-compact:hover{background:#7b8cde1a;border-color:#7b8cde40;color:var(--text-primary)}.service-category{margin-bottom:0}.portal-main{width:100%;max-width:700px}.main-card{position:relative;padding:48px;background:linear-gradient(145deg,#9370db14,#667eea0d);border:1px solid rgba(147,112,219,.2);border-radius:32px;cursor:pointer;transition:all .4s ease;overflow:hidden}.main-card:hover{border-color:#9370db66;transform:translateY(-5px);box-shadow:0 30px 80px #9370db26}.card-bg-effect{position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(147,112,219,.15) 0%,transparent 60%);opacity:0;transition:opacity .4s ease}.main-card:hover .card-bg-effect{opacity:1}.card-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.card-icon-wrap{width:72px;height:72px;color:#c4b5fde6;filter:drop-shadow(0 0 30px rgba(147,112,219,.4))}.card-icon-wrap svg{width:100%;height:100%;stroke-width:1.2}.card-content h2{font-size:2rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:.1em}.card-content>p{font-size:1.1rem;color:var(--text-muted);margin:0}.card-input-area{display:flex;gap:12px;width:100%;max-width:480px;margin-top:12px}.quick-input{flex:1;padding:var(--spacing-md) var(--spacing-xl);background:#181a22cc;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1rem;outline:none;transition:all var(--transition-normal)}.quick-input::placeholder{color:var(--text-muted)}.quick-input:focus{border-color:#7b8cde80;box-shadow:var(--shadow-glow)}.start-btn{padding:var(--spacing-md) var(--spacing-2xl);background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.start-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.quick-tags{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;margin-top:var(--spacing-sm)}.quick-tags span{padding:var(--spacing-sm) var(--spacing-md);background:#1f212980;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:all var(--transition-normal)}.quick-tags span:hover{background:#7b8cde1f;border-color:#7b8cde4d;color:var(--text-primary)}.portal-secondary{display:flex;gap:24px;width:100%;max-width:900px}.secondary-card{flex:1;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:#1f212980;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);text-decoration:none;transition:all var(--transition-normal)}.secondary-card:hover{background:#7b8cde1a;border-color:#7b8cde4d;transform:translateY(-3px)}.card-icon-small{width:48px;height:48px;color:var(--primary-light);flex-shrink:0}.card-icon-small svg{width:100%;height:100%;stroke-width:1.3}.card-icon-small.bazi-text{font-family:var(--font-body);font-size:2rem;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card-info{flex:1}.card-info h3{font-size:1.15rem;font-weight:500;color:var(--text-primary);margin:0 0 4px}.card-info p{font-size:.9rem;color:var(--text-muted);margin:0}.card-arrow{font-size:1.5rem;color:#fff3;transition:all var(--transition-normal)}.secondary-card:hover .card-arrow{color:var(--primary-color);transform:translate(5px)}.scroll-hint{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:var(--text-muted);font-size:.9rem;margin-top:var(--spacing-xl)}.scroll-arrow{width:24px;height:24px;color:var(--text-muted);animation:bounce 2s ease-in-out infinite}.scroll-arrow svg{width:100%;height:100%}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.section{position:relative;z-index:1;padding:100px 0;overflow:hidden}.section-bg{position:absolute;inset:0;z-index:-1}.section-content{max-width:1600px;margin:0 auto;padding:0 60px}.section-header{display:flex;align-items:center;gap:24px;margin-bottom:60px}.section-icon{width:60px;height:60px;color:var(--primary-light);filter:drop-shadow(0 0 20px rgba(123,140,222,.4));display:flex;align-items:center;justify-content:center}.section-icon svg{width:100%;height:100%;stroke-width:1.2}.section-icon.bazi-icon{font-family:var(--font-body);font-size:2.5rem;color:var(--primary-light);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-titles{flex:1}.home-page .section-title{font-size:2.5rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;letter-spacing:.05em}.section-desc{font-size:1.1rem;color:var(--text-muted);margin:0}.section-enter{font-size:1.1rem;color:var(--primary-light);text-decoration:none;padding:var(--spacing-sm) var(--spacing-xl);border:1px solid rgba(123,140,222,.35);border-radius:var(--radius-full);transition:all var(--transition-normal);white-space:nowrap}.section-enter:hover{color:var(--text-primary);background:#7b8cde26;border-color:#7b8cde80;box-shadow:var(--shadow-glow)}.tarot-section{background:linear-gradient(180deg,transparent 0%,rgba(147,112,219,.03) 50%,transparent 100%)}.tarot-bg{background:radial-gradient(ellipse at 30% 50%,rgba(147,112,219,.08) 0%,transparent 60%)}.tarot-main{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:60px;margin-bottom:80px}.tarot-daily{display:flex;flex-direction:column;align-items:center;gap:24px}.daily-card-stack{position:relative;width:180px;height:270px;cursor:pointer}.stack-card{position:absolute;width:100%;height:100%;border-radius:16px;background:linear-gradient(145deg,#3c3250cc,#28233ce6);border:1px solid rgba(147,112,219,.2)}.stack-card:nth-child(1){transform:rotate(-8deg) translate(-15px);opacity:.5}.stack-card:nth-child(2){transform:rotate(-4deg) translate(-8px);opacity:.7}.daily-card-main{position:absolute;width:100%;height:100%;border-radius:16px;background:linear-gradient(145deg,#9370db40,#667eea33);border:2px solid rgba(147,112,219,.4);display:flex;align-items:center;justify-content:center;transition:all .5s ease;box-shadow:0 20px 60px #0006,0 0 40px #9370db33}.daily-card-stack:hover .daily-card-main{transform:translateY(-15px) scale(1.05);box-shadow:0 30px 80px #00000080,0 0 60px #9370db4d}.card-inner{display:flex;flex-direction:column;align-items:center;gap:16px}.card-glyph{width:64px;height:64px;color:#9370dbe6;filter:drop-shadow(0 0 20px rgba(147,112,219,.5))}.card-glyph svg{width:100%;height:100%}.card-text{font-size:1.1rem;color:#e4e2ebd9;font-weight:500}.card-hint{font-size:.85rem;color:#a09daf80}.daily-info{text-align:center}.daily-info h3{font-size:1.3rem;color:#e4e2eb;margin:0 0 8px}.daily-info p{font-size:.95rem;color:#a09dafb3;margin:0}.tarot-spreads{display:flex;flex-direction:column;gap:24px}.spreads-title{font-size:1.3rem;color:#e4e2ebcc;margin:0}.tarot-floating{position:relative;min-height:350px;background:transparent;border:none;overflow:visible;-webkit-user-select:none;user-select:none}.floating-container{position:relative;width:100%;height:350px;transition:transform .05s ease-out}.floating-bubble{position:absolute;padding:6px 0;background:transparent;border:none;cursor:pointer;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;gap:8px}.floating-bubble:hover{transform:scale(1.08);z-index:10}.floating-bubble:hover .bubble-text{color:#9370db;text-shadow:0 0 20px rgba(147,112,219,.5)}.floating-bubble.is-hot .bubble-text{color:#e4e2ebe6}.bubble-text{font-size:.95rem;color:#a09dafb3;transition:all .3s ease}.hot-tag{font-size:.65rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#ef4444,#f97316);padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.floating-hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-size:.8rem;color:#a09daf66;pointer-events:none}.tarot-birthday{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.birthday-visual{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.birthday-icon{width:48px;height:48px;z-index:1;color:#c4b5fde6}.birthday-icon svg{width:100%;height:100%}.birthday-rings{position:absolute;inset:0}.birthday-rings .ring{position:absolute;inset:0;border:2px solid rgba(147,112,219,.2);border-radius:50%;animation:ringPulse 3s ease-in-out infinite}.birthday-rings .ring:nth-child(2){inset:-15px;animation-delay:1.5s}@keyframes ringPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.2}}.tarot-birthday h3{font-size:1.3rem;color:#e4e2eb;margin:0}.tarot-birthday p{font-size:.95rem;color:#a09dafb3;margin:0}.birthday-input-group{display:flex;flex-direction:column;gap:12px;width:100%;max-width:280px}.birthday-input{padding:14px 18px;background:#181a22cc;border:1px solid rgba(160,157,175,.2);border-radius:12px;color:#e4e2eb;font-size:1rem;outline:none;transition:all .3s ease}.birthday-input::placeholder{color:#a09daf80}.birthday-input:focus{border-color:#9370db80;box-shadow:0 0 20px #9370db26}.birthday-btn{padding:14px 24px;background:linear-gradient(135deg,#9370dbcc,#667eeacc);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.birthday-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #9370db66}.tarot-questions{border-top:1px solid rgba(160,157,175,.1);padding-top:60px}.questions-title{font-size:1.3rem;color:#e4e2ebcc;margin:0 0 32px;text-align:center}.questions-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.question-btn{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;background:#1f212980;border:1px solid rgba(160,157,175,.1);border-radius:16px;cursor:pointer;transition:all .3s ease}.question-btn:hover{background:#7b8cde1f;border-color:#7b8cde59;transform:translateY(-5px)}.question-icon{width:32px;height:32px;color:#c4b5fdd9}.question-icon svg{width:100%;height:100%}.question-text{font-size:.95rem;color:#e4e2ebcc;text-align:center}.astro-section{background:linear-gradient(180deg,transparent 0%,rgba(102,126,234,.03) 50%,transparent 100%)}.astro-bg{background:radial-gradient(ellipse at 70% 50%,rgba(102,126,234,.08) 0%,transparent 60%)}.astro-main{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:60px;margin-bottom:80px;align-items:start}.astro-chart-area{display:flex;flex-direction:column;align-items:center;gap:24px}.chart-visual{position:relative;width:280px;height:280px;display:flex;align-items:center;justify-content:center}.chart-ring{position:absolute;border:2px solid rgba(147,112,219,.25);border-radius:50%}.ring-1{width:100%;height:100%;animation:rotate 40s linear infinite}.ring-2{width:75%;height:75%;animation:rotate 30s linear infinite reverse}.ring-3{width:50%;height:50%;animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chart-center{z-index:1}.sun-symbol{font-size:3.5rem;color:#ffc864e6;filter:drop-shadow(0 0 25px rgba(255,200,100,.5))}.zodiac-ring{position:absolute;width:100%;height:100%}.zodiac-mark{position:absolute;font-size:1.3rem;left:50%;top:50%;transform:rotate(var(--angle)) translateY(-130px) rotate(calc(-1 * var(--angle)));opacity:.7}.zodiac-mark.fire{color:#f87171}.zodiac-mark.earth{color:#a3e635}.zodiac-mark.air{color:#38bdf8}.zodiac-mark.water{color:#818cf8}.chart-hint{font-size:1rem;color:#a09daf99}.astro-form-area{display:flex;flex-direction:column;gap:24px}.astro-form-area h3{font-size:1.3rem;color:#e4e2eb;margin:0}.astro-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full{grid-column:1 / -1}.form-group label{font-size:.9rem;color:#a09dafb3}.astro-input{padding:14px 18px;background:#181a22cc;border:1px solid rgba(160,157,175,.2);border-radius:12px;color:#e4e2eb;font-size:1rem;outline:none;transition:all .3s ease}.astro-input:focus{border-color:#667eea80;box-shadow:0 0 20px #667eea26}.astro-submit{padding:16px 32px;background:linear-gradient(135deg,#667eeacc,#9370dbcc);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:8px}.astro-submit:hover{transform:translateY(-3px);box-shadow:0 12px 35px #667eea66}.astro-planets{display:flex;flex-direction:column;gap:20px}.astro-planets h3{font-size:1.3rem;color:#e4e2eb;margin:0}.planets-list{display:flex;flex-direction:column;gap:12px}.planet-item{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#1f212966;border-radius:12px;transition:all .3s ease}.planet-item:hover{background:#1f2129b3}.planet-symbol{font-size:1.5rem;width:40px;text-align:center;color:#ffc864cc}.planet-name{font-size:1rem;color:#e4e2ebd9;flex:1}.planet-meaning{font-size:.9rem;color:#a09daf99}.astro-zodiac{border-top:1px solid rgba(160,157,175,.1);padding-top:60px}.zodiac-title{font-size:1.3rem;color:#e4e2ebcc;margin:0 0 32px;text-align:center}.zodiac-list{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.zodiac-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;background:#1f212966;border:1px solid rgba(160,157,175,.1);border-radius:16px;cursor:pointer;transition:all .3s ease}.zodiac-item:hover{transform:translateY(-5px)}.zodiac-item.fire:hover{background:#f8717126;border-color:#f8717166}.zodiac-item.earth:hover{background:#a3e63526;border-color:#a3e63566}.zodiac-item.air:hover{background:#38bdf826;border-color:#38bdf866}.zodiac-item.water:hover{background:#818cf826;border-color:#818cf866}.zodiac-item .zodiac-symbol{font-size:1.8rem}.zodiac-item .zodiac-name{font-size:.95rem;color:#e4e2ebcc}.zodiac-item .zodiac-date{font-size:.75rem;color:#a09daf80}.bazi-section{background:linear-gradient(180deg,transparent 0%,rgba(180,100,140,.03) 50%,transparent 100%)}.bazi-bg{background:radial-gradient(ellipse at 30% 50%,rgba(180,100,140,.06) 0%,transparent 60%)}.bazi-main{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:60px;margin-bottom:60px;align-items:start}.bazi-pillars-area{display:flex;flex-direction:column;align-items:center;gap:24px}.pillars-display{display:flex;gap:20px}.pillar{display:flex;flex-direction:column;align-items:center;gap:12px}.pillar-label{font-size:1rem;color:#a09dafb3}.pillar-box{width:70px;height:140px;background:#1f212980;border:1px solid rgba(160,157,175,.15);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.pillar-box.highlight{border-color:#9370db66;background:#9370db1a}.tiangan,.dizhi{font-size:1.8rem;color:#9370db99;font-family:"Noto Serif SC",serif}.pillar-note{font-size:.8rem;color:#9370dbb3}.pillars-hint{font-size:1rem;color:#a09daf99}.bazi-form-area{display:flex;flex-direction:column;gap:24px}.bazi-form-area h3{font-size:1.3rem;color:#e4e2eb;margin:0}.bazi-form{display:flex;flex-direction:column;gap:24px}.bazi-inputs-row{display:flex;gap:16px}.bazi-input-group{flex:1;display:flex;flex-direction:column;gap:8px}.bazi-input-group label{font-size:.9rem;color:#a09dafb3}.bazi-input-group input{padding:14px;background:#181a22cc;border:1px solid rgba(160,157,175,.2);border-radius:12px;color:#e4e2eb;font-size:1.1rem;text-align:center;outline:none;transition:all .3s ease}.bazi-input-group input:focus{border-color:#9370db80;box-shadow:0 0 20px #9370db26}.bazi-gender{display:flex;align-items:center;gap:16px}.bazi-gender label{font-size:.9rem;color:#a09dafb3}.gender-options{display:flex;gap:12px}.gender-btn{padding:10px 24px;background:#1f212999;border:1px solid rgba(160,157,175,.15);border-radius:8px;color:#e4e2ebb3;font-size:1rem;cursor:pointer;transition:all .3s ease}.gender-btn.active{background:#7b8cde33;border-color:#7b8cde80;color:#e4e2eb}.bazi-submit{padding:16px 32px;background:linear-gradient(135deg,#b4648ccc,#9370dbcc);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.bazi-submit:hover{transform:translateY(-3px);box-shadow:0 12px 35px #9370db66}.bazi-wuxing{display:flex;flex-direction:column;align-items:center;gap:24px}.bazi-wuxing h3{font-size:1.3rem;color:#e4e2eb;margin:0}.wuxing-circle{position:relative;width:220px;height:220px}.wuxing-item{position:absolute;left:50%;top:50%;transform:rotate(var(--angle)) translateY(-80px) rotate(calc(-1 * var(--angle)));display:flex;flex-direction:column;align-items:center;gap:4px}.wuxing-char{font-size:2rem;font-family:"Noto Serif SC",serif;color:var(--color);text-shadow:0 0 20px var(--color)}.wuxing-meaning{font-size:.8rem;color:#a09daf99}.bazi-quick{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.bazi-quick .quick-item{display:flex;align-items:center;gap:12px;padding:16px 28px;background:#1f212980;border:1px solid rgba(160,157,175,.12);border-radius:30px;cursor:pointer;transition:all .3s ease}.bazi-quick .quick-item:hover{background:#7b8cde1a;border-color:#7b8cde4d;transform:translateY(-3px)}.bazi-quick .quick-icon{width:28px;height:28px;color:#c4b5fdd9}.bazi-quick .quick-icon svg{width:100%;height:100%}.bazi-quick .quick-label{font-size:1rem;color:#e4e2ebcc}.fortune-section{background:linear-gradient(180deg,transparent 0%,rgba(255,200,100,.02) 50%,transparent 100%)}.fortune-bg{background:radial-gradient(ellipse at 60% 50%,rgba(255,200,100,.06) 0%,transparent 60%)}.fortune-main{display:grid;grid-template-columns:350px 1fr;gap:60px;align-items:start}.fortune-today{display:flex;flex-direction:column;gap:24px;padding:40px;background:#1f212980;border-radius:24px;border:1px solid rgba(160,157,175,.1)}.today-date-block{display:flex;flex-direction:column;align-items:center;gap:4px;padding:24px;background:linear-gradient(135deg,#ffc8641a,#ff96640d);border-radius:16px}.today-weekday{font-size:1rem;color:#a09dafb3}.today-day{font-size:4rem;font-weight:300;color:#e4e2eb;line-height:1}.today-month{font-size:1.2rem;color:#ffc864cc}.today-info{text-align:center}.solar-date{font-size:1rem;color:#e4e2ebbf;margin:0 0 4px}.lunar-date{font-size:.9rem;color:#a09daf99;margin:0}.today-energy{display:flex;flex-direction:column;gap:12px}.energy-label{font-size:.95rem;color:#a09dafb3}.energy-bar{height:8px;background:#a09daf26;border-radius:4px;overflow:hidden}.energy-fill{height:100%;background:linear-gradient(90deg,#ffc864cc,#ff9664cc);border-radius:4px;transition:width 1s ease}.energy-stars{display:flex;gap:4px;justify-content:center}.energy-stars .star{font-size:1.5rem;color:#a09daf40}.energy-stars .star.filled{color:#ffc864e6;text-shadow:0 0 10px rgba(255,200,100,.5)}.today-summary{font-size:1.1rem;color:#e4e2ebcc;text-align:center;margin:0;padding-top:16px;border-top:1px solid rgba(160,157,175,.1)}.fortune-zodiac{display:flex;flex-direction:column;gap:32px}.fortune-zodiac h3{font-size:1.3rem;color:#e4e2ebcc;margin:0}.fortune-zodiac .zodiac-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.zodiac-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 20px;background:#1f212980;border:1px solid rgba(160,157,175,.1);border-radius:20px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.zodiac-card .card-glow{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0%,transparent 100%);opacity:0;transition:all .3s ease}.zodiac-card:hover{transform:translateY(-8px)}.zodiac-card.fire:hover{border-color:#f8717180}.zodiac-card.fire:hover .card-glow{background:radial-gradient(circle at center,rgba(248,113,113,.2) 0%,transparent 70%);opacity:1}.zodiac-card.earth:hover{border-color:#a3e63580}.zodiac-card.earth:hover .card-glow{background:radial-gradient(circle at center,rgba(163,230,53,.2) 0%,transparent 70%);opacity:1}.zodiac-card.air:hover{border-color:#38bdf880}.zodiac-card.air:hover .card-glow{background:radial-gradient(circle at center,rgba(56,189,248,.2) 0%,transparent 70%);opacity:1}.zodiac-card.water:hover{border-color:#818cf880}.zodiac-card.water:hover .card-glow{background:radial-gradient(circle at center,rgba(129,140,248,.2) 0%,transparent 70%);opacity:1}.zodiac-card .zodiac-symbol{font-size:2.5rem;z-index:1}.zodiac-card .zodiac-name{font-size:1.1rem;color:#e4e2eb;font-weight:500;z-index:1}.zodiac-card .zodiac-date{font-size:.85rem;color:#a09daf99;z-index:1}.trust-section{position:relative;z-index:1;padding:var(--spacing-3xl) var(--spacing-2xl);background:#181a2280;border-top:1px solid rgba(255,255,255,.06)}.trust-items{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;gap:var(--spacing-2xl)}.trust-item{display:flex;align-items:center;gap:var(--spacing-lg)}.trust-item .trust-icon{width:48px;height:48px;color:var(--primary-light)}.trust-item .trust-icon svg{width:100%;height:100%}.trust-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.trust-title{font-size:1.15rem;color:var(--text-primary);font-weight:500}.trust-desc{font-size:.9rem;color:var(--text-muted)}.home-footer{position:relative;z-index:1;padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-xl);background:#181a22b3;border-top:1px solid rgba(255,255,255,.06)}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);text-align:center}.footer-brand{display:flex;align-items:center;gap:var(--spacing-sm)}.footer-logo{width:32px;height:32px;color:var(--secondary-color)}.footer-logo svg{width:100%;height:100%}.footer-name{font-size:1.5rem;color:var(--text-primary);font-weight:500}.footer-slogan{font-size:1rem;color:var(--text-muted);margin:0}.footer-links{display:flex;gap:var(--spacing-2xl);margin-top:var(--spacing-md)}.footer-links a{font-size:.95rem;color:var(--text-muted);text-decoration:none;transition:color var(--transition-normal)}.footer-links a:hover{color:var(--text-primary)}.footer-copyright{font-size:.85rem;color:#ffffff4d;margin:var(--spacing-md) 0 0 0}@media(max-width:1200px){.section-content{padding:0 40px}.tarot-main,.astro-main,.bazi-main{grid-template-columns:1fr 1fr;gap:40px}.tarot-daily{grid-column:1 / -1}.questions-grid{grid-template-columns:repeat(3,1fr)}.zodiac-list{grid-template-columns:repeat(6,1fr)}.fortune-main{grid-template-columns:1fr;gap:40px}.fortune-zodiac .zodiac-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.header-content{padding:12px 20px}.header-nav{display:none}.logo-text{font-size:1.2rem}.portal-section{padding:100px 20px 60px;gap:32px}.main-card{padding:32px 24px;border-radius:24px}.card-icon-wrap{width:56px;height:56px}.card-content h2{font-size:1.5rem}.card-input-area{flex-direction:column}.quick-input{padding:14px 20px}.start-btn{padding:14px 24px}.portal-secondary{flex-direction:column;gap:16px}.secondary-card{padding:20px 24px}.section{padding:60px 0}.section-content{padding:0 24px}.section-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:40px}.section-title{font-size:1.8rem}.section-enter{align-self:flex-start}.tarot-main,.astro-main,.bazi-main{grid-template-columns:1fr}.daily-card-stack{width:150px;height:225px}.spreads-grid{grid-template-columns:1fr}.questions-grid{grid-template-columns:repeat(2,1fr)}.chart-visual{width:220px;height:220px}.zodiac-list{grid-template-columns:repeat(4,1fr)}.pillars-display{gap:12px}.pillar-box{width:55px;height:110px}.wuxing-circle{width:180px;height:180px}.wuxing-item{transform:rotate(var(--angle)) translateY(-60px) rotate(calc(-1 * var(--angle)))}.bazi-quick{gap:12px}.bazi-quick .quick-item{padding:12px 20px}.fortune-zodiac .zodiac-grid{grid-template-columns:repeat(2,1fr)}.trust-items{flex-wrap:wrap;justify-content:center}.trust-item{width:calc(50% - 20px);justify-content:center}.home-portal{padding:100px 24px 40px;min-height:auto}.portal-layout{flex-direction:column;gap:32px}.portal-left{flex:none;width:100%;max-width:500px;margin:0 auto}.smart-ask-box{padding:28px 24px}.portal-right{gap:20px}.service-row{flex-wrap:wrap}.service-card-compact{flex:1 1 calc(50% - 8px);min-width:200px}}@media(max-width:480px){.portal-section{padding:90px 16px 40px}.main-card{padding:28px 20px}.card-content h2{font-size:1.3rem}.card-content>p{font-size:1rem}.quick-tags{gap:8px}.quick-tags span{padding:6px 12px;font-size:.85rem}.secondary-card{padding:16px 20px}.card-icon-small{width:40px;height:40px}.card-info h3{font-size:1rem}.daily-card-stack{width:130px;height:195px}.card-glyph{width:48px;height:48px}.questions-grid{grid-template-columns:1fr}.zodiac-list{grid-template-columns:repeat(3,1fr)}.bazi-inputs-row{flex-wrap:wrap}.bazi-input-group{flex:1 1 45%}.fortune-zodiac .zodiac-grid{grid-template-columns:repeat(2,1fr);gap:12px}.trust-item{width:100%}.home-portal{padding:80px 16px 30px}.portal-layout{gap:24px}.portal-left{max-width:100%}.smart-ask-box{padding:24px 20px}.ask-title{font-size:1.2rem}.ask-icon{font-size:2rem}.service-row{flex-direction:column;gap:12px}.service-card-compact{flex:none;width:100%;padding:16px 20px}.service-icon-small{width:38px;height:38px}.service-title-compact{font-size:1rem}.more-links-compact{gap:8px}.more-link-compact{padding:6px 12px;font-size:.8rem}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:linear-gradient(135deg,#0d0f14,#1a1c24,#12141a);position:relative;overflow:hidden}.auth-bg-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floating-star{position:absolute;color:#7b8cde4d;animation:float-star 6s ease-in-out infinite}.star-1{top:15%;left:10%;font-size:1.5rem;animation-delay:0s}.star-2{top:25%;right:15%;font-size:1rem;animation-delay:2s}.star-3{bottom:20%;left:20%;font-size:1.2rem;animation-delay:4s}.floating-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3}.orb-1{width:300px;height:300px;background:radial-gradient(circle,rgba(123,140,222,.4) 0%,transparent 70%);top:-100px;right:-100px}.orb-2{width:250px;height:250px;background:radial-gradient(circle,rgba(180,140,200,.3) 0%,transparent 70%);bottom:-80px;left:-80px}@keyframes float-star{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-20px) rotate(180deg);opacity:.6}}.auth-container{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;z-index:1}.auth-logo{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);cursor:pointer;transition:transform var(--transition-normal)}.auth-logo:hover{transform:scale(1.05)}.auth-logo .logo-icon{width:32px;height:32px;color:var(--primary-color)}.auth-logo .logo-icon svg{width:100%;height:100%}.auth-logo .logo-text{font-family:var(--font-display);font-size:1.75rem;font-weight:400;letter-spacing:.2em;color:var(--text-primary)}.auth-card{width:100%;background:#1a1c24cc;border:1px solid rgba(160,157,175,.12);border-radius:var(--radius-xl);padding:var(--spacing-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative}.back-btn{position:absolute;top:var(--spacing-lg);left:var(--spacing-lg);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal)}.back-btn:hover{background:#ffffff1a;color:var(--text-primary)}.back-btn svg{width:18px;height:18px}.auth-title{font-family:var(--font-display);font-size:1.75rem;font-weight:500;color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-xs)}.auth-subtitle{font-size:.95rem;color:var(--text-muted);text-align:center;margin-bottom:var(--spacing-xl)}.auth-benefits{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:#7b8cde14;border-radius:var(--radius-lg);border:1px solid rgba(123,140,222,.15)}.benefit-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9rem;color:var(--text-secondary)}.benefit-icon{font-size:1rem}.auth-buttons{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);border:none}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-btn .btn-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-btn .btn-icon svg{width:100%;height:100%}.google-btn{background:#fff;color:#333;box-shadow:0 2px 8px #00000026}.google-btn:hover:not(:disabled){background:#f8f9fa;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.google-btn-secondary{background:transparent;color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.google-btn-secondary:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff4d}.email-btn{background:#7b8cde26;color:var(--text-primary);border:1px solid rgba(123,140,222,.3)}.email-btn:hover:not(:disabled){background:#7b8cde40;border-color:#7b8cde80}.register-btn{background:transparent;color:var(--text-secondary);border:1px solid rgba(255,255,255,.15)}.register-btn:hover:not(:disabled){background:#ffffff0d;color:var(--text-primary);border-color:#ffffff40}.submit-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;margin-top:var(--spacing-sm)}.submit-btn:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 20px #7b8cde66;transform:translateY(-1px)}.auth-skip{text-align:center;margin-top:var(--spacing-lg);font-size:.85rem;color:var(--text-muted);cursor:pointer;transition:color var(--transition-normal)}.auth-skip:hover{color:var(--text-secondary);text-decoration:underline}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.form-group input{width:100%;padding:var(--spacing-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;transition:all var(--transition-normal)}.form-group input::placeholder{color:var(--text-muted)}.form-group input:focus{outline:none;border-color:var(--primary-color);background:#7b8cde14;box-shadow:0 0 0 3px #7b8cde26}.password-input{position:relative}.password-input input{padding-right:48px}.toggle-password{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:color var(--transition-normal)}.toggle-password:hover{color:var(--text-primary)}.toggle-password svg{width:18px;height:18px}.auth-divider{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-lg) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.auth-divider span{font-size:.8rem;color:var(--text-muted)}.auth-switch{text-align:center;margin-top:var(--spacing-lg);font-size:.9rem;color:var(--text-muted)}.auth-switch span{color:var(--primary-color);cursor:pointer;font-weight:500;transition:all var(--transition-normal)}.auth-switch span:hover{text-decoration:underline}.auth-error{padding:var(--spacing-sm) var(--spacing-md);background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#f87171;font-size:.85rem;text-align:center;margin-bottom:var(--spacing-md)}.auth-success{padding:var(--spacing-sm) var(--spacing-md);background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md);color:#4ade80;font-size:.85rem;text-align:center;margin-bottom:var(--spacing-md)}.auth-footer{margin-top:var(--spacing-xl);font-size:.75rem;color:var(--text-muted);text-align:center;opacity:.7}.auth-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--text-muted)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(123,140,222,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@media(max-width:480px){.auth-page{padding:var(--spacing-md)}.auth-card{padding:var(--spacing-xl) var(--spacing-lg)}.auth-title,.auth-logo .logo-text{font-size:1.5rem}.back-btn{top:var(--spacing-md);left:var(--spacing-md)}}.tarot-card-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);flex-shrink:0;perspective:1000px}.tarot-card-3d{width:90px;height:157px;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,.2,.2,1);cursor:pointer}.tarot-card-3d.flipped{transform:rotateY(180deg)}.tarot-card-3d.flipped.reversed{transform:rotateY(180deg) rotate(180deg)}.tarot-card-3d.animating{filter:drop-shadow(0 20px 40px rgba(147,112,219,.4))}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 20px #0000004d,0 0 40px #9370db1a}.card-back{background:linear-gradient(145deg,#1a1a2e,#16213e,#0f0f23)}.card-back-design{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:4px}.back-border{width:100%;height:100%;border:2px solid rgba(212,175,55,.4);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;padding:4px}.back-inner{width:100%;height:100%;border:1px solid rgba(212,175,55,.25);border-radius:var(--radius-xs);background:radial-gradient(ellipse at center,rgba(147,112,219,.15) 0%,transparent 70%);display:flex;align-items:center;justify-content:center}.back-pattern{position:relative;width:60px;height:80px}.center-symbol{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.75rem;color:#d4af37b3;text-shadow:0 0 20px rgba(212,175,55,.5);animation:pulse 3s ease-in-out infinite}.star{position:absolute;color:#d4af3780;font-size:.7rem;animation:twinkle 2s ease-in-out infinite}.star-1{top:0;left:50%;transform:translate(-50%);animation-delay:0s}.star-2{top:15%;right:5%;animation-delay:.3s}.star-3{top:35%;right:0;animation-delay:.6s}.star-4{bottom:35%;right:0;animation-delay:.9s}.star-5{bottom:15%;right:5%;animation-delay:1.2s}.star-6{bottom:0;left:50%;transform:translate(-50%);animation-delay:1.5s}.star-7{top:15%;left:5%;animation-delay:.4s}.star-8{top:35%;left:0;animation-delay:.7s}@keyframes pulse{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes twinkle{0%,to{opacity:.4}50%{opacity:.8}}.card-front{transform:rotateY(180deg);background:#1a1a2e}.card-front:before{content:"";position:absolute;inset:0;border:2px solid rgba(212,175,55,.25);border-radius:var(--radius-md);pointer-events:none;z-index:2}.card-shine{position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.3) 45%,rgba(255,255,255,.1) 50%,transparent 55%);opacity:0;pointer-events:none;z-index:3}.tarot-card-3d.animating .card-shine{animation:shine .8s ease-out}@keyframes shine{0%{opacity:0;transform:translate(-100%)}50%{opacity:1}to{opacity:0;transform:translate(100%)}}.tarot-card-wrapper:hover .tarot-card-3d:not(.animating){transform:translateY(-6px);filter:drop-shadow(0 12px 30px rgba(147,112,219,.3))}.tarot-card-wrapper:hover .tarot-card-3d.flipped:not(.animating){transform:rotateY(180deg) translateY(-6px)}.tarot-card-wrapper:hover .tarot-card-3d.flipped.reversed:not(.animating){transform:rotateY(180deg) rotate(180deg) translateY(-6px)}.card-label{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0;transform:translateY(-10px);transition:all .5s ease .3s}.card-label.visible{opacity:1;transform:translateY(0)}@keyframes cardEntrance{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.tarot-card-wrapper{animation:cardEntrance .5s cubic-bezier(.34,1.56,.64,1) forwards}.tarot-card-wrapper:nth-child(1){animation-delay:.1s}.tarot-card-wrapper:nth-child(2){animation-delay:.2s}.tarot-card-wrapper:nth-child(3){animation-delay:.3s}.tarot-card-wrapper:nth-child(4){animation-delay:.4s}.tarot-card-wrapper:nth-child(5){animation-delay:.5s}.tarot-card-wrapper:nth-child(6){animation-delay:.6s}@media(max-width:768px){.tarot-card-3d{width:80px;height:140px}.back-pattern{width:50px;height:70px}.center-symbol{font-size:1.5rem}.star{font-size:.6rem}}@media(max-width:480px){.tarot-card-3d{width:70px;height:122px}.back-pattern{width:45px;height:60px}.center-symbol{font-size:1.25rem}.card-name{font-size:.75rem}}.drawing-animation{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);position:relative;min-height:200px}.deck-container{position:relative;width:120px;height:180px}.card-deck{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.deck-card{position:absolute;width:60px;height:100px;background:linear-gradient(145deg,#1a1a2e,#16213e,#0f0f23);border:1px solid rgba(212,175,55,.3);border-radius:var(--radius-xs);transform:translate(-50%,-50%) translateY(calc(var(--index) * -2px));box-shadow:0 2px 8px #0000004d;animation:deckPulse 2s ease-in-out infinite;animation-delay:calc(var(--index) * .1s)}.deck-card:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='1.5' opacity='0.5'%3E%3Cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/%3E%3C/svg%3E") no-repeat center;background-size:contain}@keyframes deckPulse{0%,to{box-shadow:0 2px 8px #0000004d}50%{box-shadow:0 4px 16px #9370db4d}}.flying-cards{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.flying-card{position:absolute;left:0;top:0;width:60px;height:100px;animation:flyOut 1.8s ease-in-out infinite;animation-delay:var(--delay);opacity:0}.flying-card-inner{width:100%;height:100%;background:linear-gradient(145deg,#1a1a2e,#16213e,#0f0f23);border:1px solid rgba(212,175,55,.4);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #9370db4d}.card-back-design{display:flex;align-items:center;justify-content:center}.moon-symbol{width:24px;height:24px;color:#d4af37b3;filter:drop-shadow(0 0 10px rgba(212,175,55,.5))}@keyframes flyOut{0%{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}50%{opacity:1;transform:translate(calc(-50% + 80px),calc(-50% - 60px)) rotate(var(--angle)) scale(1.1)}70%{opacity:.8;transform:translate(calc(-50% + 100px),calc(-50% - 40px)) rotate(var(--angle)) scale(1)}to{opacity:0;transform:translate(calc(-50% + 120px),-50%) rotate(var(--angle)) scale(.9)}}.particles{position:absolute;inset:0;pointer-events:none}.particle{position:absolute;width:12px;height:12px;color:#d4af3799;animation:particleFloat 3s ease-in-out infinite;animation-delay:var(--delay)}.particle:nth-child(1){top:10%;left:20%}.particle:nth-child(2){top:20%;right:20%}.particle:nth-child(3){top:40%;left:10%}.particle:nth-child(4){top:50%;right:15%}.particle:nth-child(5){bottom:30%;left:25%}.particle:nth-child(6){bottom:20%;right:25%}.particle:nth-child(7){top:30%;left:40%}.particle:nth-child(8){bottom:40%;right:35%}@keyframes particleFloat{0%,to{opacity:0;transform:translateY(0) scale(.8)}50%{opacity:.8;transform:translateY(-15px) scale(1.1)}}@media(max-width:480px){.drawing-animation{min-height:160px;padding:var(--spacing-lg)}.deck-container{width:100px;height:150px}.deck-card,.flying-card{width:50px;height:85px}.deck-card:after{width:16px;height:16px}.moon-symbol{width:16px;height:16px}}.chat-view{position:relative;display:flex;flex-direction:column;height:100%;background:transparent}.messages-area{flex:1;overflow-y:auto;overflow-x:hidden;background:transparent;padding-bottom:100px}.messages-area::-webkit-scrollbar{width:8px}.messages-area::-webkit-scrollbar-track{background:transparent}.messages-area::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--radius-xs)}.messages-area::-webkit-scrollbar-thumb:hover{background:#fff3}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:var(--spacing-xl);text-align:center}.welcome-title{font-family:var(--font-display);font-size:2.5rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xl) 0;letter-spacing:-.02em}.welcome-suggestions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;max-width:500px}.suggestion-chip{padding:var(--spacing-sm) var(--spacing-lg);background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all var(--transition-fast)}.suggestion-chip:hover{background:#ffffff1f;border-color:#fff3;color:var(--text-primary)}.messages-list{display:flex;flex-direction:column;padding:var(--spacing-md) var(--spacing-lg);max-width:900px;margin:0 auto;width:100%}.message{display:flex;margin-bottom:var(--spacing-md);width:100%}.message.user-message{justify-content:flex-end}.message.ai-message{justify-content:flex-start}.message-inner{display:flex;align-items:flex-start;gap:var(--spacing-md);max-width:75%}.user-message .message-inner{flex-direction:row-reverse}.avatar{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tarotist-avatar{background:var(--gradient-primary);color:#fff}.user-avatar{background:#5a5ab480;color:var(--text-primary)}.avatar svg{width:20px;height:20px}.message-body{max-width:100%}.user-message .message-body{background:#5a5ab466;border-radius:var(--radius-lg) var(--radius-lg) var(--radius-xs) var(--radius-lg);padding:var(--spacing-md)}.ai-message .message-body{background:#ffffff1a;border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-xs);padding:var(--spacing-md)}.message-text{font-size:1rem;line-height:1.65;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.cards-display{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0;overflow-x:auto;scrollbar-width:none}.cards-display::-webkit-scrollbar{display:none}.card-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);flex-shrink:0}.tarot-card{width:90px;height:157px;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 20px #0000004d,0 0 40px #9370db1a;transition:all var(--transition-normal);cursor:pointer;position:relative}.tarot-card:before{content:"";position:absolute;inset:0;border:2px solid rgba(212,175,55,.25);border-radius:var(--radius-md);pointer-events:none}.tarot-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 30px #0006,0 0 50px #9370db33}.tarot-card.reversed{transform:rotate(180deg)}.tarot-card.reversed:hover{transform:rotate(180deg) translateY(6px) scale(1.02)}.card-image{width:100%;height:100%;object-fit:cover}.card-label{display:flex;flex-direction:column;align-items:center;gap:4px}.card-name{font-size:.8rem;color:var(--text-primary);font-weight:500}.card-position{font-size:.7rem;padding:2px var(--spacing-sm);border-radius:var(--radius-sm);font-weight:500}.card-position.upright{background:#9370db4d;color:#c8b4ffe6}.card-position.reversed{background:#c850504d;color:#ffb4b4e6}.loading-content{display:flex;align-items:center;gap:var(--spacing-md)}.loading-dots{display:flex;gap:4px}.loading-dots span{width:8px;height:8px;background:#9370db99;border-radius:var(--radius-full);animation:bounce 1.2s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.loading-text{font-size:.9rem;color:var(--text-muted)}.loading-content.centered{justify-content:center;margin-top:var(--spacing-sm)}.scroll-btn{position:absolute;bottom:140px;left:50%;transform:translate(-50%);width:36px;height:36px;border-radius:var(--radius-full);background:#282a36f2;border:1px solid rgba(255,255,255,.15);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all var(--transition-fast);z-index:10}.scroll-btn:hover{background:#3c3e4af2;color:var(--text-primary)}.scroll-btn svg{width:18px;height:18px}.input-area{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-md);padding-top:var(--spacing-xl);padding-bottom:var(--spacing-sm);background:linear-gradient(to bottom,transparent 0%,transparent 15%,#181a22 35%,#181a22 100%);pointer-events:none}.input-wrapper{max-width:768px;margin:0 auto;pointer-events:auto}.input-container{display:flex;align-items:flex-end;gap:0;padding:var(--spacing-sm);background:#323440e6;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.input-container:focus-within{border-color:#9370db66;box-shadow:0 0 0 2px #9370db1a}.input-actions-left,.input-actions-right{display:flex;align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-xs)}.action-btn{width:32px;height:32px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.action-btn:hover{background:#ffffff1a;color:var(--text-primary)}.action-btn svg{width:18px;height:18px}.chat-input{flex:1;background:transparent;border:none;outline:none;font-size:1rem;color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);resize:none;min-height:24px;max-height:200px;line-height:1.5;font-family:inherit}.chat-input::placeholder{color:var(--text-muted)}.chat-input:disabled{opacity:.6}.send-btn{width:32px;height:32px;border-radius:var(--radius-md);background:#ffffff1a;border:none;color:var(--text-muted);cursor:not-allowed;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.send-btn.active{background:var(--text-primary);color:#1a1a2e;cursor:pointer}.send-btn.active:hover{background:#ffffffe6}.send-btn svg{width:16px;height:16px}.input-hint{text-align:center;font-size:.7rem;color:var(--text-muted);margin:var(--spacing-sm) 0 0 0;padding-bottom:var(--spacing-sm);opacity:.6}@media(max-width:768px){.message-inner{padding:0 var(--spacing-md);max-width:85%}.messages-list{padding:var(--spacing-sm) var(--spacing-md)}.welcome-screen{padding:var(--spacing-lg)}.welcome-title{font-size:1.75rem}.suggestion-chip{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem}.tarot-card{width:80px;height:140px}.input-area{padding:var(--spacing-sm) var(--spacing-md);padding-top:var(--spacing-lg);padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px));background:linear-gradient(to bottom,transparent 0%,rgba(24,26,34,.95) 20%,#181a22 100%)}.input-wrapper{max-width:100%}.input-container{padding:var(--spacing-xs) var(--spacing-sm)}.chat-input{padding:var(--spacing-xs) var(--spacing-sm);min-height:20px}.scroll-btn{bottom:calc(100px + env(safe-area-inset-bottom,0px))}.input-hint{font-size:.65rem;padding-bottom:calc(var(--spacing-xs) + env(safe-area-inset-bottom,0px))}}.quota-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.quota-modal{background:linear-gradient(145deg,#282a36fa,#1e202afa);border:1px solid rgba(147,112,219,.3);border-radius:var(--radius-xl);padding:var(--spacing-2xl);max-width:380px;width:100%;text-align:center;box-shadow:0 20px 60px #00000080,0 0 40px #9370db26}.quota-modal-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.quota-modal-title{font-family:var(--font-display);font-size:1.4rem;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.quota-modal-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-xl) 0}.quota-modal-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.quota-modal-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);border:none}.quota-modal-btn.primary{background:#fff;color:#333}.quota-modal-btn.primary:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 20px #fff3}.quota-modal-btn.secondary{background:#ffffff1a;color:var(--text-secondary);border:1px solid rgba(255,255,255,.15)}.quota-modal-btn.secondary:hover{background:#ffffff26;color:var(--text-primary)}.quota-modal-btn svg{width:20px;height:20px}@media(max-width:480px){.message{padding:var(--spacing-sm) 0}.message-inner{gap:var(--spacing-sm);max-width:88%}.avatar{width:28px;height:28px}.avatar svg{width:16px;height:16px}.message-text{font-size:.9rem;line-height:1.6}.user-message .message-body,.ai-message .message-body{padding:var(--spacing-sm) var(--spacing-md)}.welcome-title{font-size:1.5rem}.welcome-suggestions{gap:var(--spacing-sm)}.suggestion-chip{padding:var(--spacing-xs) var(--spacing-md);font-size:.8rem}.tarot-card{width:70px;height:122px}.card-name{font-size:.75rem}.chat-input{font-size:.9rem}.action-btn{width:28px;height:28px}.action-btn svg{width:16px;height:16px}.send-btn{width:28px;height:28px}.send-btn svg{width:14px;height:14px}.messages-area{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}}.chat-reading-page{position:fixed;inset:116px 0 0;background:var(--bg-dark);overflow:hidden}@media(max-width:768px){.chat-reading-page{top:104px}}@media(max-width:480px){.chat-reading-page{top:96px}}.fortune-page{min-height:100vh;position:relative;background:var(--bg-dark);padding:var(--spacing-xl);overflow-x:hidden}.fortune-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.fortune-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.4}.fortune-orb.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(147,112,219,.4) 0%,transparent 70%);top:-200px;right:-200px;animation:floatOrb 30s ease-in-out infinite}.fortune-orb.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(123,104,238,.3) 0%,transparent 70%);bottom:-150px;left:-150px;animation:floatOrb 25s ease-in-out infinite reverse}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}.stars-layer{position:absolute;inset:0;background-image:radial-gradient(2px 2px at 10% 10%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 30% 20%,rgba(255,255,255,.2),transparent),radial-gradient(2px 2px at 50% 15%,rgba(255,255,255,.25),transparent),radial-gradient(2px 2px at 70% 25%,rgba(255,255,255,.2),transparent),radial-gradient(2px 2px at 90% 10%,rgba(255,255,255,.3),transparent);animation:twinkle 6s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.5}50%{opacity:1}}.back-home{position:fixed;top:var(--spacing-lg);left:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:all var(--transition-normal);z-index:100}.back-home svg{width:16px;height:16px}.back-home:hover{background:#ffffff1a;color:var(--text-primary)}.fortune-container{position:relative;z-index:1;max-width:900px;margin:0 auto;padding-top:var(--spacing-2xl)}.fortune-header{text-align:center;margin-bottom:var(--spacing-xl)}.fortune-title{font-size:2.5rem;font-weight:300;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;letter-spacing:.1em;font-family:var(--font-display)}.fortune-date{font-size:1rem;color:var(--text-muted);margin:0}.mode-switcher{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:4px;background:#ffffff0d;border-radius:var(--radius-full);width:fit-content;margin-left:auto;margin-right:auto}.mode-btn{padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:none;border-radius:var(--radius-full);color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:all var(--transition-normal)}.mode-btn.active{background:var(--gradient-primary);color:var(--text-primary)}.mode-btn:hover:not(.active){color:var(--text-secondary)}.signs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.signs-grid.chinese{grid-template-columns:repeat(4,1fr)}.sign-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-md);background:var(--bg-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal)}.sign-card:hover{background:var(--bg-card-hover);border-color:#7b8cde4d;transform:translateY(-4px)}.sign-card.fire:hover{border-color:#ff6b6b80;box-shadow:0 8px 30px #ff6b6b26}.sign-card.earth:hover{border-color:#77dd7780;box-shadow:0 8px 30px #77dd7726}.sign-card.air:hover{border-color:#87cefa80;box-shadow:0 8px 30px #87cefa26}.sign-card.water:hover{border-color:#9370db80;box-shadow:0 8px 30px #9370db26}.sign-symbol{font-size:2.5rem;line-height:1}.sign-name{font-size:1rem;color:var(--text-primary);font-weight:500}.sign-dates{font-size:.75rem;color:var(--text-muted)}.fortune-detail{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fortune-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-3xl);color:var(--text-muted)}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.selected-sign{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.detail-symbol{font-size:4rem;line-height:1;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detail-name{font-size:1.75rem;font-weight:400;color:var(--text-primary);margin:0;font-family:var(--font-display)}.change-sign-btn{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:all var(--transition-normal)}.change-sign-btn:hover{border-color:#fff6;color:var(--text-primary)}.overall-fortune{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--bg-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);margin-bottom:var(--spacing-lg)}.overall-score{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.score-circle{position:relative;width:140px;height:140px}.score-circle svg{width:100%;height:100%}.score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;font-weight:300;color:var(--text-primary)}.score-label{font-size:.9rem;color:var(--text-muted)}.overall-advice{font-size:1.1rem;color:var(--text-secondary);text-align:center;margin:0;line-height:1.6}.fortune-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.category-item{padding:var(--spacing-md);background:var(--bg-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg)}.category-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.category-icon{font-size:1.25rem}.category-name{flex:1;font-size:.9rem;color:var(--text-secondary)}.category-score{font-size:.9rem;font-weight:500;color:var(--primary-color)}.category-bar{height:6px;background:#ffffff1a;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--spacing-sm)}.bar-fill{height:100%;border-radius:var(--radius-sm);transition:width var(--transition-slow)}.bar-fill.love{background:linear-gradient(90deg,#ff6b9d,#ff8fab)}.bar-fill.career{background:linear-gradient(90deg,#6b9dff,#8fabff)}.bar-fill.wealth{background:linear-gradient(90deg,gold,#ffdf4d)}.bar-fill.health{background:linear-gradient(90deg,#4ade80,#6ee7a0)}.category-advice{font-size:.8rem;color:var(--text-muted);margin:0;line-height:1.5}.lucky-tips{display:flex;justify-content:center;gap:var(--spacing-xl);padding:var(--spacing-lg);background:#7b8cde1a;border:1px solid rgba(123,140,222,.2);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.lucky-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.lucky-label{font-size:.75rem;color:var(--text-muted)}.lucky-value{font-size:1rem;color:var(--text-primary);font-weight:500}.lucky-value.numbers{font-family:SF Mono,Monaco,monospace;color:var(--primary-color)}.fortune-actions{display:flex;justify-content:center;gap:var(--spacing-md)}.action-btn{padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-full);font-size:.95rem;cursor:pointer;transition:all var(--transition-normal);text-decoration:none}.action-btn.primary{background:var(--gradient-primary);border:none;color:var(--text-primary)}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.action-btn.secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-secondary)}.action-btn.secondary:hover{border-color:#fff6;color:var(--text-primary)}@media(max-width:768px){.fortune-page{padding:var(--spacing-md)}.fortune-container{padding-top:var(--spacing-3xl)}.fortune-title{font-size:2rem}.signs-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.sign-card{padding:var(--spacing-md) var(--spacing-sm)}.sign-symbol{font-size:2rem}.fortune-categories{grid-template-columns:1fr}.lucky-tips{flex-direction:column;gap:var(--spacing-md)}.fortune-actions{flex-direction:column}.action-btn{width:100%;text-align:center}}@media(max-width:480px){.signs-grid{grid-template-columns:repeat(2,1fr)}.back-home{top:var(--spacing-md);left:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}}.profile-selector{position:relative;z-index:1000}.profile-trigger{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.profile-trigger:hover{background:#ffffff14;border-color:#ffffff26}.profile-avatar{width:24px;height:24px;background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500;color:#fff}.profile-name{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-arrow{width:14px;height:14px;opacity:.6;transition:transform var(--transition-fast)}.profile-arrow.open{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));right:0;width:260px;background:#1e202dfa;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:dropdownFadeIn var(--transition-fast) ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:var(--spacing-sm) var(--spacing-md);font-size:.75rem;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.06);text-transform:uppercase;letter-spacing:.05em}.profile-list{max-height:280px;overflow-y:auto;padding:var(--spacing-sm)}.profile-list::-webkit-scrollbar{width:4px}.profile-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.profile-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.profile-item:hover{background:#ffffff0d}.profile-item.active{background:#7b8cde26}.item-avatar{width:32px;height:32px;background:#ffffff1a;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--text-secondary);flex-shrink:0}.item-avatar.owner{background:var(--gradient-primary);color:#fff}.item-info{flex:1;min-width:0}.item-name{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9rem;color:var(--text-primary)}.owner-badge{font-size:.65rem;padding:1px 6px;background:#7b8cde40;border-radius:var(--radius-sm);color:var(--primary-light)}.item-birth{display:block;font-size:.75rem;color:var(--text-muted);margin-top:2px}.item-check{width:18px;height:18px;color:var(--primary-color);flex-shrink:0}.dropdown-footer{padding:var(--spacing-sm);border-top:1px solid rgba(255,255,255,.06)}.manage-link{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#ffffff08;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:.85rem;transition:all var(--transition-fast)}.manage-link:hover{background:#ffffff0f;color:var(--text-primary)}.manage-link svg{width:16px;height:16px}.current-profile-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:#7b8cde1a;border:1px solid rgba(123,140,222,.2);border-radius:var(--radius-full);font-size:.8rem}.current-profile-badge.incomplete{background:#c9a8551a;border-color:#c9a85533}.badge-label{color:var(--text-muted)}.badge-name{color:var(--primary-light);font-weight:500}.current-profile-badge.incomplete .badge-name{color:var(--gold)}.badge-tip{color:var(--gold);text-decoration:none;font-size:.75rem;margin-left:var(--spacing-xs)}.badge-tip:hover{text-decoration:underline}.badge-edit{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-muted);transition:color var(--transition-fast)}.badge-edit:hover{color:var(--text-primary)}.badge-edit svg{width:14px;height:14px}.inline-profile-switcher{position:relative;z-index:100;margin:var(--spacing-md) 0}.switcher-trigger{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.switcher-trigger:hover{background:#ffffff0f;border-color:#ffffff26}.switcher-avatar{width:40px;height:40px;background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:500;color:#fff;flex-shrink:0}.switcher-info{flex:1;text-align:left;min-width:0}.switcher-name{display:block;font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:2px}.switcher-birth{display:block;font-size:.8rem;color:var(--text-muted)}.switcher-action{display:flex;align-items:center;gap:4px;padding:var(--spacing-xs) var(--spacing-sm);background:#7b8cde26;border-radius:var(--radius-md);font-size:.8rem;color:var(--primary-light);flex-shrink:0}.switcher-arrow{width:14px;height:14px;transition:transform var(--transition-fast)}.switcher-arrow.open{transform:rotate(180deg)}.switcher-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));left:0;right:0;background:#1e202dfa;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:dropdownFadeIn var(--transition-fast) ease}.profile-item.incomplete .item-birth{color:var(--gold)}.incomplete-hint{color:var(--gold);font-size:.7rem}.bazi-page .bazi-bg .ink-wash{position:absolute;top:0;right:-20%;width:70%;height:100%;background:radial-gradient(ellipse at top right,rgba(139,90,43,.08) 0%,transparent 60%)}.bazi-page .bagua-watermark{position:absolute;bottom:10%;left:5%;font-size:20rem;color:#ffffff04;font-family:serif;line-height:1;-webkit-user-select:none;user-select:none}.bazi-page .bazi-container{min-height:100vh;display:flex;flex-direction:column;padding-top:calc(var(--spacing-3xl) + 24px);padding-bottom:var(--spacing-xl)}.bazi-page .calculating-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) 0;animation:fadeIn var(--transition-fast)}.bazi-page .calculating-spinner{font-size:4rem;color:var(--gold);animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bazi-page .calculating-overlay p{margin-top:var(--spacing-md);font-size:.9rem;color:var(--text-muted);letter-spacing:.1em}.bazi-page .result-actions{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-md)}.bazi-page .result-actions .btn-icon{font-size:.8rem;gap:4px}.bazi-page .result-actions .btn-icon svg{width:14px;height:14px}.bazi-page .bazi-edit-view{animation:fadeIn var(--transition-fast)}.bazi-page .info-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#7b8cde1a;border:1px solid rgba(123,140,222,.2);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:.85rem;color:var(--text-secondary)}.bazi-page .info-banner.warning{background:#c9a8551a;border-color:#c9a85533;color:var(--gold)}.bazi-page .info-banner svg{width:18px;height:18px;flex-shrink:0}.bazi-page .back-to-result{display:block;text-align:center;margin-top:var(--spacing-lg);color:var(--text-muted);font-size:.85rem;background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.bazi-page .back-to-result:hover{color:var(--text-primary)}.bazi-page .bazi-input-view{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.bazi-page .bazi-header{text-align:center;margin-bottom:var(--spacing-xl)}.bazi-page .bazi-header h1{font-size:2rem;font-weight:300;color:var(--text-primary);letter-spacing:.3em;margin:0 0 var(--spacing-sm) 0}.bazi-page .bazi-header p{font-size:.9rem;color:var(--text-muted);margin:0 0 var(--spacing-md) 0;letter-spacing:.1em}.bazi-page .bazi-card{width:100%;max-width:400px;background:#191923cc;border-color:#8b5a2b33}.bazi-page .input-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.bazi-page .input-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.bazi-page .input-item .form-label{text-align:center}.bazi-page .input-item .form-select{text-align:center;padding:var(--spacing-sm)}.bazi-page .gender-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid rgba(255,255,255,.06)}.bazi-page .gender-label{font-size:.8rem;color:var(--text-muted)}.bazi-page .gender-btns{display:flex;gap:var(--spacing-sm)}.bazi-page .gender-btns button{width:48px;height:36px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-muted);font-size:1rem;cursor:pointer;transition:all var(--transition-fast)}.bazi-page .gender-btns button:hover{border-color:#8b5a2b66}.bazi-page .gender-btns button.active{background:#8b5a2b33;border-color:#8b5a2b80;color:var(--gold)}.bazi-page .submit-btn{width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,#8b5a2b99,#b4824666);border:1px solid rgba(180,130,70,.3);border-radius:var(--radius-md);color:var(--gold-light);font-size:1rem;letter-spacing:.15em;cursor:pointer;transition:all var(--transition-normal)}.bazi-page .submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b5a2bcc,#b4824680);box-shadow:0 4px 20px #8b5a2b4d}.bazi-page .submit-btn:disabled{opacity:.6;cursor:not-allowed}.bazi-page .hint{text-align:center;font-size:.75rem;color:var(--text-muted);margin:var(--spacing-lg) 0 0 0}.bazi-page .bazi-result-view{animation:fadeInUp var(--transition-slow)}.bazi-page .result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.bazi-page .result-title{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.bazi-page .result-header h2{font-size:1.25rem;font-weight:400;color:var(--text-primary);letter-spacing:.2em;margin:0}.bazi-page .result-profile-name{font-size:.8rem;color:var(--gold);padding:2px 8px;background:#8b5a2b26;border-radius:var(--radius-sm)}.bazi-page .reset-btn{font-size:.8rem}.bazi-page .placeholder{width:80px}.bazi-page .pillars-row{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.bazi-page .pillar{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:#ffffff05;border:1px solid rgba(139,90,43,.15);border-radius:var(--radius-md)}.bazi-page .pillar-name{font-size:.7rem;color:var(--text-muted);margin-bottom:var(--spacing-sm)}.bazi-page .pillar-chars{display:flex;flex-direction:column;align-items:center;gap:4px}.bazi-page .tian-gan,.bazi-page .di-zhi{font-size:1.75rem;font-weight:500;line-height:1}.bazi-page .pillar-wx{font-size:.65rem;color:var(--text-muted);margin-top:var(--spacing-sm);letter-spacing:.1em}.bazi-page .daymaster-box{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,#8b5a2b1a,#643c1e0d);border:1px solid rgba(139,90,43,.2);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.bazi-page .dm-left{display:flex;flex-direction:column;align-items:center;min-width:60px}.bazi-page .dm-label{font-size:.65rem;color:var(--text-muted);margin-bottom:4px}.bazi-page .dm-char{font-size:2.5rem;font-weight:600;line-height:1}.bazi-page .dm-wx{font-size:.7rem;color:var(--text-muted);margin-top:4px}.bazi-page .dm-desc{flex:1;font-size:.9rem;color:var(--text-secondary);line-height:1.7;margin:0}.bazi-page .wuxing-box{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.bazi-page .wuxing-box h3{font-size:.85rem;font-weight:400;color:var(--text-muted);margin:0 0 var(--spacing-md) 0}.bazi-page .wuxing-bars{display:flex;flex-direction:column;gap:var(--spacing-sm)}.bazi-page .wx-row{display:flex;align-items:center;gap:var(--spacing-sm)}.bazi-page .wx-char{width:24px;font-size:1rem;font-weight:500;text-align:center}.bazi-page .wx-track{flex:1;height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.bazi-page .wx-fill{height:100%;border-radius:3px;transition:width var(--transition-slow)}.bazi-page .wx-num{width:16px;font-size:.8rem;color:var(--text-muted);text-align:right}.bazi-page .wx-tip{font-size:.8rem;color:var(--text-muted);margin:var(--spacing-md) 0 0 0;text-align:center}.bazi-page .wx-tip strong{color:var(--gold)}.bazi-page .interp-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.bazi-page .interp-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md)}.bazi-page .interp-icon{width:20px;height:20px;flex-shrink:0;color:var(--gold)}.bazi-page .interp-icon svg{width:100%;height:100%}.bazi-page .interp-content{flex:1}.bazi-page .interp-content h4{font-size:.85rem;font-weight:500;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.bazi-page .interp-content p{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin:0}.bazi-page .result-footer{text-align:center;margin-bottom:var(--spacing-lg)}.bazi-page .tarot-link{display:inline-block;padding:var(--spacing-sm) var(--spacing-xl);background:linear-gradient(135deg,#8b5a2b66,#643c1e4d);border:1px solid rgba(139,90,43,.3);border-radius:var(--radius-md);color:var(--gold);text-decoration:none;font-size:.9rem;transition:all var(--transition-normal)}.bazi-page .tarot-link:hover{background:linear-gradient(135deg,#8b5a2b99,#643c1e66);box-shadow:0 4px 15px #8b5a2b40}.bazi-page .disclaimer{text-align:center;font-size:.7rem;color:var(--text-muted);margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.bazi-page .algorithm-badge{display:inline-block;padding:2px 8px;background:#8b5a2b26;border:1px solid rgba(139,90,43,.3);border-radius:var(--radius-sm);color:#d4a054;font-size:.65rem;letter-spacing:.05em}@media(max-width:768px){.bazi-page .bazi-container{padding-top:calc(var(--spacing-2xl) + 40px);padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom,0px))}.bazi-page .bazi-header h1{font-size:1.75rem;letter-spacing:.2em}.bazi-page .bazi-header p{font-size:.85rem}.bazi-page .bazi-card{max-width:100%;padding:var(--spacing-md)}.bazi-page .input-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.bazi-page .input-item .form-select{font-size:.9rem;padding:var(--spacing-sm) var(--spacing-xs)}.bazi-page .gender-row{padding-top:var(--spacing-md);margin-top:var(--spacing-md)}.bazi-page .submit-btn{padding:var(--spacing-md);font-size:.95rem}.bazi-page .pillars-row{gap:var(--spacing-xs);flex-wrap:nowrap;overflow-x:auto;padding:var(--spacing-sm) 0;-webkit-overflow-scrolling:touch}.bazi-page .pillar{padding:var(--spacing-sm) var(--spacing-md);min-width:70px}.bazi-page .tian-gan,.bazi-page .di-zhi{font-size:1.4rem}.bazi-page .pillar-name{font-size:.65rem}.bazi-page .pillar-wx{font-size:.6rem}.bazi-page .daymaster-box{flex-direction:column;text-align:center;padding:var(--spacing-md)}.bazi-page .dm-left{flex-direction:row;gap:var(--spacing-sm);justify-content:center}.bazi-page .dm-char{font-size:2rem}.bazi-page .dm-desc{font-size:.85rem;line-height:1.6}.bazi-page .wuxing-box{padding:var(--spacing-md)}.bazi-page .interp-item{padding:var(--spacing-sm) var(--spacing-md)}.bazi-page .interp-content h4{font-size:.8rem}.bazi-page .interp-content p{font-size:.8rem;line-height:1.5}.bazi-page .tarot-link{padding:var(--spacing-sm) var(--spacing-lg);font-size:.85rem}.bazi-page .result-header{flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.bazi-page .result-header h2{font-size:1.1rem}.bazi-page .reset-btn{font-size:.75rem}.bazi-page .placeholder{width:60px}}@media(max-width:480px){.bazi-page .bazi-container{padding-top:calc(var(--spacing-xl) + 50px)}.bazi-page .bazi-header h1{font-size:1.5rem}.bazi-page .input-grid{gap:var(--spacing-xs)}.bazi-page .input-item .form-label{font-size:.75rem}.bazi-page .input-item .form-select{font-size:.85rem;padding:var(--spacing-xs)}.bazi-page .pillar{padding:var(--spacing-xs) var(--spacing-sm);min-width:60px}.bazi-page .tian-gan,.bazi-page .di-zhi{font-size:1.2rem}.bazi-page .dm-char{font-size:1.75rem}.bazi-page .wuxing-box h3{font-size:.8rem}.bazi-page .wx-char{font-size:.9rem}.bazi-page .wx-num,.bazi-page .wx-tip{font-size:.75rem}.bazi-page .interp-icon{width:18px;height:18px}.bazi-page .disclaimer{font-size:.65rem}.bazi-page .algorithm-badge{font-size:.6rem;padding:1px 6px}}.astrology-page .astrology-bg .stars-layer{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 30%,rgba(100,149,237,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(147,112,219,.08) 0%,transparent 50%)}.astrology-page .constellation-watermark{position:absolute;top:15%;right:5%;width:200px;height:200px;opacity:.03;-webkit-user-select:none;user-select:none;pointer-events:none}.astrology-page .constellation-watermark:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,#fff 2px,transparent 2px),radial-gradient(circle at 50% 10%,#fff 1.5px,transparent 1.5px),radial-gradient(circle at 80% 25%,#fff 2px,transparent 2px),radial-gradient(circle at 30% 60%,#fff 1px,transparent 1px),radial-gradient(circle at 70% 55%,#fff 1.5px,transparent 1.5px),radial-gradient(circle at 50% 80%,#fff 2px,transparent 2px),radial-gradient(circle at 90% 70%,#fff 1px,transparent 1px)}.astrology-page .astrology-container{min-height:100vh;display:flex;flex-direction:column;padding-top:calc(var(--spacing-3xl) + 24px);padding-bottom:var(--spacing-xl)}.astrology-page .astrology-input-view{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.astrology-page .astrology-header{text-align:center;margin-bottom:var(--spacing-xl)}.astrology-page .astrology-header h1{font-size:2rem;font-weight:300;color:var(--text-primary);letter-spacing:.3em;margin:0 0 var(--spacing-sm) 0}.astrology-page .astrology-header p{font-size:.9rem;color:var(--text-muted);margin:0 0 var(--spacing-md) 0;letter-spacing:.1em}.astrology-page .astrology-card{width:100%;max-width:420px;background:#191928d9;border-color:#6495ed33}.astrology-page .info-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#6495ed1a;border:1px solid rgba(100,149,237,.2);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:.8rem;color:var(--text-secondary)}.astrology-page .info-banner svg{width:16px;height:16px;flex-shrink:0;color:#6495ed}.astrology-page .info-banner.warning{background:#c9a8551a;border-color:#c9a85533;color:var(--gold, #c9a855)}.astrology-page .info-banner.warning svg{color:var(--gold, #c9a855)}.astrology-page .form-section{margin-bottom:var(--spacing-lg)}.astrology-page .section-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.astrology-page .section-label-icon{width:16px;height:16px}.astrology-page .section-label-icon svg{width:100%;height:100%}.astrology-page .label-hint{font-size:.75rem;color:var(--text-muted);margin-left:var(--spacing-xs)}.astrology-page .input-grid{display:grid;gap:var(--spacing-sm)}.astrology-page .input-grid-3{grid-template-columns:repeat(3,1fr)}.astrology-page .input-grid-2{grid-template-columns:repeat(2,1fr)}.astrology-page .input-item .form-select{width:100%;text-align:center}.astrology-page .coords-hint{display:block;font-size:.75rem;color:var(--text-muted);margin-top:var(--spacing-xs);text-align:center}.astrology-page .input-error{border-color:#ef444480!important}.astrology-page .error-hint{display:block;font-size:.75rem;color:#f87171;margin-top:var(--spacing-xs)}.astrology-page .submit-btn{width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,#6495ed80,#9370db66);border:1px solid rgba(100,149,237,.3);border-radius:var(--radius-md);color:#fff;font-size:1rem;letter-spacing:.15em;cursor:pointer;transition:all var(--transition-normal)}.astrology-page .submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#6495edb3,#9370db80);box-shadow:0 4px 20px #6495ed4d}.astrology-page .submit-btn:disabled{opacity:.6;cursor:not-allowed}.astrology-page .loading-text{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.astrology-page .loading-star{animation:twinkle 1s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.astrology-page .hint{text-align:center;font-size:.75rem;color:var(--text-muted);margin:var(--spacing-lg) 0 0 0}.astrology-page .back-to-result{display:block;text-align:center;margin-top:var(--spacing-md);padding:var(--spacing-sm);color:var(--text-muted);font-size:.8rem;text-decoration:underline;cursor:pointer;background:transparent;border:none;transition:color var(--transition-fast)}.astrology-page .back-to-result:hover{color:#6495ed}.astrology-page .astrology-edit-view{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;animation:fadeInUp var(--transition-slow)}.astrology-page .calculating-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-md);min-height:300px}.astrology-page .calculating-spinner{width:64px;height:64px;color:#6495ed;animation:starSpin 2s linear infinite}.astrology-page .calculating-spinner svg{width:100%;height:100%}@keyframes starSpin{0%{transform:rotate(0) scale(1);opacity:.7}50%{transform:rotate(180deg) scale(1.1);opacity:1}to{transform:rotate(360deg) scale(1);opacity:.7}}.astrology-page .calculating-overlay p{font-size:.9rem;color:var(--text-muted);margin-top:var(--spacing-md);letter-spacing:.1em}.astrology-page .result-actions{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-md)}.astrology-page .result-actions .btn-icon{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid rgba(100,149,237,.2);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all var(--transition-fast)}.astrology-page .result-actions .btn-icon:hover{background:#6495ed1a;border-color:#6495ed4d;color:#6495ed}.astrology-page .result-actions .btn-icon svg{width:14px;height:14px}.astrology-page .astrology-result-view{animation:fadeInUp var(--transition-slow)}.astrology-page .result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.astrology-page .result-title{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.astrology-page .result-header h2{font-size:1.25rem;font-weight:400;color:var(--text-primary);letter-spacing:.2em;margin:0}.astrology-page .result-profile-name{font-size:.8rem;color:#6495ed;padding:2px 8px;background:#6495ed26;border-radius:var(--radius-sm)}.astrology-page .reset-btn{font-size:.8rem}.astrology-page .placeholder{width:80px}.astrology-page .birth-info-bar{display:flex;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff08;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:.8rem;color:var(--text-muted)}.astrology-page .big-three{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.astrology-page .big-three-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg);background:#ffffff05;border:1px solid rgba(100,149,237,.15);border-radius:var(--radius-lg);min-width:100px;transition:all var(--transition-normal)}.astrology-page .big-three-item:hover{background:#ffffff0a;border-color:#6495ed4d}.astrology-page .sign-label{display:flex;align-items:center;gap:4px;font-size:.7rem;color:var(--text-muted);margin-bottom:var(--spacing-xs)}.astrology-page .label-icon{width:14px;height:14px;display:flex;align-items:center;justify-content:center}.astrology-page .label-icon svg{width:100%;height:100%}.astrology-page .sign-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-sm)}.astrology-page .sign-icon svg{width:100%;height:100%}.astrology-page .sign-name{font-size:1rem;font-weight:500;margin-bottom:2px}.astrology-page .sign-degree{font-size:.7rem;color:var(--text-muted)}.astrology-page .planets-box{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.astrology-page .planets-box h3{font-size:.85rem;font-weight:400;color:var(--text-muted);margin:0 0 var(--spacing-md) 0;text-align:center}.astrology-page .planets-grid{display:flex;justify-content:center;gap:var(--spacing-lg)}.astrology-page .planet-item{display:flex;flex-direction:column;align-items:center;gap:4px}.astrology-page .planet-label{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-muted)}.astrology-page .planet-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.astrology-page .planet-icon svg{width:100%;height:100%}.astrology-page .planet-zodiac-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.astrology-page .planet-zodiac-icon svg{width:100%;height:100%}.astrology-page .planet-sign{font-size:.8rem;font-weight:500}.astrology-page .interp-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.astrology-page .interp-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md)}.astrology-page .interp-icon{width:20px;height:20px;flex-shrink:0;color:#6495ed}.astrology-page .interp-icon svg{width:100%;height:100%}.astrology-page .interp-content{flex:1}.astrology-page .interp-content h4{font-size:.9rem;font-weight:500;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.astrology-page .interp-content p{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin:0}.astrology-page .summary-box{background:linear-gradient(135deg,#6495ed1a,#9370db14);border:1px solid rgba(100,149,237,.2);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.astrology-page .summary-box h3{font-size:.9rem;font-weight:500;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.astrology-page .summary-box p{font-size:.85rem;color:var(--text-secondary);line-height:1.7;margin:0}.astrology-page .result-footer{text-align:center;margin-bottom:var(--spacing-lg)}.astrology-page .tarot-link{display:inline-block;padding:var(--spacing-sm) var(--spacing-xl);background:linear-gradient(135deg,#6495ed66,#9370db4d);border:1px solid rgba(100,149,237,.3);border-radius:var(--radius-md);color:#6495ed;text-decoration:none;font-size:.9rem;transition:all var(--transition-normal)}.astrology-page .tarot-link:hover{background:linear-gradient(135deg,#6495ed99,#9370db66);box-shadow:0 4px 15px #6495ed40}.astrology-page .disclaimer{text-align:center;font-size:.7rem;color:var(--text-muted);margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.astrology-page .algorithm-badge{display:inline-block;padding:2px 8px;background:#6495ed26;border:1px solid rgba(100,149,237,.3);border-radius:var(--radius-sm);color:#6495ed;font-size:.65rem;letter-spacing:.05em}@media(max-width:768px){.astrology-page .astrology-container{padding-top:calc(var(--spacing-2xl) + 40px);padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom,0px))}.astrology-page .astrology-header h1{font-size:1.75rem;letter-spacing:.2em}.astrology-page .astrology-header p{font-size:.85rem}.astrology-page .astrology-card{max-width:100%;padding:var(--spacing-md)}.astrology-page .info-banner{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.astrology-page .big-three{gap:var(--spacing-sm);flex-wrap:nowrap;overflow-x:auto;padding:var(--spacing-sm) 0;-webkit-overflow-scrolling:touch}.astrology-page .big-three-item{padding:var(--spacing-md);min-width:90px}.astrology-page .sign-label{font-size:.65rem;gap:3px}.astrology-page .label-icon{width:12px;height:12px}.astrology-page .sign-icon{width:44px;height:44px}.astrology-page .sign-name{font-size:.85rem}.astrology-page .planets-grid{gap:var(--spacing-md)}.astrology-page .planet-label{font-size:.7rem}.astrology-page .planet-icon{width:14px;height:14px}.astrology-page .planet-zodiac-icon{width:28px;height:28px}.astrology-page .birth-info-bar{flex-direction:column;gap:var(--spacing-xs);text-align:center}.astrology-page .interp-item{padding:var(--spacing-sm) var(--spacing-md)}.astrology-page .interp-content h4{font-size:.85rem}.astrology-page .interp-content p{font-size:.8rem;line-height:1.5}.astrology-page .result-header{flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.astrology-page .result-header h2{font-size:1.1rem}.astrology-page .reset-btn{font-size:.75rem}.astrology-page .placeholder{width:60px}}@media(max-width:480px){.astrology-page .astrology-container{padding-top:calc(var(--spacing-xl) + 50px)}.astrology-page .astrology-header h1{font-size:1.5rem}.astrology-page .big-three-item{padding:var(--spacing-sm) var(--spacing-md);min-width:80px}.astrology-page .sign-label{font-size:.6rem;gap:2px}.astrology-page .label-icon{width:10px;height:10px}.astrology-page .sign-icon{width:36px;height:36px;margin-bottom:var(--spacing-xs)}.astrology-page .sign-name{font-size:.8rem}.astrology-page .sign-degree{font-size:.65rem}.astrology-page .planets-box{padding:var(--spacing-md)}.astrology-page .planets-grid{gap:var(--spacing-sm)}.astrology-page .planet-label{font-size:.65rem}.astrology-page .planet-icon{width:12px;height:12px}.astrology-page .planet-zodiac-icon{width:22px;height:22px}.astrology-page .planet-sign{font-size:.7rem}.astrology-page .summary-box{padding:var(--spacing-md)}.astrology-page .summary-box h3{font-size:.85rem}.astrology-page .summary-box p{font-size:.8rem;line-height:1.6}.astrology-page .tarot-link{padding:var(--spacing-sm) var(--spacing-lg);font-size:.85rem}.astrology-page .disclaimer{font-size:.65rem}.astrology-page .algorithm-badge{font-size:.6rem;padding:1px 6px}}.profile-page .profile-section{margin-bottom:var(--spacing-xl)}.profile-page .profile-card{margin-bottom:var(--spacing-md)}.profile-page .profile-card.new-card{border-color:#7b8cde40}.profile-page .new-title{font-size:.95rem;font-weight:500;color:var(--primary-light);margin:0 0 var(--spacing-md) 0}.profile-page .card-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.profile-page .card-avatar{width:48px;height:48px;background:#ffffff14;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-secondary);flex-shrink:0}.profile-page .card-avatar.owner-avatar{background:var(--gradient-primary);color:#fff;font-weight:500}.profile-page .card-info{flex:1;min-width:0}.profile-page .card-name{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:4px}.profile-page .current-badge{font-size:.65rem;font-weight:400;padding:2px 6px;background:#7b8cde40;border-radius:var(--radius-sm);color:var(--primary-light)}.profile-page .card-birth{font-size:.85rem;color:var(--text-muted)}.profile-page .card-gender{font-size:.8rem;color:var(--text-muted);margin-left:var(--spacing-sm)}.profile-page .card-actions{justify-content:flex-end;padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.06)}.profile-page .edit-form{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.profile-page .birth-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.profile-page .time-inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.profile-page .form-label-hint{font-size:.75rem;color:var(--text-muted);font-weight:400;margin-left:var(--spacing-xs)}.profile-page .form-hint{display:block;font-size:.75rem;color:var(--text-muted);margin-top:var(--spacing-xs)}.profile-page .gender-btns{display:flex;gap:var(--spacing-sm)}.profile-page .gender-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all var(--transition-fast)}.profile-page .gender-btn:hover{background:#ffffff14}.profile-page .gender-btn.active{background:#7b8cde26;border-color:#7b8cde66;color:var(--primary-light)}.profile-page .friends-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.profile-page .tip-box{margin-top:var(--spacing-xl)}@media(max-width:768px){.profile-page .birth-inputs{grid-template-columns:1fr;gap:var(--spacing-xs)}.profile-page .card-actions{flex-wrap:wrap;gap:var(--spacing-sm)}.profile-page .card-actions .btn-icon{flex:0 0 auto;min-width:auto;white-space:nowrap}}.me-page .me-header{text-align:center;padding:calc(var(--spacing-3xl) + 24px) 0 var(--spacing-xl)}.me-page .me-header h1{font-size:1.5rem;font-weight:400;color:var(--text-primary);letter-spacing:.1em;margin:0 0 var(--spacing-xs) 0}.me-page .me-header p{font-size:.9rem;color:var(--text-muted);margin:0}.me-page .user-avatar{width:80px;height:80px;margin:0 auto var(--spacing-md);background:linear-gradient(135deg,#7b8cde40,#7b8cde14);border:2px solid rgba(123,140,222,.3);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.me-page .user-avatar .avatar-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.me-page .user-avatar .avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.me-page .user-avatar svg{width:40px;height:40px;color:var(--text-secondary)}.me-page .user-email{font-size:.85rem;color:var(--text-muted);margin:0}.me-page .quota-info{display:inline-flex;align-items:center;gap:6px;margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:#7b8cde1f;border:1px solid rgba(123,140,222,.2);border-radius:var(--radius-full);font-size:.85rem;color:var(--text-secondary)}.me-page .quota-icon{font-size:.9rem}.me-page .menu-list{margin-bottom:var(--spacing-xl)}.me-page .login-section{text-align:center;margin-bottom:var(--spacing-xl)}.me-page .btn-login{width:100%;padding:var(--spacing-md);background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.me-page .btn-login:hover{opacity:.92;box-shadow:var(--shadow-md),var(--shadow-glow)}.me-page .login-hint{font-size:.8rem;color:var(--text-muted);margin:var(--spacing-sm) 0 0 0}.me-page .btn-logout{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:var(--spacing-md);background:transparent;border:1px solid rgba(248,113,113,.4);border-radius:var(--radius-md);color:#f87171;font-size:1rem;cursor:pointer;transition:all var(--transition-normal)}.me-page .btn-logout:hover{background:#f871711a;border-color:#f8717199;color:#ef4444}.me-page .btn-logout svg{width:20px;height:20px}@media(max-width:768px){.me-page .user-avatar{width:70px;height:70px}.me-page .user-avatar svg{width:35px;height:35px}.me-page .me-header{padding-top:calc(var(--spacing-2xl) + 40px)}}.admin-dashboard{min-height:100vh;background:var(--gradient-dark);padding:var(--spacing-xl);color:var(--text-primary)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1)}.dashboard-header h1{font-size:1.75rem;font-weight:600;margin:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-display)}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.auto-refresh-toggle{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--text-secondary);cursor:pointer}.auto-refresh-toggle input{accent-color:var(--primary-color)}.tab-switcher{display:flex;background:#ffffff0d;border-radius:var(--radius-md);padding:4px}.tab-btn{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.tab-btn.active{background:#7b8cde4d;color:var(--text-primary)}.tab-btn:hover:not(.active){color:var(--text-secondary)}.refresh-btn{padding:var(--spacing-sm) var(--spacing-md);background:#7b8cde33;border:1px solid rgba(123,140,222,.4);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.refresh-btn:hover{background:#7b8cde4d}.last-update{font-size:.75rem;color:var(--text-muted)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.card{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.card h2{font-size:1rem;font-weight:500;color:var(--text-secondary);margin:0 0 var(--spacing-md) 0}.api-overview{grid-column:span 2}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.stat-item{text-align:center;padding:var(--spacing-md);background:#ffffff0d;border-radius:var(--radius-md)}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.stat-item.success .stat-value{color:#4ade80}.stat-item.error .stat-value{color:#f87171}.stat-item.warning .stat-value{color:var(--gold)}.stat-item.highlight .stat-value{color:var(--primary-color)}.stat-label{font-size:.875rem;color:var(--text-muted);margin-top:var(--spacing-xs)}.stat-sublabel{font-size:.75rem;color:var(--text-muted)}.success-rate{display:flex;flex-direction:column;align-items:center}.rate-circle{position:relative;width:120px;height:120px}.rate-circle svg{width:100%;height:100%}.rate-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700}.quota-item{margin-bottom:var(--spacing-lg)}.quota-item:last-child{margin-bottom:0}.quota-header{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:var(--spacing-sm)}.progress-bar{height:8px;background:#ffffff1a;border-radius:var(--radius-sm);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-sm);transition:width var(--transition-normal)}.progress-fill.rpd{background:var(--gradient-primary)}.progress-fill.rpm{background:linear-gradient(90deg,#4ade80,#22c55e)}.progress-fill.rpm.warning{background:linear-gradient(90deg,var(--gold),#f59e0b)}.quota-footer{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);margin-top:var(--spacing-xs)}.action-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.action-item{padding:var(--spacing-sm);background:#ffffff08;border-radius:var(--radius-md)}.action-name{font-size:.875rem;margin-bottom:var(--spacing-xs)}.action-counts{display:flex;gap:var(--spacing-md);font-size:.75rem;margin-bottom:var(--spacing-sm)}.action-counts .success{color:#4ade80}.action-counts .failed{color:#f87171}.action-bar{height:4px;background:#ffffff1a;border-radius:var(--radius-sm);overflow:hidden}.bar-success{height:100%;background:#4ade80}.recent-requests{grid-column:span 2}.request-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:300px;overflow-y:auto}.request-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background:#ffffff08;border-radius:var(--radius-md);font-size:.875rem}.request-time{color:var(--text-muted);font-size:.75rem;min-width:80px}.request-action{flex:1}.request-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:.75rem}.request-status.success{background:#4ade8033;color:#4ade80}.request-status.failed{background:#f8717133;color:#f87171}.status-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.status-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid rgba(255,255,255,.05)}.status-item:last-child{border-bottom:none}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.online{background:#4ade80;box-shadow:0 0 8px #4ade8080}.status-dot.offline{background:#f87171}.status-text{margin-left:auto;font-size:.875rem;color:var(--text-muted)}.status-text.key-id{font-family:Monaco,Menlo,monospace;font-size:.75rem;background:#ffffff1a;padding:2px var(--spacing-sm);border-radius:var(--radius-sm)}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--text-muted)}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}.error-state h2{margin-bottom:var(--spacing-sm)}.error-state p{color:var(--text-muted);margin-bottom:var(--spacing-md)}.error-state button{padding:var(--spacing-sm) var(--spacing-lg);background:#7b8cde4d;border:1px solid rgba(123,140,222,.5);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.site-overview,.hourly-chart{grid-column:span 2}.chart-container{display:flex;align-items:flex-end;height:120px;gap:2px;padding-top:var(--spacing-md)}.chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.chart-bar{width:100%;background:var(--gradient-primary);border-radius:2px 2px 0 0;min-height:4px;transition:height var(--transition-normal)}.chart-bar:hover{background:linear-gradient(to top,var(--primary-light),var(--primary-color))}.chart-label{font-size:.625rem;color:var(--text-muted);margin-top:var(--spacing-xs)}.page-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.page-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#ffffff08;border-radius:var(--radius-sm)}.page-rank{font-size:.75rem;color:var(--primary-color);font-weight:600;min-width:24px}.page-name{flex:1;font-size:.875rem}.page-views{font-size:.75rem;color:var(--text-muted)}.daily-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.daily-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background:#ffffff08;border-radius:var(--radius-sm);font-size:.875rem}.daily-date{flex:1;color:var(--text-secondary)}.daily-views{color:var(--text-muted)}.daily-divinations{color:var(--primary-color)}.recent-visits{grid-column:span 2}.visit-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.visit-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);background:#ffffff08;border-radius:var(--radius-sm);font-size:.875rem}.visit-time{color:var(--text-muted);font-size:.75rem;min-width:70px}.visit-page{flex:1}.visit-device{padding:2px var(--spacing-sm);border-radius:var(--radius-md);font-size:.7rem}.visit-device.desktop{background:#4ade8033;color:#4ade80}.visit-device.mobile{background:#60a5fa33;color:#60a5fa}.visit-device.tablet{background:#fbbf2433;color:var(--gold)}@media(max-width:1200px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.api-overview,.recent-requests{grid-column:span 2}}@media(max-width:768px){.admin-dashboard{padding:var(--spacing-md)}.dashboard-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.dashboard-grid{grid-template-columns:1fr}.api-overview,.recent-requests{grid-column:span 1}.stats-grid{grid-template-columns:repeat(2,1fr)}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;position:relative;z-index:1}.main-content.tarot-section{overflow:hidden}.coming-soon-page{min-height:calc(100vh - 200px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.coming-soon-icon{font-size:4rem;margin-bottom:1.5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.coming-soon-title{font-family:Cinzel,Times New Roman,serif;font-size:2.25rem;font-weight:400;letter-spacing:.15em;color:#fff;margin:0 0 .75rem}.coming-soon-subtitle{font-size:1rem;color:#fff9;margin:0 0 2rem;max-width:400px;line-height:1.6}.coming-soon-badge{display:inline-flex;align-items:center;padding:.5rem 1.5rem;background:linear-gradient(135deg,#9370db33,#667eea26);border:1px solid rgba(147,112,219,.3);border-radius:20px;font-size:.85rem;color:#9370dbe6;letter-spacing:.1em}