:root{--bg-0:#0b0a17;--bg-1:#14122a;--bg-2:#1c1938;--gold:#d9b26a;--gold-soft:#f0d9a8;--text-0:#f2eee6;--text-1:#c3bdd6;--text-2:#8e88a8;--accent:#7d5fff;--danger:#e08a8a;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{scroll-behavior:smooth}body{background:radial-gradient(1200px 600px at 10% -10%, #7d5fff40, transparent 60%), radial-gradient(900px 500px at 100% 0%, #d9b26a1f, transparent 55%), var(--bg-0);color:var(--text-0);background-repeat:no-repeat;min-height:100vh;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,-apple-system,sans-serif}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:1px solid #d9b26a26;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px clamp(16px,5vw,56px);display:flex}.brand{letter-spacing:.04em;color:var(--gold-soft);font-size:1.4rem;font-weight:700}.brand-mark{margin-right:6px}.site-nav{flex-wrap:wrap;gap:8px;display:flex}.nav-link{color:var(--text-1);border:1px solid #0000;border-radius:999px;padding:8px 14px;font-size:.92rem;text-decoration:none;transition:all .15s}.nav-link:hover{color:var(--text-0);background:#ffffff0d}.nav-link.active{color:var(--bg-0);background:linear-gradient(135deg, var(--gold-soft), var(--gold));border-color:#0000;font-weight:600}.lang-switch{appearance:none;color:var(--gold-soft);cursor:pointer;background:#d9b26a14;border:1px solid #d9b26a66;border-radius:999px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:all .15s}.lang-switch:hover{background:#d9b26a2e}.site-main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:clamp(20px,5vw,56px)}.site-footer{text-align:center;color:var(--text-2);border-top:1px solid #d9b26a1a;padding:20px;font-size:.82rem}.footer-links{margin-top:8px}.share-btn{color:var(--gold-soft);background:0 0;border:1px solid #d9b26a80;margin-top:14px;padding:9px 22px;font-size:.88rem}.share-btn:hover{box-shadow:none;background:#d9b26a1f}.footer-links a{color:var(--text-2);text-decoration:underline}.page-title{color:var(--gold-soft);margin-bottom:6px;font-size:1.8rem}.page-subtitle{color:var(--text-2);margin-bottom:28px;line-height:1.6}.card{border-radius:var(--radius);background:linear-gradient(#ffffff0a,#ffffff03);border:1px solid #d9b26a2e;margin-bottom:20px;padding:24px;box-shadow:0 8px 30px #00000040}.form-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:18px;display:grid}.conclusion-card{background:linear-gradient(#d9b26a17,#ffffff03);border-color:#d9b26a66}.conclusion-theme{color:var(--gold-soft);margin:4px 0 12px;font-size:1.3rem;font-weight:700}.iching-jump-nav{z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f0c16e6;border-bottom:1px solid #d9b26a2e;gap:8px;margin-bottom:16px;padding:10px 4px;display:flex;position:sticky;top:0;overflow-x:auto}.iching-jump-nav a{color:var(--text-1);white-space:nowrap;background:#ffffff0f;border-radius:999px;flex:none;padding:6px 14px;font-size:.85rem;text-decoration:none}.iching-jump-nav a:hover{color:var(--gold-soft);background:#d9b26a2e}.line-detail-collapsed{opacity:.75;margin:4px 0}.field label{color:var(--text-2);margin-bottom:6px;font-size:.82rem;display:block}.field input,.field select{width:100%;color:var(--text-0);background:#ffffff0a;border:1px solid #ffffff24;border-radius:8px;padding:10px 12px;font-size:.95rem}.field input:focus,.field select:focus{border-color:var(--gold);outline:none}.field-hint{color:var(--text-2);margin-top:6px;font-size:.78rem}.field-static-value{width:100%;color:var(--text-0);background:#ffffff0a;border:1px solid #ffffff24;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:10px 12px;font-size:.95rem;display:flex}.link-btn{color:var(--gold);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;text-decoration:underline}.city-picker-dropdown{background:var(--bg-2);z-index:30;border:1px solid #d9b26a59;border-radius:8px;width:100%;max-height:220px;padding:6px;font-size:.85rem;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 8px 24px #0006}.city-picker-option{cursor:pointer;border-radius:6px;padding:8px 6px}.city-picker-option:hover{background:#d9b26a1f}.btn{appearance:none;cursor:pointer;background:linear-gradient(135deg, var(--gold-soft), var(--gold));color:#241c05;border:none;border-radius:999px;padding:11px 26px;font-size:.95rem;font-weight:600;transition:transform .12s,box-shadow .12s}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #d9b26a59}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{appearance:none;cursor:pointer;color:var(--text-0);background:#ffffff14;border:none;border-radius:999px;padding:11px 26px;font-size:.95rem;font-weight:600;transition:transform .12s,box-shadow .12s}.btn-secondary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00000040}.btn-secondary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-row{flex-wrap:wrap;gap:12px;display:flex}.error-box{color:var(--danger);background:#e08a8a1a;border:1px solid #e08a8a4d;border-radius:10px;margin-bottom:16px;padding:12px 16px}.disclaimer{color:var(--text-2);margin-top:18px;font-size:.8rem;line-height:1.6}.section-heading{color:var(--gold-soft);letter-spacing:.02em;margin:0 0 10px;font-size:1rem}.faq-item{border-bottom:1px solid var(--border,#ffffff14);padding:10px 0}.faq-item:last-child{border-bottom:none}.faq-item summary{cursor:pointer;font-weight:600}.faq-item p{margin:8px 0 0}.pillars-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:8px;display:grid}.pillar-box{text-align:center;background:#7d5fff14;border:1px solid #7d5fff40;border-radius:10px;padding:16px 8px}.pillar-box .pillar-name{color:var(--text-2);margin-bottom:6px;font-size:.78rem}.pillar-box .pillar-value{color:var(--gold-soft);letter-spacing:.06em;font-size:1.5rem;font-weight:700}.term{cursor:help;border-bottom:1px dotted var(--gold-soft);display:inline-block;position:relative}.term-popover{background:var(--bg-2);width:max-content;max-width:260px;color:var(--text-1);z-index:20;white-space:normal;border:1px solid #d9b26a59;border-radius:8px;padding:10px 12px;font-size:.8rem;font-weight:400;line-height:1.5;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.shensha-tag{border:1px solid #ffffff24;border-radius:999px;padding:4px 12px;font-size:.82rem}.shensha-tag.auspicious{color:var(--gold-soft);background:#d9b26a26;border-color:#d9b26a66}.shensha-tag.inauspicious{color:var(--danger);background:#e08a8a1f;border-color:#e08a8a59}.shensha-tag.neutral{background:#ffffff0f;border-color:#ffffff24}.element-tags{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.element-tag{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:4px 12px;font-size:.82rem}.fortune-ring{background:conic-gradient(var(--ring-color) calc(var(--pct) * 1%), #ffffff1a 0);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:12px auto;display:flex}.fortune-ring-inner{background:var(--bg-1);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:98px;height:98px;display:flex}.fortune-ring-score{color:var(--text-0);font-size:1.8rem;font-weight:700}.fortune-ring-stars{letter-spacing:.05em;margin-top:2px;font-size:.85rem}.view-tabs{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px;margin:12px 0;display:grid}.calendar-day{aspect-ratio:1;color:#fff;background:var(--day-color,#ffffff14);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;font-size:.72rem;font-weight:600;display:flex}.year-trend{align-items:flex-end;gap:8px;height:160px;margin:24px 0 12px;display:flex}.year-trend-bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.year-trend-bar{border-radius:4px 4px 0 0;width:100%}.year-trend-label{color:var(--text-2);margin-top:6px;font-size:.68rem}.leaderboard-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.relationship-dimension-block{border-bottom:1px solid #ffffff0f;padding:10px 0}.relationship-dimension-block:last-child{border-bottom:none}.history-entry-block{border-bottom:1px solid #ffffff0f}.history-entry-block .leaderboard-row{border-bottom:none}.history-entry-detail{padding:4px 0 16px}.history-note-textarea{resize:vertical;width:100%;min-height:60px;color:var(--text-0);background:#ffffff0a;border:1px solid #d9b26a2e;border-radius:10px;margin-bottom:6px;padding:10px;font-family:inherit;font-size:.9rem}.btn-icon-remove{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:2px 6px;font-size:1.1rem;line-height:1}.btn-icon-remove:hover{color:var(--text-0);background:#ffffff14}.score-row{align-items:center;gap:10px;margin:10px 0;display:flex}.score-label{width:64px;color:var(--text-2);flex-shrink:0;font-size:.85rem}.score-dots{gap:4px;display:flex}.score-dot{background:#ffffff24;border-radius:50%;width:10px;height:10px}.score-dot.filled{background:linear-gradient(135deg, var(--gold-soft), var(--gold))}.score-text{color:var(--text-1);margin:4px 0 14px;font-size:.9rem;line-height:1.6}.tab-row{gap:10px;margin-bottom:20px;display:flex}.tab-btn{color:var(--text-1);cursor:pointer;text-align:center;background:#ffffff08;border:1px solid #ffffff1f;border-radius:10px;flex:1;padding:12px;font-size:.92rem}.tab-btn.active{border-color:var(--gold);color:var(--gold-soft);background:#d9b26a14}.hexagram-lines{flex-direction:column-reverse;gap:8px;width:160px;margin:6px auto 18px;display:flex}.hexagram-line{gap:12px;height:12px;display:flex}.hexagram-line .bar{background:var(--gold-soft);border-radius:3px;flex:1}.hexagram-line.yin .bar{flex:none;width:44%}.hexagram-line.changing .bar{background:var(--accent);box-shadow:0 0 8px #7d5fffb3}.hexagram-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin:16px 0;display:grid}.hexagram-grid-item{text-align:center;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;padding:12px;transition:border-color .2s}.hexagram-grid-item:hover{border-color:var(--gold)}.hexagram-grid-number{color:var(--text-2);font-size:.7rem}.hexagram-grid-name{color:var(--text-0);margin:4px 0;font-weight:600}.classical-text{color:var(--gold-soft);border-left:3px solid var(--gold);background:#d9b26a0f;border-radius:4px;margin:8px 0;padding:10px 14px;font-family:Noto Serif SC,Songti SC,serif;line-height:1.9}.line-detail-row{border-bottom:1px solid #ffffff0f;padding:10px 0}.line-detail-row.changing{background:#7d5fff0f}.quiz-options{grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0;display:grid}.quiz-option-btn{color:var(--text-0);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;padding:14px;font-size:1rem}.quiz-option-btn:hover{border-color:var(--gold)}.tarot-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.tarot-card{background:linear-gradient(160deg,#7d5fff1f,#ffffff05);border:1px solid #7d5fff40;border-radius:12px;padding:18px}.tarot-card .position{color:var(--text-2);margin-bottom:6px;font-size:.75rem}.tarot-card-art{border:1px solid #d9b26a59;border-radius:8px;width:100%;max-width:180px;margin:0 auto 10px;transition:transform .3s;display:block}.tarot-card .name{color:var(--gold-soft);margin-bottom:4px;font-size:1.05rem;font-weight:700}.tarot-card .orientation{background:#ffffff14;border-radius:999px;margin-bottom:10px;padding:2px 8px;font-size:.72rem;display:inline-block}.tarot-card .orientation.reversed{color:var(--danger);background:#e08a8a2e}.numerology-grid{grid-template-columns:repeat(3,1fr);gap:8px;max-width:320px;margin:16px auto;display:grid}.numerology-cell{aspect-ratio:1;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;display:flex}.numerology-cell.filled{background:#7d5fff24;border-color:#7d5fff59}.numerology-cell .digit{color:var(--gold-soft);font-size:1.3rem;font-weight:700}.numerology-cell .digit-count{color:var(--text-2);margin-top:2px;font-size:.7rem}.home-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:24px;display:grid}.home-card{border-radius:var(--radius);color:var(--text-0);background:linear-gradient(#ffffff0a,#ffffff03);border:1px solid #d9b26a2e;padding:26px 22px;text-decoration:none;transition:transform .15s,border-color .15s;display:block}.home-card:hover{border-color:var(--gold);transform:translateY(-3px)}.home-card .icon{margin-bottom:10px;font-size:1.8rem;display:block}.home-card h3{color:var(--gold-soft);margin:0 0 8px}.home-card p{color:var(--text-2);margin:0;font-size:.88rem;line-height:1.6}.loading-text{color:var(--text-2);padding:20px 0}.compare-table-wrap{margin-top:16px;overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;font-size:.88rem}.compare-table th,.compare-table td{text-align:left;vertical-align:top;border-bottom:1px solid #d9b26a24;padding:12px 14px}.compare-table th{color:var(--gold-soft);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:.78rem}.compare-table td:first-child{color:var(--text-0);white-space:nowrap;font-weight:600}.compare-table td{color:var(--text-2);line-height:1.55}.compare-table tr:last-child td{border-bottom:none}.compare-free-all{color:var(--gold-soft)}.demo-preview{border-radius:var(--radius);background:#7d5fff14;border:1px solid #7d5fff40;margin-top:16px;padding:20px}.demo-preview-label{text-transform:uppercase;letter-spacing:.06em;color:var(--gold-soft);border:1px solid #d9b26a59;border-radius:999px;margin-bottom:12px;padding:3px 10px;font-size:.72rem;display:inline-block}.demo-preview h4{color:var(--text-0);margin:0 0 8px}.demo-preview p{color:var(--text-1);margin:0 0 8px;line-height:1.7}.demo-preview p:last-of-type{margin-bottom:0}.timeline-profiles{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 4px;display:flex}.timeline-profile-chip{color:var(--text-1);background:#d9b26a1a;border:1px solid #d9b26a40;border-radius:999px;padding:4px 12px;font-size:.78rem}.timeline-list{margin:16px 0 0;padding:0;list-style:none}.timeline-item{border-bottom:1px solid #d9b26a1f;gap:12px;padding:12px 0;display:flex}.timeline-item:last-child{border-bottom:none;padding-bottom:0}.timeline-icon{flex-shrink:0;font-size:1.3rem;line-height:1.4}.timeline-item-body{flex:1;min-width:0}.timeline-item-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.timeline-module-title{color:var(--gold-soft);font-weight:600;text-decoration:none}.timeline-module-title:hover{text-decoration:underline}.timeline-time{color:var(--text-2);white-space:nowrap;font-size:.76rem}.timeline-summary{color:var(--text-1);margin:4px 0 0;font-size:.88rem;line-height:1.5}.result-question{color:var(--text-1);margin-bottom:16px;font-style:italic}.ziwei-wheel-scroll{overflow-x:auto}.ziwei-wheel{grid-template-rows:repeat(4,auto);grid-template-columns:repeat(4,minmax(110px,1fr));gap:6px;min-width:560px;margin-bottom:8px;display:grid}.ziwei-cell{cursor:pointer;background:#7d5fff0f;border:1px solid #d9b26a33;border-radius:10px;flex-direction:column;min-height:128px;padding:8px;transition:background .15s,border-color .15s;display:flex}.ziwei-cell:hover{background:#7d5fff24}.ziwei-cell.life-palace{background:#d9b26a1f;border-color:#d9b26ab3}.ziwei-cell.body-palace{box-shadow:inset 0 0 0 1px #8bc3d680}.ziwei-cell.selected{border-color:var(--gold-soft);background:#d9b26a33}.ziwei-cell-header{color:var(--text-2);justify-content:space-between;margin-bottom:4px;font-size:.72rem;display:flex}.ziwei-cell-palace-name{color:var(--gold-soft);margin-bottom:4px;font-size:.82rem;font-weight:700}.ziwei-cell-stars{color:var(--text-1);flex-grow:1;font-size:.72rem;line-height:1.5}.ziwei-cell-major{color:var(--text-0);font-weight:700}.ziwei-cell-tag{color:var(--gold-soft);background:#d9b26a40;border-radius:999px;margin-left:4px;padding:1px 5px;font-size:.62rem;display:inline-block}.ziwei-center{color:var(--text-1);text-align:center;background:#00000026;border:1px solid #d9b26a4d;border-radius:10px;flex-direction:column;grid-area:2/2/span 2/span 2;justify-content:center;gap:4px;padding:10px;font-size:.75rem;display:flex}.ziwei-center strong{color:var(--gold-soft)}@media (width<=640px){.ziwei-wheel{grid-template-columns:repeat(4,minmax(92px,1fr))}.ziwei-cell{min-height:110px;padding:6px}}.dist-row{grid-template-columns:90px 1fr 32px;align-items:center;gap:10px;margin-bottom:8px;font-size:.82rem;display:grid}.dist-track{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.dist-fill{background:linear-gradient(90deg, #d9b26a80, var(--gold-soft));border-radius:999px;height:100%}@keyframes dice-roll{0%{transform:rotate(0)scale(1)}20%{transform:rotate(-14deg)scale(1.06)}40%{transform:rotate(11deg)scale(.95)}60%{transform:rotate(-7deg)scale(1.05)}80%{transform:rotate(4deg)scale(.98)}to{transform:rotate(0)scale(1)}}.dice-roll-box{animation:.5s both dice-roll}@keyframes card-flip-in{0%{opacity:0;transform:perspective(600px)rotateY(90deg)scale(.85)}60%{opacity:1;transform:perspective(600px)rotateY(-8deg)scale(1.02)}to{opacity:1;transform:perspective(600px)rotateY(0)scale(1)}}.card-flip-in{animation:.5s both card-flip-in}@keyframes chart-fade-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.chart-fade-in{animation:.45s both chart-fade-in}@media (prefers-reduced-motion:reduce){.dice-roll-box,.card-flip-in,.chart-fade-in{animation:none}}