:root{font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;color:#f5f0e8;background:#1a1410;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #1a1410;--surface: rgba(41, 32, 23, .78);--surface-deep: rgba(30, 23, 17, .92);--gold: #c9a96e;--gold-pale: #e3ca94;--paper: #f5f0e8;--paper-muted: #c7bbaa;--vermillion: #d65d5d;--jade: #6ee7b7;--border: rgba(201, 169, 110, .27);--display: "STKaiti", "KaiTi", "FangSong", "Noto Serif CJK SC", serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 85% 5%,rgba(167,125,65,.08),transparent 24rem),radial-gradient(circle at 8% 45%,rgba(120,76,45,.08),transparent 28rem),linear-gradient(160deg,#1d1711,#17110d 48%,#1c1510)}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit}a{color:inherit;text-decoration:none}.app-shell{position:relative;min-height:100vh;overflow:hidden;isolation:isolate}.app-shell:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;background-image:linear-gradient(rgba(255,255,255,.011) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.011) 1px,transparent 1px);background-size:34px 34px;content:"";-webkit-mask-image:linear-gradient(to bottom,black,transparent 70%);mask-image:linear-gradient(to bottom,black,transparent 70%)}.app-shell:after{position:fixed;right:-11rem;bottom:-15rem;z-index:-2;width:42rem;height:42rem;border:1px solid rgba(201,169,110,.035);border-radius:50%;box-shadow:0 0 0 4rem #c9a96e05,0 0 0 9rem #c9a96e03;content:""}.ambient{position:fixed;z-index:-1;border-radius:999px;filter:blur(90px);opacity:.16;pointer-events:none}.ambient-one{top:-8rem;right:-4rem;width:26rem;height:26rem;background:#7f5f2b}.ambient-two{top:38rem;left:-12rem;width:30rem;height:30rem;background:#532c20}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:2rem;height:62px;padding:0 22px;border-bottom:1px solid rgba(201,169,110,.13);background:#1a1410c7;box-shadow:0 12px 30px #0000002e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;flex:0 0 auto;align-items:center;gap:10px;color:var(--gold);font-family:var(--display);font-size:26px;letter-spacing:.12em;text-shadow:0 0 15px rgba(201,169,110,.24)}.brand-mark{width:35px;height:35px}.desktop-nav{display:flex;flex:1;align-items:center;justify-content:center;gap:clamp(15px,1.65vw,28px);white-space:nowrap}.desktop-nav a{position:relative;color:#f5f0e8d1;font-family:var(--display);font-size:16px;transition:color .16s ease}.desktop-nav a:hover,.desktop-nav a.active{color:var(--gold-pale)}.desktop-nav a.active:after{position:absolute;right:18%;bottom:-8px;left:18%;height:1px;background:var(--gold);box-shadow:0 0 8px var(--gold);content:""}.header-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}.icon-button,.profile-button,.round-arrow,.today-button{border:1px solid var(--border);background:#241c15a8;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.icon-button:hover,.profile-button:hover,.round-arrow:hover,.today-button:hover{border-color:#c9a96e94;background:#c9a96e17}.icon-button:active,.profile-button:active,.round-arrow:active,.today-button:active,.week-day:active{transform:scale(.96)}.icon-button{display:grid;width:39px;height:39px;place-items:center;border-radius:50%;color:var(--gold-pale)}.icon-button svg{width:18px}.icon-button.is-active{border-color:#6ee7b773;color:var(--jade)}.profile-button{display:flex;align-items:center;gap:7px;height:39px;padding:0 13px;border-radius:999px;color:var(--gold-pale)}.profile-button svg{width:17px}.profile-button.backend-connected{border-color:#6ee7b74d}.profile-button.backend-connected:after{width:6px;height:6px;border-radius:50%;background:var(--jade);box-shadow:0 0 8px #6ee7b7b3;content:""}.main-content{width:min(974px,calc(100% - 32px));margin:0 auto;padding:0 0 90px}.almanac-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:15px;background:linear-gradient(150deg,#34291da6,#1f1812cc),var(--surface);box-shadow:inset 0 1px #ffffff06,0 11px 30px #0000003d,0 0 8px #c9a96e2e}.almanac-card:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(125deg,rgba(255,255,255,.022),transparent 30%);content:"";pointer-events:none}.hero-card{margin-top:0;padding:29px 28px 25px;border-top-left-radius:0;border-top-right-radius:0;text-align:center}.date-layout{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:18px}.round-arrow{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:var(--gold)}.round-arrow svg{width:21px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;margin:0;color:#e3ca94d9;font-family:var(--display);font-size:16px;letter-spacing:.15em}.eyebrow svg{width:17px}h1{margin:9px 0 7px;color:var(--gold);font-family:var(--display);font-size:clamp(34px,3.1vw,42px);font-weight:400;letter-spacing:.08em;line-height:1.2;text-shadow:0 0 20px rgba(201,169,110,.14)}.lunar-line,.ganzhi-line{margin:0;color:#f5f0e8bf;font-family:var(--display)}.lunar-line{font-size:17px}.ganzhi-line{margin-top:7px;color:#c7bbaab8;font-size:14px}.fortune-pill{display:flex;width:fit-content;max-width:100%;align-items:center;justify-content:center;gap:12px;margin:18px auto 0;padding:10px 22px;border:1px solid rgba(214,93,93,.5);border-radius:999px;background:#85302b1a;color:#f5f0e8c7;font-family:var(--display);box-shadow:0 0 12px #d65d5d14}.fortune-pill svg{width:20px;color:#e27272}.fortune-level{color:#e27272;font-size:19px;letter-spacing:.13em}.level-best{--level-color: #d96767}.level-good{--level-color: #d2ad68}.level-even{--level-color: #c9a96e}.level-low{--level-color: #99887b}.solar-term{margin:13px 0 0;color:#c9a96eb3;font-size:12px}.suitability-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:26px}.suitability-grid .almanac-card{min-height:196px;padding:28px 27px}.yi-card{border-color:#41c29359;background:linear-gradient(145deg,#12352999,#1b221cb8);box-shadow:0 11px 30px #0000003d,0 0 10px #41c2932b}.ji-card{border-color:#c1494457;background:linear-gradient(145deg,#4118169e,#2a1b17c7);box-shadow:0 11px 30px #0000003d,0 0 10px #c149442b}.suitability-grid h2{display:flex;align-items:center;gap:11px;margin:0 0 15px;color:#f5f0e8c7;font-family:var(--display);font-size:16px;font-weight:400;letter-spacing:.12em}.section-token{display:grid;width:37px;height:37px;place-items:center;border-radius:7px;font-size:17px}.yi-card .section-token{background:#16865e73;color:var(--jade)}.ji-card .section-token{background:#8b2c2973;color:#ee8989}.tag-list{display:flex;flex-wrap:wrap;gap:9px}.tag{padding:6px 13px;border:1px solid;border-radius:999px;font-family:var(--display);font-size:17px;line-height:1}.tag-yi{border-color:#3ecc974d;background:#0f714e26;color:#94edcd}.tag-ji{border-color:#dc514e47;background:#8b2c2929;color:#e77c7c}.details-card,.times-card,.week-card{margin-top:25px;padding:28px}.card-title{margin:0;color:var(--gold);font-family:var(--display);font-size:22px;font-weight:400;letter-spacing:.12em}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:17px}.detail-item{min-height:78px;padding:13px 15px;border:1px solid rgba(201,169,110,.11);border-radius:11px;background:#31271d70}.detail-item p{margin:0;color:#c9a96ed6;font-size:13px}.detail-item p.danger{color:#d65d5ddb}.detail-item strong{display:block;margin-top:7px;color:#f5f0e8c9;font-family:var(--display);font-size:16px;font-weight:400}.section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-heading-row>span{color:#c7bbaa7a;font-family:var(--display);font-size:13px;letter-spacing:.08em}.times-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.time-item{display:flex;min-width:0;align-items:center;gap:10px;padding:12px 10px;border:1px solid rgba(201,169,110,.12);border-radius:10px;background:#31271d61}.time-badge{display:grid;flex:0 0 auto;width:29px;height:29px;place-items:center;border-radius:6px;background:#c9a96e1f;color:var(--gold);font-family:var(--display);font-size:15px}.time-item.lucky .time-badge{background:#43977026;color:#86dab9}.time-item.unlucky .time-badge{background:#9b413b29;color:#d77975}.time-ganzhi,.time-chong{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}.time-ganzhi{color:#f5f0e8cc;font-family:var(--display);font-size:15px}.time-chong{margin-top:4px;color:#c7bbaa80;font-size:11px}.today-button{padding:6px 13px;border-radius:999px;color:#c9a96ecc;font-size:12px}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin-top:18px}.week-day{min-width:0;padding:12px 4px;border:1px solid rgba(201,169,110,.13);border-radius:10px;background:#2d231a7a;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.week-day:hover{border-color:#c9a96e61;background:#c9a96e12}.week-day.selected{border-color:var(--level-color);box-shadow:0 0 12px color-mix(in srgb,var(--level-color) 25%,transparent)}.week-day p,.week-day span{margin:0;color:#c7bbaa99;font-size:11px}.week-day strong{display:block;margin:6px 0;overflow:hidden;color:#f5f0e8d4;font-family:var(--display);font-size:18px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.week-day span{color:var(--level-color)}.profile-main{padding-top:24px}.profile-page{display:grid;gap:20px}.profile-hero{display:flex;align-items:center;gap:20px;min-height:168px;padding:30px}.profile-avatar{display:grid;flex:0 0 auto;width:82px;height:82px;place-items:center;border:1px solid rgba(201,169,110,.42);border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(227,202,148,.2),transparent 38%),#c9a96e14;color:var(--gold);box-shadow:0 0 24px #c9a96e1f}.profile-avatar svg{width:36px;height:36px}.profile-identity{min-width:0}.profile-identity .eyebrow{justify-content:flex-start;font-size:13px}.profile-identity h1{margin:7px 0 4px;font-size:34px}.profile-identity>p:last-child{margin:0;color:#c7bbaa9e;font-size:13px}.connection-badge{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:8px 12px;border:1px solid rgba(201,169,110,.22);border-radius:999px;color:#c7bbaaa6;font-size:12px}.connection-badge svg{width:15px}.connection-badge.connected{border-color:#6ee7b747;color:var(--jade);background:#1f74551a}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.account-card{display:flex;align-items:center;gap:13px;min-height:92px;padding:18px}.account-card>svg{flex:0 0 auto;width:23px;color:var(--gold)}.account-card p,.account-card strong{margin:0}.account-card p{color:#c7bbaa8c;font-size:12px}.account-card strong{display:block;margin-top:5px;color:#f5f0e8d1;font-size:13px;font-weight:500}.history-card{padding:26px}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.history-heading .eyebrow{justify-content:flex-start;font-size:12px}.history-heading .eyebrow svg{width:15px}.history-heading .card-title{margin-top:6px}.history-actions{display:flex;gap:8px}.history-actions button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid rgba(201,169,110,.22);border-radius:8px;background:#c9a96e0f;color:#e3ca94cc;cursor:pointer}.history-actions button:disabled{cursor:not-allowed;opacity:.42}.history-actions button svg{width:15px}.history-actions .danger-action{border-color:#d65d5d38;color:#e77c7cd6}.history-list{display:grid;gap:9px;margin-top:20px}.history-item{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:13px;border:1px solid rgba(201,169,110,.1);border-radius:10px;background:#31271d59}.history-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:#c9a96e17;color:var(--gold)}.history-icon svg{width:18px}.history-item strong,.history-item p{margin:0}.history-item strong{color:#f5f0e8d1;font-size:14px;font-weight:500}.history-item p{margin-top:4px;color:#c7bbaa7a;font-size:11px}.history-item>span{padding:4px 9px;border-radius:999px;background:#c9a96e14;color:#c9a96ebf;font-size:11px}.history-empty{display:flex;min-height:180px;flex-direction:column;align-items:center;justify-content:center;margin-top:18px;color:#c7bbaa85;text-align:center}.history-empty svg{width:30px;margin-bottom:10px}.history-empty strong{color:#f5f0e8ad;font-family:var(--display);font-size:17px;font-weight:400}.history-empty p{max-width:430px;margin:7px 0 0;font-size:12px;line-height:1.7}.privacy-card{display:flex;align-items:flex-start;gap:14px;padding:20px 24px}.privacy-card>svg{flex:0 0 auto;width:21px;color:var(--jade)}.privacy-card h2,.privacy-card p{margin:0}.privacy-card h2{color:#f5f0e8c7;font-size:14px;font-weight:500}.privacy-card p{margin-top:5px;color:#c7bbaa8c;font-size:12px;line-height:1.7}.spinning{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.site-footer{display:flex;flex-direction:column;align-items:center;padding:42px 20px 10px;color:#c9a96e80;text-align:center}.site-footer svg{width:25px}.site-footer p{margin:10px 0 5px;font-family:var(--display);letter-spacing:.13em}.site-footer span{color:#c7bbaa5c;font-size:11px}.earn-button,.floating-music{position:fixed;right:18px;z-index:30;display:grid;place-items:center;border:1px solid rgba(201,169,110,.38);border-radius:50%;background:#322518e0;color:var(--gold);box-shadow:0 0 18px #c9a96e21;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.earn-button{bottom:18px;width:64px;height:64px}.earn-button svg{position:absolute;width:47px;opacity:.25}.earn-button span{font-family:var(--display);font-size:20px}.floating-music{display:none;bottom:82px;width:45px;height:45px}.floating-music svg{width:18px}.floating-music.on{color:var(--jade)}.mobile-nav{display:none}.toast{position:fixed;bottom:30px;left:50%;z-index:80;padding:11px 19px;border:1px solid rgba(201,169,110,.35);border-radius:999px;background:#231b14f0;color:var(--gold-pale);box-shadow:0 10px 30px #00000057;font-size:13px;transform:translate(-50%);animation:toast-in .22s ease both}.reveal{animation:reveal .56s ease both}.reveal-delay-1{animation-delay:80ms}.reveal-delay-2{animation-delay:.15s}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:1100px){.desktop-nav{gap:14px}.desktop-nav a{font-size:14px}.profile-button span{display:none}.profile-button{width:39px;justify-content:center;padding:0;border-radius:50%}}@media(max-width:820px){.site-header{position:relative;height:58px;padding:0 15px}.brand{font-size:23px}.brand-mark{width:31px}.desktop-nav,.install-button,.header-actions .profile-button{display:none}.header-actions{margin-left:auto}.main-content{width:min(100% - 22px,680px);padding-bottom:112px}.hero-card{padding:24px 14px 22px}.date-layout{grid-template-columns:36px 1fr 36px;gap:8px}.round-arrow{width:36px;height:36px}h1{font-size:clamp(27px,8vw,36px);letter-spacing:.02em}.lunar-line{font-size:14px}.ganzhi-line{font-size:12px;line-height:1.65}.fortune-pill{gap:8px;padding:9px 15px;font-size:12px}.fortune-level{font-size:16px;letter-spacing:.08em}.suitability-grid{grid-template-columns:1fr;gap:13px;margin-top:16px}.suitability-grid .almanac-card,.details-card,.times-card,.week-card{padding:20px}.suitability-grid .almanac-card{min-height:auto}.details-card,.times-card,.week-card{margin-top:16px}.times-grid{grid-template-columns:repeat(2,1fr)}.week-grid{grid-template-columns:repeat(7,minmax(58px,1fr));overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.week-grid::-webkit-scrollbar{display:none}.mobile-nav{position:fixed;right:0;bottom:0;left:0;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top:1px solid rgba(201,169,110,.18);background:#1a1410ed;box-shadow:0 -10px 28px #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:transparent;color:#c7bbaa94;cursor:pointer;font-size:10px}.mobile-nav svg{width:20px}.mobile-nav button.active{color:var(--gold)}.earn-button{right:13px;bottom:79px;width:50px;height:50px}.earn-button svg{width:37px}.earn-button span{font-size:17px}.floating-music{right:15px;bottom:138px}.toast{bottom:92px}}@media(max-width:520px){.hero-card{border-radius:0 0 14px 14px}.eyebrow{font-size:13px}.fortune-pill>span:last-child{display:none}.detail-grid{grid-template-columns:1fr}.detail-item{min-height:67px}.section-heading-row>span{display:none}.time-item{gap:8px;padding:11px 8px}.time-badge{width:27px;height:27px}.profile-main{padding-top:12px}.profile-page{gap:13px}.profile-hero{flex-wrap:wrap;gap:14px;min-height:auto;padding:20px}.profile-avatar{width:64px;height:64px}.profile-avatar svg{width:28px}.profile-identity h1{font-size:26px}.connection-badge{width:100%;justify-content:center;margin-left:0}.account-grid{grid-template-columns:1fr;gap:10px}.account-card{min-height:76px;padding:15px 17px}.history-card{padding:18px}.history-heading{align-items:flex-end}.history-actions button{padding:8px}.history-actions button span{display:none}.history-item{grid-template-columns:34px 1fr}.history-icon{width:34px;height:34px}.history-item>span{display:none}.privacy-card{padding:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}