.top-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(0,0,0,.06);transition:all .3s ease}.top-nav-inner{max-width:1200px;margin:0 auto;padding:0 32px;height:64px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:4px 0;transition:opacity .2s}.nav-logo:hover{opacity:.8}.nav-logo-icon{color:var(--color-gold)}.nav-logo-text{font-family:var(--font-serif);font-size:20px;font-weight:700;letter-spacing:3px;background:linear-gradient(135deg,#8e7438,#c4a968);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{display:flex;align-items:center;gap:6px;padding:8px 20px;border-radius:9999px;border:none;background:transparent;color:var(--color-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);letter-spacing:.5px}.nav-link:hover{background:#5a8a8e0f;color:var(--color-text)}.nav-link-active{background:#5a8a8e1a;color:var(--color-teal);font-weight:600}.nav-link-active:hover{background:#5a8a8e24;color:var(--color-teal)}@media (max-width: 768px){.top-nav-inner{padding:0 16px;height:56px}.nav-logo-text{font-size:17px;letter-spacing:2px}.nav-link{padding:6px 14px;font-size:13px;gap:4px}.nav-link span{display:none}}.poster-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}.poster-container{display:flex;flex-direction:column;align-items:center;gap:16px;max-height:90vh;overflow-y:auto}.poster-canvas{width:360px;border-radius:20px;padding:32px 28px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 20px 60px #00000026;position:relative;overflow:hidden}.poster-canvas:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(184,151,90,.06),transparent 60%);pointer-events:none}.poster-header{width:100%;display:flex;justify-content:space-between;align-items:center;position:relative}.poster-brand{font-family:"Noto Serif SC",serif;font-size:14px;font-weight:700;letter-spacing:3px;color:#8e7438}.poster-date{font-size:11px;color:#a0a6b4}.poster-hex-area{display:flex;align-items:center;gap:16px;position:relative}.poster-symbols{display:flex;flex-direction:column;gap:2px}.poster-sym{font-size:36px;line-height:1;color:#1e2028}.poster-hex-info{text-align:left}.poster-hex-name{font-family:"Noto Serif SC",serif;font-size:42px;font-weight:700;letter-spacing:6px;color:#1e2028;line-height:1.2}.poster-hex-full{font-size:14px;color:#5d6475;font-family:"Noto Serif SC",serif;letter-spacing:1px;margin-top:4px}.poster-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 20px;border-radius:20px;border:1px solid;font-family:"Noto Serif SC",serif;font-size:16px;font-weight:700;letter-spacing:2px;background:#fff9}.poster-keyword{font-family:"Noto Serif SC",serif;font-size:16px;color:#b8975a;font-weight:600;letter-spacing:3px}.poster-modern{font-size:14px;color:#5d6475;line-height:1.7;text-align:center;padding:0 8px}.poster-quote{width:100%;padding:14px 16px;border-left:3px solid #b8975a;background:#ffffff80;border-radius:0 10px 10px 0}.poster-quote-text{font-family:"Noto Serif SC",serif;font-style:italic;font-size:13px;color:#1e2028;line-height:1.7}.poster-quote-author{font-size:12px;color:#a0a6b4;text-align:right;margin-top:6px}.poster-footer{width:100%;display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(184,151,90,.15);position:relative}.poster-slogan{font-size:11px;color:#a0a6b4;letter-spacing:2px}.poster-qr{font-size:11px;color:#b8975a;font-weight:600}.poster-actions{display:flex;gap:10px}.poster-btn{padding:10px 24px;border-radius:12px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.poster-btn:disabled{opacity:.5;cursor:not-allowed}.poster-btn-save{background:linear-gradient(135deg,#5a8a8e,#4a7579);color:#fff;box-shadow:0 4px 16px #5a8a8e4d}.poster-btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #5a8a8e66}.poster-btn-copy{background:#b8975a1a;color:#8e7438;border:1px solid rgba(184,151,90,.2)}.poster-btn-copy:hover{background:#b8975a2e}.poster-btn-close{background:#fff3;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.poster-btn-close:hover{background:#ffffff4d}.home-web-layout{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:start}@media (max-width: 900px){.home-web-layout{grid-template-columns:1fr;gap:16px}}.sidebar-info{position:sticky;top:88px;display:flex;flex-direction:column;gap:16px}@media (max-width: 900px){.sidebar-info{position:static}}.date-header-web{display:flex;flex-direction:column;gap:8px}.date-lunar{font-family:var(--font-serif);font-size:22px;font-weight:700;color:var(--color-text);letter-spacing:2px}.date-solar{font-size:13px;color:var(--color-text-muted)}.greeting-badge{display:inline-block;font-size:12px;color:var(--color-teal);background:#5a8a8e14;padding:4px 14px;border-radius:9999px;width:-moz-fit-content;width:fit-content;letter-spacing:.5px}.streak-card-web{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:16px;padding:16px;box-shadow:0 4px 16px #0000000a}.streak-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.streak-label{font-size:13px;font-weight:600;color:var(--color-teal)}.streak-season{font-size:10px;padding:1px 8px;border-radius:9999px;background:#b8975a1f;color:var(--color-gold)}.stage-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.stage-name{font-size:11px;color:var(--color-text-secondary);font-weight:500}.fix-cards-info{font-size:10px;color:var(--color-text-muted)}.progress-bar{display:flex;gap:3px}.progress-cell{flex:1;height:20px;background:var(--color-bg-inner);border-radius:4px;transition:all .3s ease}.progress-cell.cell-active{background:linear-gradient(135deg,var(--color-teal-light),var(--color-teal-dark))}.progress-cell.cell-blink{animation:cellBlink 1.2s ease-in-out infinite}@keyframes cellBlink{0%,to{opacity:.4}50%{opacity:1}}.encourage-bar-web{padding:12px 16px;border-radius:12px;background:#b8975a14;border:1px solid rgba(184,151,90,.15);animation:fadeInUp .3s ease}.encourage-text{font-size:12px;color:var(--color-text-secondary);text-align:center}.milestone-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease}.milestone-card{padding:40px 32px 28px;text-align:center;max-width:360px;width:90%}.milestone-emoji{font-size:48px;margin-bottom:16px}.milestone-title{font-family:var(--font-serif);font-size:20px;font-weight:700;color:var(--color-text);margin-bottom:10px}.milestone-desc{font-size:14px;color:var(--color-text-secondary);margin-bottom:28px;line-height:1.7}.transition-screen-web{position:relative;display:flex;align-items:center;justify-content:center;min-height:60vh;overflow:hidden}.transition-bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.transition-bg-orb.orb-1{width:300px;height:300px;background:radial-gradient(circle,rgba(90,138,142,.3),transparent);top:10%;left:20%;animation:orbFloat 6s ease-in-out infinite}.transition-bg-orb.orb-2{width:250px;height:250px;background:radial-gradient(circle,rgba(184,151,90,.3),transparent);bottom:15%;right:20%;animation:orbFloat 8s ease-in-out infinite reverse}@keyframes orbFloat{0%,to{transform:translate(0)}50%{transform:translate(30px,-20px)}}.transition-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:20px}.bagua-spinner{font-size:72px;animation:spinBagua 2.5s linear infinite;filter:drop-shadow(0 4px 16px rgba(90,138,142,.3))}@keyframes spinBagua{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.transition-title{font-family:var(--font-serif);font-size:22px;font-weight:700;color:var(--color-text);letter-spacing:6px}.transition-dots{display:flex;gap:8px;align-items:center}.dot{width:8px;height:8px;border-radius:50%;background:var(--color-teal);animation:dotBounce 1.2s ease-in-out infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,to{transform:scale(.6);opacity:.4}50%{transform:scale(1);opacity:1}}.transition-hint{font-size:13px;color:var(--color-text-muted);letter-spacing:1px}.input-main-web{display:flex;flex-direction:column;gap:24px}.input-hero-web{position:relative;border-radius:24px;overflow:hidden;min-height:420px;display:flex;align-items:center;justify-content:center}.input-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(90,138,142,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(184,151,90,.08) 0%,transparent 50%),linear-gradient(135deg,#fffffff2,#f8f5f0f2);border:1px solid rgba(255,255,255,.6)}.input-hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:48px 32px;width:100%;max-width:480px}.brand-title-web{font-size:48px;font-family:var(--font-serif);font-weight:700;letter-spacing:12px;background:linear-gradient(135deg,#8e7438,#c4a968,#8e7438);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;text-align:center;white-space:nowrap;animation:fadeInUp .8s ease}.brand-sub-web{font-size:14px;color:var(--color-text-muted);letter-spacing:4px;margin-bottom:36px;text-align:center;animation:fadeInUp .8s ease .1s backwards}.hint-tags-web{display:flex;gap:12px;margin-bottom:28px;animation:fadeInUp .8s ease .2s backwards}.hint-tag-web{font-size:13px;padding:8px 22px;border-radius:9999px;background:#ffffffe6;color:var(--color-text-secondary);box-shadow:0 2px 12px #0000000f;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.04);-webkit-user-select:none;-moz-user-select:none;user-select:none}.hint-tag-web:hover{background:#5a8a8e14;border-color:#5a8a8e26;transform:translateY(-1px);box-shadow:0 4px 16px #00000014}.number-input-wrap-web{width:100%;max-width:320px;margin-bottom:32px;animation:fadeInUp .8s ease .3s backwards}.number-input-web{width:100%;border:none;outline:none;background:transparent;text-align:center;font-size:32px;font-weight:600;letter-spacing:8px;color:var(--color-text);padding:16px 0;border-bottom:2px solid rgba(184,151,90,.2);transition:border-color .3s;font-family:var(--font-sans)}.number-input-web::-moz-placeholder{font-size:16px;letter-spacing:2px;color:var(--color-text-muted);font-weight:400}.number-input-web::placeholder{font-size:16px;letter-spacing:2px;color:var(--color-text-muted);font-weight:400}.number-input-web:focus{border-bottom-color:var(--color-gold)}.start-btn-web{width:100%;max-width:320px;padding:16px 0;border-radius:9999px;border:none;background:linear-gradient(135deg,var(--color-teal),var(--color-teal-dark));color:#fff;font-size:18px;font-weight:600;letter-spacing:6px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #5a8a8e59;animation:fadeInUp .8s ease .4s backwards}.start-btn-web:hover{box-shadow:0 12px 36px #5a8a8e73;transform:translateY(-2px)}.start-btn-web:active{transform:translateY(0);box-shadow:0 4px 12px #5a8a8e4d}.fortune-result-web{display:flex;flex-direction:column;gap:20px}.fortune-result-web>*{animation:fadeInUp .5s ease backwards}.fortune-result-web>*:nth-child(1){animation-delay:0s}.fortune-result-web>*:nth-child(2){animation-delay:.06s}.fortune-result-web>*:nth-child(3){animation-delay:.12s}.fortune-result-web>*:nth-child(4){animation-delay:.18s}.fortune-result-web>*:nth-child(5){animation-delay:.24s}.fortune-result-web>*:nth-child(6){animation-delay:.3s}.fortune-result-web>*:nth-child(7){animation-delay:.36s}.fortune-result-web>*:nth-child(8){animation-delay:.42s}.hero-card-web{position:relative;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 12px 48px #0000000f}.hero-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 0% 0%,rgba(90,138,142,.06) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(184,151,90,.06) 0%,transparent 50%)}.hero-content{position:relative;padding:32px}.hero-date-tag{font-size:12px;color:var(--color-text-muted);margin-bottom:24px;letter-spacing:.5px}.hero-main-web{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.hero-hex-area{display:flex;align-items:flex-start;gap:16px;flex:1}.hex-symbols-vertical{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px}.hex-sym-upper,.hex-sym-lower{font-size:28px;color:var(--color-text);line-height:1.1}.hex-info{flex:1}.hex-name-web{font-family:var(--font-serif);font-size:36px;font-weight:700;color:var(--color-text);letter-spacing:4px;margin-bottom:4px}.hex-fullname{font-size:14px;color:var(--color-text-muted);margin-bottom:10px;font-family:var(--font-serif);letter-spacing:1px}.hex-desc-web{font-size:14px;color:var(--color-text-secondary);line-height:1.7;letter-spacing:.5px}.fortune-badge-web{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;border-radius:12px;background:var(--color-bg-warm);border:1px solid;flex-shrink:0;min-width:56px;box-shadow:0 2px 8px #8e74380f}.badge-icon{font-size:20px}.badge-text{writing-mode:vertical-lr;letter-spacing:3px;font-family:var(--font-serif);font-size:18px;font-weight:700}.section-title{font-family:var(--font-serif);font-size:16px;font-weight:700;color:var(--color-text);letter-spacing:.5px}.frequency-card-web{border-radius:20px;padding:24px;background:#b8975a0a;border:1px solid rgba(184,151,90,.1)}.freq-content-web{font-size:15px;color:var(--color-text-secondary);line-height:1.8;margin-top:12px}.freq-header-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px;margin-bottom:6px}.freq-title{font-weight:700;color:var(--color-gold);font-size:15px}.freq-head{font-weight:600;color:var(--color-text)}.freq-dash{margin:0 4px;color:var(--color-text-muted)}.freq-body{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.7}.fortune-level-row-web{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:14px;border-top:1px dashed rgba(184,151,90,.15)}.fortune-level-label{font-size:13px;color:var(--color-text-muted)}.fortune-level-value{font-family:var(--font-serif);font-size:15px;font-weight:600;letter-spacing:1px}.insight-grid{display:flex;flex-direction:column;gap:20px}.insight-card-web{border-radius:20px;padding:24px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000000a;border:1px solid rgba(255,255,255,.5);transition:box-shadow .3s ease}.insight-card-web:hover{box-shadow:0 8px 32px #0000000f}.card-header-web{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.source-tag{font-size:11px;padding:3px 10px;border-radius:9999px;font-weight:500}.source-tag.source-api{color:var(--color-teal);background:#5a8a8e1a}.source-tag.source-local{color:var(--color-text-muted);background:#a0a6b41a}.energy-quote-web{position:relative;padding:0 0 12px 20px}.quote-mark{position:absolute;top:-8px;left:-4px;font-size:36px;color:#c4a96833;font-family:serif;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.energy-pro{font-style:italic;font-size:14px;color:var(--color-text-secondary);line-height:1.9;white-space:pre-line}.mind-text{font-size:14px;color:var(--color-text-secondary);line-height:1.8;margin-top:12px}.insight-content-web{font-size:14px;color:var(--color-text-secondary);line-height:1.9}.mbti-tip-web{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 16px}.mbti-tip-text{font-size:13px;color:var(--color-text-muted)}.mbti-set-btn-web{font-size:13px;padding:8px 28px;border-radius:9999px;border:1px solid rgba(90,138,142,.3);background:transparent;color:var(--color-teal);cursor:pointer;transition:all .25s;font-weight:500}.mbti-set-btn-web:hover{background:#5a8a8e14;border-color:#5a8a8e80}.healing-card-web{position:relative;background:linear-gradient(135deg,var(--color-bg-cream),rgba(253,246,227,.6));border-left:4px solid var(--color-gold);border-radius:16px;padding:28px 32px;display:flex;flex-direction:column;gap:12px}.healing-quote-mark{font-size:14px;color:var(--color-gold);opacity:.6}.healing-text-web{font-family:var(--font-serif);font-style:italic;font-weight:600;font-size:16px;color:var(--color-text);line-height:1.9;letter-spacing:1px}.healing-author-web{font-size:13px;color:var(--color-text-muted);text-align:right;margin-top:4px}.bottom-grid{display:flex;flex-direction:column;gap:20px}.action-guide-web{border-radius:20px;padding:24px;background:#ffffffe6;box-shadow:0 4px 20px #0000000a;border:1px solid rgba(255,255,255,.5)}.action-columns-web{display:flex;gap:20px;margin-top:16px}.action-col-web{flex:1}.col-label{font-size:13px;font-weight:600;text-align:center;padding:4px 0;border-radius:var(--radius-sm);margin-bottom:12px}.col-label.yi{background:#5aab7e1a;color:var(--color-ji)}.col-label.ji{background:#cf5c5c1a;color:var(--color-xiong)}.action-items{display:flex;flex-direction:column;gap:8px}.action-item{font-size:13px;padding:8px 12px;border-radius:var(--radius-md);text-align:center;transition:all .2s}.action-item.yi-item{background:#5aab7e0f;color:var(--color-ji)}.action-item.ji-item{background:#cf5c5c0f;color:var(--color-xiong)}.almanac-card-web{border-radius:20px;padding:24px;background:#ffffffe6;box-shadow:0 4px 20px #0000000a;border:1px solid rgba(255,255,255,.5)}.almanac-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.almanac-date-tag{font-size:11px;padding:3px 10px;border-radius:var(--radius-sm);background:var(--color-bg-inner);color:var(--color-text-muted)}.almanac-ganzi{display:flex;gap:8px;margin-bottom:14px}.almanac-ganzi-tag{font-size:12px;padding:3px 12px;border-radius:var(--radius-sm);background:#b8975a14;color:var(--color-text-muted);font-weight:500}.almanac-section{display:flex;gap:24px;margin-top:14px}.almanac-col{flex:1}.almanac-col-label{display:flex;align-items:center;gap:5px;margin-bottom:10px}.almanac-dot{width:6px;height:6px;border-radius:50%}.almanac-dot.yi{background:var(--color-ji)}.almanac-dot.ji{background:var(--color-xiong)}.almanac-label-text{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.almanac-items{display:flex;flex-wrap:wrap;gap:6px}.almanac-item{font-size:12px;padding:5px 12px;border-radius:var(--radius-md);display:flex;align-items:center;gap:4px}.almanac-item.yi-item{background:#5aab7e0f;color:var(--color-ji)}.almanac-item.ji-item{background:#cf5c5c0f;color:var(--color-xiong)}.almanac-emoji{font-size:14px}.reverse-section-web{text-align:center;padding:24px;border-radius:20px;background:linear-gradient(135deg,#b8975a0a,#b8975a14);border:1px solid rgba(184,151,90,.12)}.reverse-title{font-family:var(--font-serif);font-size:16px;font-weight:700;color:var(--color-gold-dark);margin-bottom:8px}.reverse-desc{font-size:13px;color:var(--color-text-secondary);margin-bottom:18px}.reverse-btn{display:inline-block;padding:14px 48px;border-radius:9999px;border:none;background:linear-gradient(135deg,#b8975a,#c9aa74);color:#fff;font-size:16px;font-weight:600;letter-spacing:3px;cursor:pointer;box-shadow:0 8px 24px #b8975a59;transition:all .3s cubic-bezier(.4,0,.2,1)}.reverse-btn:hover{box-shadow:0 12px 36px #b8975a73;transform:translateY(-2px)}.action-btn-row-web{padding:4px 0;display:flex;gap:12px}.action-btn-web{display:block;flex:1;padding:16px 28px;border-radius:16px;border:1px solid rgba(90,138,142,.2);background:#5a8a8e0a;color:var(--color-teal);font-size:15px;font-weight:600;letter-spacing:1px;text-align:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.action-btn-web:hover{background:#5a8a8e1a;border-color:#5a8a8e59;transform:translateY(-1px);box-shadow:0 4px 16px #5a8a8e1a}.footer-note-web{text-align:center;padding:24px 0 8px;font-size:12px;color:var(--color-text-muted);letter-spacing:1px}.poster-trigger-btn{border-color:#b8975a33!important;background:#b8975a0a!important;color:var(--color-gold)!important}.poster-trigger-btn:hover{background:#b8975a1a!important;border-color:#b8975a59!important}@media (max-width: 480px){.brand-title-web{font-size:48px;letter-spacing:4px}.brand-sub-web{font-size:12px;letter-spacing:2px}.number-input-web{font-size:24px;letter-spacing:6px}.start-btn-web{font-size:16px;letter-spacing:4px}.action-btn-row-web{flex-direction:column}}.explore-header{margin-bottom:24px;padding-top:4px;animation:fadeInUp .3s cubic-bezier(.4,0,.2,1) forwards}.explore-title{font-family:var(--font-serif);font-size:24px;font-weight:700;color:var(--color-gold-dark);letter-spacing:2px}.explore-subtitle{font-size:12px;color:var(--color-text-muted);margin-top:4px;letter-spacing:.5px}.feature-card{position:relative;padding:24px;margin-bottom:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) forwards}.feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.feature-card:active{transform:scale(.98)}.feature-badge{position:absolute;top:12px;right:12px;font-size:11px;padding:2px 10px;border-radius:9999px;background:var(--color-teal);color:#fff;font-weight:500}.feature-content{display:flex;gap:14px;align-items:center;margin-bottom:12px}.feature-icon-area{width:52px;height:52px;border-radius:14px;background:#5a8a8e14;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.feature-info{flex:1}.feature-title{font-family:var(--font-serif);font-size:17px;font-weight:700;color:var(--color-text);margin-bottom:4px}.feature-desc{font-size:12px;color:var(--color-text-secondary);margin-bottom:8px;line-height:1.5}.feature-tags{display:flex;gap:6px}.mini-tag{font-size:10px;padding:2px 8px;border-radius:9999px;background:#b8975a1a;color:var(--color-gold);font-weight:500}.feature-arrow{font-size:20px;color:var(--color-text-muted);flex-shrink:0}.feature-preview{font-size:12px;color:var(--color-text-muted);font-style:italic;padding:10px 12px;background:var(--color-bg);border-radius:var(--radius-md)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media (max-width: 768px){.service-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.service-card{padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center;border-radius:16px}.service-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #00000014}.service-card:active{transform:scale(.97);opacity:.85}.service-icon{font-size:32px;margin-bottom:4px}.service-name{font-family:var(--font-serif);font-size:15px;font-weight:700;color:var(--color-text);letter-spacing:1px}.service-desc{font-size:11px;color:var(--color-text-muted)}.service-price{font-size:11px;padding:2px 10px;border-radius:9999px;font-weight:500;margin-top:4px}.service-price.free{background:#5aab7e1a;color:var(--color-ji)}.service-price.paid{background:#b8975a1a;color:var(--color-gold)}.service-price.coming{background:#a0a6b41a;color:var(--color-text-muted)}.service-card.service-disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.3)}.service-card.service-disabled:hover{transform:none;box-shadow:0 8px 32px #0000000f,0 1px 3px #0000000a}.service-synced{font-size:10px;color:var(--color-teal);font-weight:500;opacity:.85}.highlight-card{padding:24px;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards}.highlight-title{font-family:var(--font-serif);font-size:16px;font-weight:700;color:var(--color-text);margin-bottom:18px}.highlight-list{display:flex;flex-direction:column;gap:16px}.highlight-item{display:flex;gap:12px;align-items:flex-start}.hl-icon{width:32px;height:32px;border-radius:8px;background:#5a8a8e14;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.hl-content{flex:1}.hl-name{font-size:13px;font-weight:600;color:var(--color-text);margin-bottom:2px}.hl-desc{font-size:12px;color:var(--color-text-secondary);line-height:1.5}.profile-hero-web{position:relative;overflow:hidden;padding:0;margin-bottom:24px;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) forwards}.profile-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#5a8a8e14,#b8975a0f);z-index:0}.profile-hero-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:28px 32px 20px}.avatar-area{display:flex;align-items:center;gap:18px}.avatar-wrapper{position:relative;width:60px;height:60px;flex-shrink:0}.avatar-wrapper-lg{width:72px;height:72px}.avatar-img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid rgba(184,151,90,.2);box-shadow:0 4px 16px #00000014;cursor:pointer;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease}.avatar-img:hover{transform:scale(1.08);box-shadow:0 6px 24px #0000001f}.avatar-upload{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;border-radius:50%}.user-meta{display:flex;flex-direction:column;gap:4px}.user-name{font-family:var(--font-serif);font-size:18px;font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:8px}.vip-badge{display:inline-flex;align-items:center;gap:2px;font-size:10px;padding:1px 8px;border-radius:9999px;background:linear-gradient(135deg,var(--color-gold-dark),var(--color-gold));color:#fff;font-weight:500}.user-greeting{font-size:13px;color:var(--color-text-muted)}.user-mbti-tag{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:2px 10px;border-radius:9999px;background:#5a8a8e1a;color:var(--color-teal);width:-moz-fit-content;width:fit-content;margin-top:2px}.edit-nickname-btn{font-size:13px;padding:8px 20px;border-radius:9999px;background:#5a8a8e14;color:var(--color-teal);font-weight:500;cursor:pointer;transition:all .25s ease;border:none;flex-shrink:0}.edit-nickname-btn:hover{background:#5a8a8e26;transform:translateY(-1px)}.edit-nickname-btn:active{opacity:.7}.stats-bar{position:relative;z-index:1;display:flex;justify-content:space-around;align-items:center;padding:16px 32px 20px;border-top:1px solid rgba(184,151,90,.1)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:opacity .2s,transform .2s}.stat-item:hover{transform:translateY(-2px)}.stat-item:active{opacity:.6}.stat-number{font-family:var(--font-serif);font-size:26px;font-weight:700;color:var(--color-teal);line-height:1}.stat-label{font-size:12px;color:var(--color-text-muted);white-space:nowrap}.stat-divider{width:1px;height:36px;background:linear-gradient(180deg,transparent,rgba(184,151,90,.2),transparent)}.profile-grid-web{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}@media (max-width: 768px){.profile-grid-web{grid-template-columns:1fr;gap:12px}.profile-hero-content{padding:20px 18px 16px;flex-direction:column;align-items:flex-start;gap:16px}.stats-bar{padding:14px 18px 16px}.avatar-wrapper-lg{width:64px;height:64px}}.profile-col-left,.profile-col-right{display:flex;flex-direction:column;gap:16px}.section-card{padding:22px;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-left{display:flex;align-items:center;gap:10px}.section-emoji{font-size:20px}.section-text{display:flex;flex-direction:column;gap:3px}.section-title{font-family:var(--font-serif);font-size:16px;font-weight:700;color:var(--color-text)}.section-subtitle{font-size:12px;color:var(--color-text-muted)}.section-arrow{font-size:22px;color:var(--color-text-muted);cursor:pointer;transition:transform .2s}.section-card:hover .section-arrow{transform:translate(3px)}.mini-grid{display:flex;flex-wrap:wrap;gap:4px}.mini-cell{width:calc((100% - 28px)/8);aspect-ratio:1;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:500;transition:all .3s}.cell-lit{background:#5a8a8e1f;color:var(--color-teal);animation:cell-blink 3s ease-in-out infinite;animation-delay:calc(var(--cell-index, 0) * .05s)}@keyframes cell-blink{0%,to{opacity:1}50%{opacity:.6}}.cell-dark{background:var(--color-bg-inner, #f0f1f3);color:var(--color-text-muted);font-size:8px}.badge-grid{display:flex;flex-wrap:wrap;gap:10px}.badge-item{width:calc((100% - 30px)/4);display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:12px;cursor:pointer;transition:all .25s ease}.badge-item:hover{transform:translateY(-2px)}.badge-item:active{transform:scale(.95)}.badge-unlocked{background:#5a8a8e0f}.badge-unlocked:hover{background:#5a8a8e1f;box-shadow:0 4px 16px #5a8a8e1a}.badge-locked{opacity:.4}.badge-icon{font-size:30px;line-height:1}.badge-name{font-size:11px;color:var(--color-text-muted);text-align:center;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-list{display:flex;flex-direction:column}.asset-item{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(0,0,0,.04);transition:background .2s}.asset-item-clickable{cursor:pointer;border-radius:10px;padding:14px 12px;margin:0 -12px}.asset-item-clickable:hover{background:#5a8a8e0f}.asset-item-clickable:active{background:#5a8a8e1f;transform:scale(.99)}.asset-item:last-child{border-bottom:none}.asset-left{display:flex;flex-direction:column;gap:4px}.asset-right{display:flex;align-items:center;gap:10px}.asset-hint{font-size:11px;color:var(--color-text-secondary, #999);opacity:.7}.asset-use-btn{font-size:12px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color-gold, #c4a35a),#d4b86a);padding:4px 12px;border-radius:20px;white-space:nowrap;transition:all .2s;box-shadow:0 2px 6px #c4a35a4d}.asset-item-clickable:hover .asset-use-btn{transform:scale(1.05);box-shadow:0 3px 10px #c4a35a66}.asset-label{font-size:14px;color:var(--color-text);display:flex;align-items:center;gap:8px}.asset-value{font-size:14px;font-weight:600;color:var(--color-gold)}.menu-card{padding:8px 22px;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) forwards}.menu-item{display:flex;align-items:center;gap:14px;padding:15px 0;cursor:pointer;transition:all .2s;border:none;background:none;width:100%;text-align:left;border-radius:8px}.menu-item:hover{background:#5a8a8e0a;padding-left:8px;padding-right:8px;margin:0 -8px;width:calc(100% + 16px)}.menu-item:active{opacity:.7}.menu-icon{font-size:20px;flex-shrink:0}.menu-label{font-size:14px;color:var(--color-text);flex:1}.menu-value{font-size:13px;color:var(--color-text-muted);margin-right:4px}.menu-arrow{font-size:18px;color:var(--color-text-muted);flex-shrink:0;transition:transform .2s}.menu-item:hover .menu-arrow{transform:translate(3px)}.menu-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.04),transparent)}.profile-disclaimer{text-align:center;font-size:12px;color:var(--color-text-muted);padding:24px 0 40px;opacity:.5}.mbti-modal-wide{max-width:460px!important}.mbti-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:8px}.mbti-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 6px;border-radius:12px;border:1.5px solid var(--color-border-silver, #e8e9ed);background:var(--color-bg-inner, #f8f8fa);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);min-width:0}.mbti-option:hover{border-color:#5a8a8e59;background:#5a8a8e0f;transform:translateY(-2px);box-shadow:0 4px 12px #5a8a8e1a}.mbti-option:active{transform:scale(.96)}.mbti-selected{border-color:var(--color-teal);background:#5a8a8e1a;box-shadow:0 2px 8px #5a8a8e26}.mbti-type-text{font-size:14px;font-weight:700;color:var(--color-text)}.mbti-name-text{font-size:10px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.badge-detail{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 0}.badge-detail-icon{font-size:56px;line-height:1}.badge-detail-name{font-family:var(--font-serif);font-size:18px;font-weight:700;color:var(--color-text)}.badge-detail-desc{font-size:14px;color:var(--color-text-secondary);text-align:center;line-height:1.6}.badge-detail-status{font-size:13px;font-weight:500;padding:4px 16px;border-radius:9999px;margin-top:4px}.badge-status-unlocked{color:var(--color-ji, #5aab7e);background:#5aab7e14}.badge-status-locked{color:var(--color-text-muted);background:#a0a6b414}.about-body{text-align:center;padding:12px 0}.about-text{font-size:14px;color:var(--color-text-secondary);line-height:1.9;white-space:pre-line}.about-version{font-size:12px;color:var(--color-text-muted);margin-top:14px}.nickname-form{display:flex;flex-direction:column;gap:16px;margin-top:8px}.nickname-input{width:100%;padding:12px 16px;border-radius:12px;border:1.5px solid var(--color-border-silver, #e8e9ed);background:var(--color-bg-inner, #f8f8fa);font-size:15px;color:var(--color-text);outline:none;transition:border-color .25s,box-shadow .25s}.nickname-input:focus{border-color:var(--color-teal);box-shadow:0 0 0 3px #5a8a8e1a}.nickname-input::-moz-placeholder{color:var(--color-text-muted)}.nickname-input::placeholder{color:var(--color-text-muted)}.detail-nav{display:flex;align-items:center;justify-content:space-between;padding:8px 0 20px}.nav-back-btn{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--color-teal);background:none;border:none;cursor:pointer;padding:6px 12px 6px 4px;border-radius:8px;transition:background .2s}.nav-back-btn:hover{background:#5a8a8e14}.nav-share-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#5a8a8e14;border:none;color:var(--color-teal);cursor:pointer;transition:all .25s ease}.nav-share-btn:hover{background:#5a8a8e26;transform:scale(1.05)}.detail-hero{display:flex;gap:32px;padding:32px;margin-bottom:20px;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) forwards;border-radius:20px}.hero-yao-section{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.yao-row{display:flex;align-items:center;gap:10px}.yao-label{font-size:11px;color:var(--color-text-muted);width:32px;text-align:right;flex-shrink:0}.yang-line{width:80px;height:7px;background:var(--color-teal);border-radius:4px;transition:width .3s ease}.yin-line{display:flex;align-items:center;width:80px}.yin-half{width:32px;height:7px;background:var(--color-teal);border-radius:4px}.yin-gap{width:16px}.hero-info-section{display:flex;flex-direction:column;justify-content:center;gap:10px}.detail-hex-name{font-family:var(--font-serif);font-size:26px;font-weight:700;color:var(--color-text);letter-spacing:3px}.detail-hex-keyword{font-size:14px;color:var(--color-text-secondary);line-height:1.6}.detail-level-tag{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;padding:4px 14px;border-radius:9999px;width:-moz-fit-content;width:fit-content}.level-da-ji{background:#5aab7e1f;color:var(--color-ji)}.level-ji{background:#5a8a8e1f;color:var(--color-teal)}.level-zhong{background:#b8975a1f;color:var(--color-gold)}.level-xiong{background:#cf5c5c1f;color:var(--color-xiong)}.detail-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media (max-width: 768px){.detail-content-grid{grid-template-columns:1fr}.detail-hero{padding:20px;gap:20px}.yang-line,.yin-line{width:70px}.yin-half{width:28px}.detail-hex-name{font-size:22px}}.detail-card{padding:24px;margin-bottom:16px;border-radius:18px;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards}.detail-card-title{font-family:var(--font-serif);font-size:16px;font-weight:700;color:var(--color-text);margin-bottom:16px}.detail-card-body{font-size:14px;color:var(--color-text-secondary);line-height:1.9}.guide-list{display:flex;flex-direction:column;gap:14px}.guide-item{display:flex;gap:12px;align-items:flex-start}.guide-dot{width:7px;height:7px;border-radius:50%;background:var(--color-teal);margin-top:7px;flex-shrink:0}.guide-text{font-size:14px;color:var(--color-text-secondary);line-height:1.7}.dim-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 640px){.dim-list{grid-template-columns:1fr}}.dim-item{padding:16px;border-radius:14px;background:#5a8a8e08;border:1px solid rgba(0,0,0,.04);transition:all .25s ease}.dim-item:hover{background:#5a8a8e0f;transform:translateY(-2px);box-shadow:0 4px 16px #0000000d}.dim-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.dim-icon{font-size:18px}.dim-label{font-size:14px;font-weight:600;color:var(--color-text);flex:1}.dim-score{font-size:15px;font-weight:700;color:var(--color-teal)}.dim-bar-track{width:100%;height:7px;background:var(--color-bg-inner, #f0f1f3);border-radius:4px;overflow:hidden;margin-bottom:8px}.dim-bar-fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}.dim-advice{font-size:13px;color:var(--color-text-muted);line-height:1.6}.detail-disclaimer{text-align:center;font-size:12px;color:var(--color-text-muted);padding:24px 0;opacity:.5}.city-nav-title{font-family:var(--font-serif);font-size:1.15rem;color:var(--color-text);font-weight:700}.city-intro-card{text-align:center;padding:2.5rem 2rem;margin-bottom:1.25rem;animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) forwards}.city-intro-icon{width:64px;height:64px;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#5a8a8e24,#5a8a8e0a)}.city-intro-title{font-family:var(--font-serif);font-size:1.3rem;font-weight:700;color:var(--color-text);margin-bottom:.6rem}.city-intro-desc{font-size:.9rem;color:var(--color-text-secondary);line-height:1.7;max-width:480px;margin:0 auto}.city-form{padding:2rem;margin-bottom:1.25rem;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) forwards}.form-group{margin-bottom:1.35rem}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:.92rem;font-weight:600;color:var(--color-text);margin-bottom:.55rem}.form-input{width:100%;padding:.8rem 1.1rem;border:1.5px solid var(--color-border-silver);border-radius:14px;font-size:.95rem;color:var(--color-text);background:var(--color-bg);transition:border-color .25s,box-shadow .25s;outline:none}.form-input:focus{border-color:var(--color-teal);box-shadow:0 0 0 3px #5a8a8e1a}.gender-pills{display:flex;gap:.85rem}.gender-pill{flex:1;padding:.75rem;border:1.5px solid var(--color-border-silver);border-radius:14px;background:transparent;font-size:.92rem;color:var(--color-text-secondary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.gender-pill.active{border-color:var(--color-teal);background:#5a8a8e14;color:var(--color-teal);font-weight:600}.gender-pill:hover:not(.active){border-color:var(--color-text-muted);transform:translateY(-1px)}.mbti-select-btn{width:100%;padding:.8rem 1.1rem;border:1.5px solid var(--color-border-silver);border-radius:14px;background:var(--color-bg);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .25s ease}.mbti-select-btn:hover{border-color:var(--color-teal);box-shadow:0 2px 8px #5a8a8e14}.mbti-selected-text{font-size:.95rem;color:var(--color-teal);font-weight:600}.mbti-placeholder{font-size:.92rem;color:var(--color-text-muted)}.mbti-arrow{transform:rotate(-90deg);color:var(--color-text-muted)}.element-preview{margin-top:1.25rem;text-align:center}.preview-hint{display:flex;justify-content:center;gap:.85rem;flex-wrap:wrap}.element-tag{font-size:.85rem;color:var(--color-text-secondary);padding:.3rem .6rem;background:var(--color-bg);border-radius:8px;transition:transform .2s}.element-tag:hover{transform:translateY(-1px)}.city-match-btn{width:100%;max-width:400px;margin:0 auto;display:flex;padding:1rem;border-radius:28px;border:none;background:linear-gradient(135deg,var(--color-teal),var(--color-accent));color:#fff;font-size:1.05rem;font-weight:600;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #5a8a8e4d;position:relative;overflow:hidden}.city-match-btn:after{content:"";position:absolute;top:0;left:-50%;width:50%;height:100%;background:linear-gradient(to bottom right,transparent,transparent,rgba(255,255,255,.2),transparent,transparent);animation:shimmer-sweep 3s ease-in-out infinite}.city-match-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #5a8a8e66}.city-match-btn:active{transform:translateY(0)}.mbti-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.mbti-picker-content{width:90%;max-width:520px;max-height:80vh;background:#fff;border-radius:22px;padding:2rem;overflow-y:auto;animation:fadeInUp .3s cubic-bezier(.4,0,.2,1) forwards;box-shadow:0 24px 80px #00000026}.mbti-picker-title{font-family:var(--font-serif);font-size:1.15rem;font-weight:700;text-align:center;margin-bottom:1.25rem;color:var(--color-text)}.mbti-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.mbti-grid-item{display:flex;flex-direction:column;align-items:center;padding:.75rem .3rem;border:1.5px solid var(--color-border-silver);border-radius:14px;background:transparent;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.mbti-grid-item:hover{border-color:var(--color-teal);background:#5a8a8e0d;transform:translateY(-2px);box-shadow:0 4px 12px #5a8a8e14}.mbti-grid-item.selected{border-color:var(--color-teal);background:#5a8a8e1a;box-shadow:0 2px 8px #5a8a8e1f}.mbti-type-text{font-size:.88rem;font-weight:700;color:var(--color-text)}.mbti-tag-text{font-size:.68rem;color:var(--color-text-secondary);margin-top:3px}.mbti-grid-item.selected .mbti-type-text{color:var(--color-teal)}.glass-card-strong{background:#ffffffeb;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:20px;box-shadow:0 6px 28px #0000000f}.city-result-hero{text-align:center;padding:2.5rem 2rem;margin-bottom:1.25rem;position:relative;overflow:hidden;animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) forwards}.city-result-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top,rgba(90,138,142,.06) 0%,transparent 70%);pointer-events:none}.result-badge{display:inline-block;padding:.35rem 1rem;border-radius:22px;font-size:.85rem;font-weight:700;color:var(--color-teal);background:#5a8a8e1a;margin-bottom:1.5rem}.result-ring-wrapper{position:relative;width:130px;height:130px;margin:0 auto 1.25rem}.result-ring{width:100%;height:100%}.ring-fill{transition:stroke-dasharray 1.2s cubic-bezier(.4,0,.2,1)}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.ring-score{font-family:var(--font-serif);font-size:2.2rem;font-weight:700;color:var(--color-teal)}.ring-unit{font-size:.88rem;color:var(--color-text-secondary);margin-top:.55rem}.result-city-name{font-family:var(--font-serif);font-size:1.9rem;font-weight:700;color:var(--color-text);margin-bottom:.4rem}.result-city-vibe{font-size:.92rem;color:var(--color-text-secondary);margin-bottom:1.25rem}.result-tags{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap}.result-tag{padding:.3rem .75rem;border-radius:10px;font-size:.8rem;font-weight:600;transition:transform .2s}.result-tag:hover{transform:translateY(-1px)}.element-tag-city{color:var(--color-gold);background:#b8975a1a}.pace-tag{color:var(--color-teal);background:#5a8a8e14}.industry-tag{color:var(--color-text-secondary);background:var(--color-bg)}.city-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:1rem}@media (max-width: 768px){.city-report-grid{grid-template-columns:1fr}}.city-report-card{padding:1.5rem;margin-bottom:1rem;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) forwards}.report-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.report-title{font-family:var(--font-serif);font-size:1.05rem;font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:.4rem;margin-bottom:.85rem}.report-title-row .report-title{margin-bottom:0}.report-body{font-size:.9rem;color:var(--color-text-secondary);line-height:1.8;white-space:pre-line}.report-fallback{font-size:.88rem;color:var(--color-text-muted);text-align:center;padding:1.25rem 0}.ai-loading-tag{font-size:.78rem;color:var(--color-teal);padding:.2rem .6rem;background:#5a8a8e14;border-radius:8px;animation:pulse-soft 1.5s infinite}.ai-report-sections{display:flex;flex-direction:column;gap:.85rem}.ai-section{padding:.85rem;background:var(--color-bg);border-radius:12px;transition:transform .2s}.ai-section:hover{transform:translate(3px)}.ai-section-label{font-size:.85rem;font-weight:600;color:var(--color-text);display:block;margin-bottom:.4rem}.ai-section-text{font-size:.88rem;color:var(--color-text-secondary);line-height:1.7}.ai-one-liner{text-align:center;font-family:var(--font-serif);font-size:1.05rem;font-weight:700;color:var(--color-gold);padding-top:.6rem}.ai-loading-skeleton{display:flex;flex-direction:column;gap:.6rem}.skeleton-line{height:.9rem;border-radius:5px;background:linear-gradient(90deg,#f0f1f3 25%,#e8e9ed,#f0f1f3 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.other-cities-section{margin-top:1.25rem;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards}.other-title{font-family:var(--font-serif);font-size:1.05rem;font-weight:700;color:var(--color-text);margin-bottom:.85rem}.other-cities-list{display:flex;flex-direction:column;gap:.6rem}.other-city-card{padding:1rem 1.25rem;display:flex;align-items:center;gap:.85rem;position:relative;border-radius:14px;transition:all .25s ease}.other-city-card:hover{background:#5a8a8e08}.other-city-card.blurred{filter:blur(6px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.other-city-info{display:flex;align-items:center;gap:.6rem;min-width:150px}.other-city-rank{font-size:.75rem;font-weight:700;color:var(--color-text-muted)}.other-city-name{font-size:.92rem;font-weight:600;color:var(--color-text)}.other-city-level{font-size:.75rem;color:var(--color-teal);padding:.15rem .4rem;background:#5a8a8e14;border-radius:6px}.other-city-bar{flex:1;height:7px;background:var(--color-bg);border-radius:4px;overflow:hidden}.other-city-fill{height:100%;background:linear-gradient(90deg,var(--color-teal),var(--color-accent));border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}.other-city-score{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);min-width:38px;text-align:right}.blur-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.85rem;color:var(--color-text-secondary);background:#ffffff4d;border-radius:14px;filter:none;pointer-events:auto}.city-disclaimer{text-align:center;font-size:.8rem;color:var(--color-text-muted);margin-top:2rem;opacity:.6}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.5}}.bazi-nav-title{font-family:var(--font-serif);font-size:1.15rem;color:var(--color-text);font-weight:700}.bazi-intro-card{padding:2rem;margin-bottom:1.25rem;text-align:center;animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) forwards}.bazi-intro-title{font-family:var(--font-serif);font-size:1.3rem;font-weight:700;color:var(--color-text);margin-bottom:.6rem}.bazi-intro-desc{font-size:.9rem;color:var(--color-text-secondary);line-height:1.7;max-width:520px;margin:0 auto}.bazi-form{padding:2rem;margin-bottom:1.25rem;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) forwards}.bazi-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media (max-width: 640px){.bazi-form-grid{grid-template-columns:1fr}}.region-selects{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.6rem}.form-select{width:100%;padding:.7rem .6rem;border:1.5px solid var(--color-border-silver);border-radius:12px;font-size:.88rem;color:var(--color-text);background:var(--color-bg);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a0a6b4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px;outline:none;cursor:pointer;transition:border-color .25s,box-shadow .25s}.form-select:focus{border-color:var(--color-teal);box-shadow:0 0 0 3px #5a8a8e1a}.form-select:disabled{opacity:.5;cursor:not-allowed}.true-solar-card{margin-top:1.25rem;padding:1.25rem;border-radius:14px;background:linear-gradient(135deg,#5a8a8e0f,#b8975a0a);border:1px solid rgba(90,138,142,.12);animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards}.true-solar-header{display:flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:600;color:var(--color-teal);margin-bottom:.6rem}.solar-toggle{margin-left:auto;position:relative;display:inline-block;width:40px;height:22px;cursor:pointer}.solar-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ccc;border-radius:22px;transition:background .3s}.toggle-slider:before{content:"";position:absolute;left:2px;top:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .3s;box-shadow:0 1px 4px #00000026}.solar-toggle input:checked+.toggle-slider{background:var(--color-teal)}.solar-toggle input:checked+.toggle-slider:before{transform:translate(18px)}.true-solar-time{font-size:1rem;font-weight:600;color:var(--color-text)}.true-solar-detail{font-size:.82rem;color:var(--color-text-muted);margin-top:.3rem}.bazi-submit-btn{width:100%;max-width:400px;margin:0 auto;display:flex;padding:1rem;border-radius:28px;border:none;background:linear-gradient(135deg,var(--color-teal),var(--color-accent));color:#fff;font-size:1.05rem;font-weight:600;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #5a8a8e4d;position:relative;overflow:hidden}.bazi-submit-btn:after{content:"";position:absolute;top:0;left:-50%;width:50%;height:100%;background:linear-gradient(to bottom right,transparent,transparent,rgba(255,255,255,.2),transparent,transparent);animation:shimmer-sweep 3s ease-in-out infinite}.bazi-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #5a8a8e66}.bazi-submit-btn:active{transform:translateY(0)}.bazi-hero{text-align:center;padding:2rem;margin-bottom:1rem;position:relative;overflow:hidden;animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) forwards}.bazi-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top,rgba(184,151,90,.06) 0%,transparent 70%);pointer-events:none}.bazi-hero-meta{display:flex;justify-content:center;gap:.85rem;font-size:.85rem;color:var(--color-text-secondary);margin-bottom:.85rem}.bazi-hero-daymaster{font-family:var(--font-serif);font-size:1.6rem;font-weight:700;color:var(--color-text);margin-bottom:.6rem}.daymaster-emoji{margin-left:.4rem}.daymaster-strength{display:inline-block;padding:.25rem .75rem;border-radius:14px;font-size:.82rem;font-weight:600}.daymaster-strength.strong{color:var(--color-ji);background:#5aab7e1a}.daymaster-strength.weak{color:var(--color-gold);background:#b8975a1a}.bazi-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:1rem}@media (max-width: 640px){.bazi-detail-grid{grid-template-columns:1fr}}.bazi-pillars{padding:1.5rem;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) forwards}.pillars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.pillar-col{text-align:center;padding:.85rem .3rem;background:var(--color-bg);border-radius:14px;transition:all .25s ease}.pillar-col:hover{background:#5a8a8e0a;transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.pillar-label{display:block;font-size:.78rem;color:var(--color-text-muted);margin-bottom:.55rem}.pillar-chars{display:flex;flex-direction:column;align-items:center;gap:.2rem;margin-bottom:.55rem}.pillar-gan,.pillar-zhi{font-family:var(--font-serif);font-size:1.6rem;font-weight:700;line-height:1.2}.pillar-elements{display:flex;flex-direction:column;gap:.2rem}.pillar-el-tag{font-size:.72rem;color:var(--color-text-secondary)}.bazi-elements{padding:1.5rem;animation:fadeInUp .55s cubic-bezier(.4,0,.2,1) forwards}.element-chart{display:flex;justify-content:center;align-items:flex-end;gap:1.25rem;height:150px;margin-bottom:.85rem}.chart-col{display:flex;flex-direction:column;align-items:center;flex:1}.chart-value{font-size:.85rem;font-weight:700;color:var(--color-text);margin-bottom:.3rem}.chart-bar-track{width:36px;height:100px;background:var(--color-bg);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.chart-bar-fill{border-radius:8px 8px 0 0;transition:height .8s cubic-bezier(.4,0,.2,1);min-height:4px}.chart-label{font-size:.82rem;color:var(--color-text-secondary);margin-top:.4rem}.missing-elements{font-size:.85rem;color:var(--color-xiong);text-align:center;padding:.6rem;background:#cf5c5c0f;border-radius:10px}.bazi-xiyong{padding:1.5rem;margin-bottom:1rem;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards}.xiyong-row{display:flex;gap:.85rem;margin-bottom:.85rem}.xiyong-item{flex:1;padding:1rem;border-radius:14px;text-align:center;transition:transform .25s ease}.xiyong-item:hover{transform:translateY(-2px)}.xiyong-item.xi{background:linear-gradient(135deg,#5a8a8e14,#5a8a8e05);border:1px solid rgba(90,138,142,.15)}.xiyong-item.yong{background:linear-gradient(135deg,#b8975a14,#b8975a05);border:1px solid rgba(184,151,90,.15)}.xiyong-label{display:block;font-size:.82rem;color:var(--color-text-muted);margin-bottom:.3rem}.xiyong-value{font-family:var(--font-serif);font-size:1.2rem;font-weight:700;color:var(--color-text)}.xiyong-desc{font-size:.88rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:.85rem}.direction-hint{display:flex;flex-direction:column;gap:.25rem;padding:.85rem;background:var(--color-bg);border-radius:12px;font-size:.85rem;color:var(--color-text-secondary)}.direction-cities{font-size:.82rem;color:var(--color-text-muted)}.bazi-personality-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:1rem}@media (max-width: 640px){.bazi-personality-grid{grid-template-columns:1fr}}.bazi-personality{padding:1.5rem;animation:fadeInUp .65s cubic-bezier(.4,0,.2,1) forwards}.personality-card{padding:1.25rem;background:linear-gradient(135deg,rgba(184,151,90,.06),transparent);border-radius:14px;border-left:3px solid var(--color-gold)}.personality-trait{display:inline-block;font-family:var(--font-serif);font-size:1.05rem;font-weight:700;color:var(--color-gold);margin-bottom:.4rem}.personality-desc{font-size:.9rem;color:var(--color-text-secondary);line-height:1.7}.bazi-mbti{padding:1.5rem;animation:fadeInUp .7s cubic-bezier(.4,0,.2,1) forwards}.mbti-fusion{text-align:center}.mbti-badge{display:inline-flex;flex-direction:column;align-items:center;padding:.85rem 1.75rem;background:linear-gradient(135deg,#5a8a8e14,#5a8a8e05);border-radius:16px;margin-bottom:.85rem;transition:transform .25s ease}.mbti-badge:hover{transform:scale(1.02)}.mbti-type-lg{font-family:var(--font-serif);font-size:1.3rem;font-weight:700;color:var(--color-teal)}.mbti-tag-lg{font-size:.82rem;color:var(--color-text-secondary)}.mbti-fusion-text{font-size:.9rem;color:var(--color-text-secondary);line-height:1.7;text-align:left}.mbti-empty{text-align:center;padding:1.75rem}.mbti-empty-text{font-size:.88rem;color:var(--color-text-muted);margin-bottom:.85rem}.mbti-set-btn{padding:.55rem 1.75rem;border-radius:22px;border:1.5px solid var(--color-teal);background:transparent;color:var(--color-teal);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .25s ease}.mbti-set-btn:hover{background:#5a8a8e14;transform:translateY(-1px)}.bazi-disclaimer{text-align:center;font-size:.8rem;color:var(--color-text-muted);margin-top:2rem;opacity:.6}.ziwei-nav-title{font-family:var(--font-serif);font-size:1.15rem;color:var(--color-text);font-weight:700}.ziwei-intro-card{text-align:center;padding:2rem;margin-bottom:1.25rem;animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) forwards}.ziwei-star-icon{width:60px;height:60px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#b8975a24,#b8975a0a)}.text-gold{color:var(--color-gold)}.ziwei-intro-title{font-family:var(--font-serif);font-size:1.3rem;font-weight:700;color:var(--color-text);margin-bottom:.6rem}.ziwei-intro-desc{font-size:.9rem;color:var(--color-text-secondary);line-height:1.7;max-width:480px;margin:0 auto}.ziwei-saved-info{padding:1.2rem 1.5rem;margin-bottom:1.25rem;border:1.5px solid rgba(90,138,142,.25);background:#5a8a8e0a;animation:fadeInUp .45s cubic-bezier(.4,0,.2,1) forwards}.saved-info-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.saved-info-icon{color:var(--color-teal);flex-shrink:0}.saved-info-title{font-size:.92rem;font-weight:600;color:var(--color-teal)}.saved-info-text{font-size:.95rem;color:var(--color-text);margin-bottom:.8rem;padding:.5rem .75rem;background:#5a8a8e0f;border-radius:8px;font-weight:500}.saved-info-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.7rem 1rem;border-radius:20px;border:none;background:linear-gradient(135deg,var(--color-teal),#4a9a8e);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 12px #5a8a8e4d}.saved-info-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #5a8a8e66}.saved-info-btn:active{transform:translateY(0)}.saved-info-hint{text-align:center;font-size:.78rem;color:var(--color-text-muted);margin-top:.6rem}.ziwei-form{padding:2rem;margin-bottom:1.25rem;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) forwards}.shichen-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}@media (max-width: 640px){.shichen-grid{grid-template-columns:repeat(4,1fr)}}.shichen-item{display:flex;flex-direction:column;align-items:center;padding:.6rem .3rem;border:1.5px solid var(--color-border-silver);border-radius:12px;background:transparent;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.shichen-item:hover{border-color:var(--color-teal);background:#5a8a8e0d;transform:translateY(-2px);box-shadow:0 4px 12px #5a8a8e14}.shichen-item.active{border-color:var(--color-teal);background:#5a8a8e1a;box-shadow:0 2px 8px #5a8a8e1f}.shichen-name{font-size:.88rem;font-weight:600;color:var(--color-text)}.shichen-item.active .shichen-name{color:var(--color-teal)}.shichen-time{font-size:.65rem;color:var(--color-text-muted);margin-top:2px}.ziwei-submit-btn{width:100%;max-width:400px;margin:0 auto;display:flex;padding:1rem;border-radius:28px;border:none;background:linear-gradient(135deg,var(--color-gold),#C9AA68);color:#fff;font-size:1.05rem;font-weight:600;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #b8975a4d;position:relative;overflow:hidden}.ziwei-submit-btn:after{content:"";position:absolute;top:0;left:-50%;width:50%;height:100%;background:linear-gradient(to bottom right,transparent,transparent,rgba(255,255,255,.2),transparent,transparent);animation:shimmer-sweep 3s ease-in-out infinite}.ziwei-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #b8975a66}.ziwei-submit-btn:active{transform:translateY(0)}.ziwei-hero{text-align:center;padding:2rem;margin-bottom:1rem;position:relative;overflow:hidden;animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) forwards}.ziwei-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top,rgba(184,151,90,.08) 0%,transparent 70%);pointer-events:none}.ziwei-hero-meta{display:flex;justify-content:center;gap:.85rem;font-size:.85rem;color:var(--color-text-secondary);margin-bottom:1.25rem}.main-star-badge{display:inline-flex;flex-direction:column;align-items:center;padding:1.25rem 2.5rem;background:linear-gradient(135deg,#b8975a1a,#b8975a08);border:1.5px solid rgba(184,151,90,.2);border-radius:18px;margin-bottom:1.25rem;transition:transform .25s ease}.main-star-badge:hover{transform:scale(1.02)}.main-star-name{font-family:var(--font-serif);font-size:2.2rem;font-weight:700;color:var(--color-gold);letter-spacing:.15em}.main-star-trait{font-size:.88rem;color:var(--color-text-secondary);margin-top:.3rem}.main-star-desc{font-size:.92rem;color:var(--color-text-secondary);line-height:1.7;max-width:480px;margin:0 auto}.ziwei-palaces{padding:1.5rem;margin-bottom:1rem;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) forwards}.palace-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}@media (max-width: 768px){.palace-grid{grid-template-columns:repeat(3,1fr)}}.palace-cell{display:flex;flex-direction:column;align-items:center;padding:.85rem .4rem;background:var(--color-bg);border-radius:14px;text-align:center;transition:all .25s ease;border:1px solid transparent}.palace-cell:hover{background:#b8975a0a;border-color:#b8975a26;transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.palace-name{font-size:.75rem;color:var(--color-text-muted);margin-bottom:.25rem}.palace-star{font-family:var(--font-serif);font-size:1.05rem;font-weight:700;color:var(--color-text);margin-bottom:.35rem}.palace-rating{display:flex;gap:4px}.rating-dot{width:7px;height:7px;border-radius:50%;background:var(--color-border-silver);transition:background .3s}.rating-dot.active{background:var(--color-gold)}.ziwei-scores{padding:1.5rem;margin-bottom:1rem;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards}.score-list{display:flex;flex-direction:column;gap:1rem}.score-row{display:flex;align-items:center;gap:.6rem}.score-icon{font-size:1.15rem;width:28px;text-align:center}.score-label{font-size:.88rem;font-weight:600;color:var(--color-text);width:40px}.score-bar-track{flex:1;height:9px;background:var(--color-bg);border-radius:5px;overflow:hidden}.score-bar-fill{height:100%;border-radius:5px;transition:width .8s cubic-bezier(.4,0,.2,1);min-width:4px}.score-value{font-size:.85rem;font-weight:700;color:var(--color-text-secondary);width:32px;text-align:right}.ziwei-disclaimer{text-align:center;font-size:.8rem;color:var(--color-text-muted);margin-top:2rem;opacity:.6}.book-nav-title{font-family:var(--font-serif);font-size:17px;font-weight:700;color:var(--color-text)}.book-progress{padding:22px;margin-bottom:20px;animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) forwards}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-label{font-size:14px;color:var(--color-text);font-weight:600}.progress-count{font-size:15px;font-weight:700;color:var(--color-teal)}.progress-bar-track{width:100%;height:10px;background:var(--color-bg-inner, #f0f1f3);border-radius:5px;overflow:hidden;margin-bottom:14px}.progress-bar-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,var(--color-teal),var(--color-teal-light));transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-legend{display:flex;gap:14px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--color-text-muted)}.legend-dot{width:9px;height:9px;border-radius:50%}.dot-daji{background:var(--color-ji)}.dot-ji{background:var(--color-teal)}.dot-zhong{background:var(--color-gold)}.dot-xiong{background:var(--color-xiong)}.dot-locked{background:#d5d7dc}.book-grid{display:flex;flex-wrap:wrap;gap:6px;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) forwards}.book-cell{width:calc((100% - 42px)/8);aspect-ratio:1;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.book-cell:hover{transform:scale(1.08);z-index:1}.book-cell:active{transform:scale(.94)}.hex-unlocked{animation:cell-blink 4s ease-in-out infinite}@keyframes cell-blink{0%,to{opacity:1}50%{opacity:.65}}.hex-locked{background:#eaebed}.level-bg-da-ji{background:#5aab7e26}.level-bg-ji{background:#5a8a8e1f}.level-bg-zhong{background:#b8975a1f}.level-bg-xiong{background:#cf5c5c1a}.cell-name{font-size:11px;font-weight:600;color:var(--color-text);line-height:1}.cell-fullname{font-size:8px;color:var(--color-text-muted);line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-lock{font-size:15px;opacity:.4}.hex-detail{display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 0}.hex-detail-name{font-family:var(--font-serif);font-size:22px;font-weight:700;color:var(--color-text)}.hex-detail-keyword{font-size:15px;color:var(--color-gold);font-weight:500}.hex-detail-modern{font-size:14px;color:var(--color-text-secondary);text-align:center;line-height:1.8}.hex-detail-date{font-size:13px;color:var(--color-text-muted);margin-top:4px}.book-hint-card{margin-top:20px;padding:16px 20px;text-align:center;font-size:13px;color:var(--color-text-muted);border-radius:14px;background:#5a8a8e0a;border:1px dashed rgba(90,138,142,.15)}.history-nav-title{font-family:var(--font-serif);font-size:17px;font-weight:700;letter-spacing:2px}.history-month-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;margin-bottom:16px}.month-nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:#5a8a8e14;color:var(--color-teal);cursor:pointer;transition:all .2s}.month-nav-btn:hover{background:#5a8a8e26}.month-nav-text{font-family:var(--font-serif);font-size:18px;font-weight:700;color:var(--color-text);letter-spacing:2px}.history-stats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;justify-content:center}.stat-chip{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--color-text-secondary);padding:4px 12px;border-radius:20px;background:#fffc;border:1px solid rgba(0,0,0,.04)}.stat-chip.stat-total{font-weight:600;color:var(--color-teal);background:#5a8a8e14}.stat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.history-calendar{padding:20px;margin-bottom:16px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.weekday-cell{text-align:center;font-size:12px;font-weight:600;color:var(--color-text-muted);padding:6px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:10px;cursor:default;transition:all .2s;position:relative}.calendar-cell.cell-empty{pointer-events:none}.calendar-cell.cell-has-hex{cursor:pointer}.calendar-cell.cell-has-hex:hover{background:#5a8a8e0f;transform:scale(1.05)}.calendar-cell.cell-today{border:2px solid var(--color-teal);border-radius:10px}.cell-day{font-size:13px;font-weight:500;color:var(--color-text)}.cell-hex-dot{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s}.cell-hex-dot.cell-dot-empty{width:6px;height:6px;background:var(--color-bg-inner)}.cell-hex-name{font-size:9px;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.cell-has-hex:hover .cell-hex-dot{transform:scale(1.15)}.history-hint{text-align:center;font-size:12px;color:var(--color-text-muted);letter-spacing:.5px;padding:8px 0}.history-detail{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.history-detail-date{font-size:13px;color:var(--color-text-muted)}.history-detail-name{font-family:var(--font-serif);font-size:22px;font-weight:700;color:var(--color-text);letter-spacing:2px}.history-detail-keyword{font-size:14px;color:var(--color-gold);font-weight:600}.history-detail-modern{font-size:14px;color:var(--color-text-secondary);line-height:1.7;text-align:center}@media (max-width: 480px){.cell-day{font-size:11px}.cell-hex-dot{width:22px;height:22px}.cell-hex-name{font-size:8px}.history-calendar{padding:12px}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:PingFang SC,-apple-system,BlinkMacSystemFont,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.glass-card{border-radius:14px;background-color:#fffc;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-backdrop-blur: blur(10px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);border:1px solid rgba(255,255,255,.4)}.glass-card-strong{border-radius:14px;background-color:#ffffffe6;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-backdrop-blur: blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);border:1px solid rgba(255,255,255,.6)}.btn-primary{width:100%;border-radius:9999px;padding-top:.875rem;padding-bottom:.875rem;font-size:1rem;line-height:1.5rem;font-weight:500;letter-spacing:.05em;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;background:linear-gradient(135deg,var(--color-teal),var(--color-teal-dark));box-shadow:0 4px 16px #5a8a8e4d}.btn-primary:hover{box-shadow:0 6px 24px #5a8a8e66;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #5a8a8e4d}.title-serif{font-family:var(--font-serif);font-weight:600;letter-spacing:.05em}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-1\/2{left:50%}.top-4{top:1rem}.z-10{z-index:10}.z-\[9990\]{z-index:9990}.z-\[9999\]{z-index:9999}.ml-auto{margin-left:auto}.mt-3{margin-top:.75rem}.inline{display:inline}.flex{display:flex}.hidden{display:none}.max-h-\[80vh\]{max-height:80vh}.min-h-screen{min-height:100vh}.w-3\/4{width:75%}.w-5\/6{width:83.333333%}.w-full{width:100%}.max-w-\[380px\]{max-width:380px}.max-w-\[420px\]{max-width:420px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn .5s ease-out forwards}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-ji\/20{border-color:#5aab7e33}.border-teal\/20{border-color:#5a8a8e33}.border-xiong\/20{border-color:#cf5c5c33}.bg-black\/30{background-color:#0000004d}.bg-ji\/5{background-color:#5aab7e0d}.bg-teal\/5{background-color:#5a8a8e0d}.bg-xiong\/5{background-color:#cf5c5c0d}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-2{padding-bottom:.5rem}.pb-5{padding-bottom:1.25rem}.pt-5{padding-top:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-gold{--tw-text-opacity: 1;color:rgb(184 151 90 / var(--tw-text-opacity, 1))}.text-ji{--tw-text-opacity: 1;color:rgb(90 171 126 / var(--tw-text-opacity, 1))}.text-teal{--tw-text-opacity: 1;color:rgb(90 138 142 / var(--tw-text-opacity, 1))}.text-txt{--tw-text-opacity: 1;color:rgb(30 32 40 / var(--tw-text-opacity, 1))}.text-txt-muted{--tw-text-opacity: 1;color:rgb(160 166 180 / var(--tw-text-opacity, 1))}.text-txt-secondary{--tw-text-opacity: 1;color:rgb(93 100 117 / var(--tw-text-opacity, 1))}.text-xiong{--tw-text-opacity: 1;color:rgb(207 92 92 / var(--tw-text-opacity, 1))}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-lg{--tw-backdrop-blur: blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}:root{--color-teal: #5a8a8e;--color-teal-light: #7aabaf;--color-teal-dark: #4a7579;--color-gold: #b8975a;--color-gold-light: #c9aa74;--color-gold-dark: #8E7438;--color-bg: #f4f5f7;--color-bg-card: rgba(255, 255, 255, .82);--color-bg-warm: #fdf6e3;--color-bg-cream: #F9F6F0;--color-bg-inner: #f0f1f3;--color-text: #1e2028;--color-text-secondary: #5d6475;--color-text-muted: #a0a6b4;--color-text-brown: #8b5a2b;--color-ji: #5aab7e;--color-xiong: #cf5c5c;--color-accent: #3a8f9d;--color-border: #f0f1f3;--color-border-silver: #e8e9ed;--color-shadow: rgba(0, 0, 0, .06);--color-teal-bg: rgba(90, 138, 142, .08);--font-serif: "Noto Serif SC", "Songti SC", "STSong", serif;--font-sans: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-card: 14px;--radius-lg: 12px;--radius-md: 8px;--radius-sm: 6px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;overflow-x:hidden}#root,.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;padding-top:64px}.page-container{max-width:900px;margin:0 auto;padding:24px 32px;width:100%;min-height:calc(100vh - 64px)}.page-container-narrow{max-width:640px;margin:0 auto;padding:24px 32px;width:100%;min-height:calc(100vh - 64px)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#5a8a8e33;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#5a8a8e66}.page-transition-enter{opacity:0;transform:translateY(10px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}@media (min-width: 768px){body{background:linear-gradient(135deg,#e8eaef,#f4f5f7 30%,#f0ebe3 70%,#ecedf0);background-attachment:fixed}.page-container{padding:32px 48px}}@media (max-width: 768px){.app-main{padding-top:56px}.page-container,.page-container-narrow{max-width:100%;padding:16px 16px 32px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards}.animate-fade-in{animation:fadeIn .5s ease forwards}.shimmer-btn{position:relative;overflow:hidden}.shimmer-btn:after{content:"";position:absolute;top:0;left:-50%;width:50%;height:100%;background:linear-gradient(to bottom right,transparent,transparent,rgba(255,255,255,.25),transparent,transparent);animation:shimmer-sweep 3s ease-in-out infinite}@keyframes shimmer-sweep{0%,33.3%{transform:translate(0)}to{transform:translate(400%)}}.gradient-divider-gold{height:1px;background:linear-gradient(90deg,transparent,rgba(184,151,90,.3),transparent)}.glass-card-elevated{background:#ffffffe0;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.6);border-radius:20px;box-shadow:0 8px 32px #0000000f,0 1px 3px #0000000a;transition:box-shadow .3s ease,transform .3s ease}.glass-card-elevated:hover{box-shadow:0 12px 48px #00000014,0 2px 6px #0000000a;transform:translateY(-2px)}@media (prefers-reduced-motion: reduce){.shimmer-btn:after{animation:none}.glass-card-elevated:hover{transform:none}}[data-theme=dark]{--color-teal: #7aabaf;--color-teal-light: #9ac4c8;--color-teal-dark: #5a8a8e;--color-gold: #c9aa74;--color-gold-light: #d4bb8a;--color-gold-dark: #b8975a;--color-bg: #0f1115;--color-bg-card: rgba(30, 32, 40, .82);--color-bg-warm: #1a1814;--color-bg-cream: #1a1814;--color-bg-inner: #1a1c22;--color-text: #e8e9ed;--color-text-secondary: #a0a6b4;--color-text-muted: #5d6475;--color-text-brown: #c9aa74;--color-ji: #6bc090;--color-xiong: #e07070;--color-accent: #5ab8c8;--color-border: #2a2c34;--color-border-silver: #2a2c34;--color-shadow: rgba(0, 0, 0, .3);--color-teal-bg: rgba(122, 171, 175, .1)}[data-theme=dark] body{background-color:#0f1115}[data-theme=dark] .glass-card-elevated{background:#1e2028d9;border-color:#ffffff0f;box-shadow:0 8px 32px #0000004d,0 1px 3px #0003}[data-theme=dark] .glass-card-elevated:hover{box-shadow:0 12px 48px #0006,0 2px 6px #0003}[data-theme=dark] .top-nav{background:#0f1115e6;border-bottom-color:#ffffff0f}[data-theme=dark] .nav-link{color:var(--color-text-secondary)}[data-theme=dark] .nav-link:hover{background:#7aabaf14;color:var(--color-text)}[data-theme=dark] .nav-link-active{background:#7aabaf1f;color:var(--color-teal)}[data-theme=dark] .input-hero-bg{background:radial-gradient(ellipse at 20% 50%,rgba(90,138,142,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(184,151,90,.1) 0%,transparent 50%),linear-gradient(135deg,#1e2028fa,#1a1814fa);border-color:#ffffff0f}[data-theme=dark] .number-input-web{color:var(--color-text);border-bottom-color:#b8975a4d}[data-theme=dark] .number-input-web::-moz-placeholder{color:var(--color-text-muted)}[data-theme=dark] .number-input-web::placeholder{color:var(--color-text-muted)}[data-theme=dark] .hint-tag-web{background:#1e2028e6;color:var(--color-text-secondary);border-color:#ffffff0f;box-shadow:0 2px 12px #0003}[data-theme=dark] .hero-card-web{background:#1e2028e6}[data-theme=dark] .hero-bg-gradient{background:radial-gradient(ellipse at 0% 0%,rgba(90,138,142,.08) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(184,151,90,.08) 0%,transparent 50%)}[data-theme=dark] .frequency-card-web{background:#b8975a0f;border-color:#b8975a1f}[data-theme=dark] .insight-card-web{background:#1e2028d9;border-color:#ffffff0a}[data-theme=dark] .healing-card-web{background:linear-gradient(135deg,#1a1814cc,#1a181480)}[data-theme=dark] .action-guide-web,[data-theme=dark] .almanac-card-web{background:#1e2028d9;border-color:#ffffff0a}[data-theme=dark] .streak-card-web{background:#1e2028d9;border-color:#ffffff0f}[data-theme=dark] .action-btn-web{background:#7aabaf0f;border-color:#7aabaf26}[data-theme=dark] .reverse-section-web{background:linear-gradient(135deg,#b8975a0f,#b8975a1a);border-color:#b8975a26}[data-theme=dark] .fortune-badge-web{background:#1a1814cc}[data-theme=dark] .source-tag.source-api{background:#7aabaf1f}[data-theme=dark] .source-tag.source-local{background:#5d647526}[data-theme=dark] .glass-card{background:#1e2028cc;border-color:#ffffff0d}[data-theme=dark] .glass-card-strong{background:#1e2028e6;border-color:#ffffff14}[data-theme=dark] .form-input,[data-theme=dark] .form-select{background:#1a1c22cc;color:var(--color-text);border-color:#ffffff14}[data-theme=dark] .modal-content,[data-theme=dark] .fixed .bg-white{background:#1e2028}@media (min-width: 768px){[data-theme=dark] body{background:linear-gradient(135deg,#0f1115,#141620 30%,#161412 70%,#0f1115);background-attachment:fixed}}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .25s;font-size:18px}.theme-toggle-btn:hover{background:#5a8a8e14;color:var(--color-text)}.hover\:bg-black\/5:hover{background-color:#0000000d}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}