:root{--bg-start:#16171b;--bg-end:#141519;--surface-1:#15161a;--surface-2:#ffffff1a;--surface-3:#0009;--text-primary:#fff;--text-secondary:#fffc;--text-muted:#fff9;--text-soft:#fff3;--accent-cyan:#9fe1f8;--accent-violet:#a0afff;--accent-periwinkle:#beccff;--accent-gold:#ffc85b;--accent-warm:#fdf5d7;--accent-rose-soft:#e1b1d4;--accent-pink:#ff8aae;--radius-sm:10px;--radius-md:20px;--radius-pill:30px;--radius-nav:60px;--space-1:8px;--space-2:12px;--space-3:14px;--space-4:16px;--space-5:18px;--space-6:20px;--font-display:"Plus Jakarta Sans", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body:"Plus Jakarta Sans", "PingFang SC", "Microsoft YaHei", sans-serif;--fs-12:12px;--fs-14:14px;--fs-16:16px;--fs-18:18px;--fs-20:20px;--fs-32:32px;--fs-36:36px;--blur-1:blur(4px);--blur-2:blur(10px);--blur-3:blur(20px);--glow-cyan:0 4px 20px 0 #9fe1f899;--w-content:min(350px, calc(100vw - 40px));--w-topbar:min(342px, calc(100vw - 48px));--w-bottom-nav:min(390px, 100vw);--w-fortune-copy:min(310px, calc(100vw - 80px));--h-hero:90px;--h-fortune:292px;--h-horoscope:196px;--h-event:118px;--h-bottom-nav:60px;--safe-top:max(0px, env(safe-area-inset-top,0px));--safe-bottom:max(12px, env(safe-area-inset-bottom,0px));--bottom-nav-offset:20px;--page-bottom-with-nav:calc(var(--h-bottom-nav) + var(--bottom-nav-offset) + 22px + var(--safe-bottom));--grad-page:linear-gradient(180deg, #16171b 0%, #141519 100%);--grad-pill-cyan:linear-gradient(270deg, #9fe1f833 0%, #9fe1f833 100%);--grad-score-blue:linear-gradient(180deg, #beccff00 0%, #beccff99 100%);--grad-score-pink:linear-gradient(180deg, #e1b1d400 0%, #e1b1d499 100%);--grad-score-cyan:linear-gradient(180deg, #9fe1f800 0%, #9fe1f899 100%);--grad-gold-glass:linear-gradient(180deg, #fdf5d700 0%, #fdf5d799 100%);--grad-border-blue:linear-gradient(180deg, #0000 0%, #beccff 100%);--grad-border-pink:linear-gradient(180deg, #0000 0%, #e1b1d4 100%);--grad-border-cyan:linear-gradient(180deg, #0000 0%, #9fe1f8 100%);--border-main:1px solid var(--accent-violet);--border-cyan-soft:1px solid #9fe1f899;--border-warm-soft:1px solid #fdf5d773;--shadow-card-cyan:0 4px 20px 0 #9fe1f899;--shadow-card-cyan-soft:0 4px 20px 0 #9fe1f852;--shadow-inset-soft:inset .56px 1.67px 1.11px 0 #ffffff26;--shadow-chip-active:0 0 0 1px #a0afffd9, 0 0 16px #7a9cff47}*,:before,:after{box-sizing:border-box}html,body{background:var(--grad-page);overscroll-behavior-y:none;min-height:100%;margin:0;padding:0}html{background-color:var(--bg-end);background-image:var(--grad-page);background-attachment:scroll;overflow:hidden auto}body{font-family:var(--font-body);color:var(--text-primary);background:var(--grad-page);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-user-select:none;user-select:none;overflow:visible}img,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}input,textarea,select{-webkit-user-select:text;user-select:text}a,button,input,textarea,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}::selection{color:inherit;background:0 0}.app-page{isolation:isolate;width:100%;max-width:none;min-height:100dvh;padding:var(--space-6);gap:var(--space-6);background:var(--grad-page);flex-direction:column;margin:0;display:flex;position:relative;overflow-x:clip}@media (width>=768px){:root{--w-bottom-nav:390px}.app-page{max-width:394px;margin:0 auto}}.title-display{font-family:var(--font-display);font-size:var(--fs-20);line-height:1.2}.brand-home-link{align-items:center;line-height:0;display:inline-flex}.brand-home-link img{width:98px;height:30px}.title-section{font-size:var(--fs-18);font-weight:700;line-height:1.25}.text-primary{font-size:var(--fs-14);color:var(--text-primary)}.text-muted{font-size:var(--fs-12);color:var(--text-muted)}.card{border-radius:var(--radius-md);border:1px solid var(--accent-violet);background-color:var(--surface-1);overflow:hidden}.card-soft{border-radius:var(--radius-md);background:var(--surface-2);-webkit-backdrop-filter:var(--blur-2);backdrop-filter:var(--blur-2)}.btn-primary{border-radius:var(--radius-pill);color:#15161a;height:45px;font-size:var(--fs-14);cursor:pointer;background:linear-gradient(#fce499 0%,#feb835 100%);border:0;font-weight:700}.bottom-nav{border-radius:var(--radius-nav);background:var(--surface-3);-webkit-backdrop-filter:var(--blur-2);backdrop-filter:var(--blur-2)}[hidden]{display:none!important}html:not(.i18n-ready) [data-i18n],html:not(.i18n-ready) [data-i18n-placeholder],html:not(.i18n-ready) [data-i18n-aria-label],html:not(.i18n-ready) [data-i18n-alt],html:not(.i18n-ready) [data-i18n-title]{visibility:hidden}