@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&family=ZCOOL+XiaoWei&display=swap";.changhe-matrix-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0a10f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.changhe-matrix-overlay.visible{opacity:1;pointer-events:auto}.changhe-matrix-container{width:95vw;height:90vh;background:#1a1a24;border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;flex-direction:column;box-shadow:0 25px 80px #000c;overflow:hidden}.matrix-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08)}.matrix-title{font-size:1.4rem;color:#fff;margin:0 0 4px;font-weight:600}.matrix-subtitle{font-size:.85rem;color:#94a3b8;margin:0}.matrix-actions{display:flex;align-items:center;gap:24px}.legend{display:flex;gap:16px;font-size:.85rem;color:#cbd5e1}.legend-item{display:flex;align-items:center;gap:6px}.legend-box{width:12px;height:12px;border-radius:2px}.legend-box.highlight-tian{background:#3b82f633;border:1px solid #3b82f6}.legend-box.highlight-di{background:#f59e0b33;border:1px solid #f59e0b}.legend-box.highlight-cross{background:#d4af37;border:1px solid #fbbf24}.matrix-close-btn{background:#ffffff1a;border:none;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.9rem}.matrix-close-btn:hover{background:#fff3;transform:scale(1.05)}.matrix-scroll-area{flex:1;overflow:auto;padding:16px;position:relative;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.matrix-scroll-area::-webkit-scrollbar{width:8px;height:8px}.matrix-scroll-area::-webkit-scrollbar-track{background:transparent}.matrix-scroll-area::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:4px}.matrix-table-wrapper{min-width:1200px}.changhe-table{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--font-number);color:#e2e8f0}.changhe-table thead th{position:sticky;top:0;background:#1e1e28;z-index:10;border-bottom:2px solid #334155;padding:12px}.changhe-table th,.changhe-table td{border:1px solid rgba(255,255,255,.05);text-align:center;transition:background .2s}.corner-th{background:#1a1a24!important;border:none!important;vertical-align:bottom;text-align:right}.corner-content{display:flex;justify-content:space-between;padding:0 8px 8px;font-size:.8rem;color:#64748b;border-bottom:2px solid #334155}.diyin-header-content{display:flex;flex-direction:column;gap:4px}.diyin-index{font-size:.75rem;color:#94a3b8}.diyin-zhi{font-size:1.2rem;font-weight:600;color:#fff}.diyin-props{font-size:.75rem;color:#f59e0b}.th-highlight{background:#f59e0b26!important;border-bottom-color:#f59e0b!important}.group-name-td{padding:12px;background:#ffffff05;width:120px}.group-name-content{display:flex;flex-direction:column;gap:4px;align-items:center}.gn-title{font-size:1.1rem;font-weight:700;color:#bfdbfe}.gn-props{font-size:.75rem;color:#64748b}.group-stem-td{width:50px;color:#d4af37;font-weight:600;background:#ffffff05}.tone-td{width:60px;color:#94a3b8;font-size:.9rem;padding:8px 0;background:#ffffff03}.char-td{width:60px;height:48px;font-size:1.3rem;font-weight:500}.empty-char{color:#ffffff1a;font-size:.9rem}.char-td.speakable:hover{background:#ffffff1a!important;cursor:pointer;transform:scale(1.1);z-index:2;position:relative;box-shadow:0 4px 12px #00000080}.char-td.empty-char{cursor:default}.char-td.speakable{position:relative}.char-td.speakable:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:#d4af3766;transition:all .2s}.char-td.speakable:hover:after{background:#d4af37;width:6px;height:6px;box-shadow:0 0 6px #d4af3799}.char-td.speaking{background:#d4af3740!important;color:#fbbf24!important;font-weight:700;animation:speak-pulse .6s ease-in-out infinite alternate;box-shadow:0 0 20px #fbbf244d;z-index:3;position:relative}@keyframes speak-pulse{0%{background:#d4af3726}to{background:#d4af3759}}.speak-indicator{position:absolute;top:2px;right:2px;font-size:.6rem;line-height:1;opacity:.8}.tr-highlight td{background:#3b82f614}.tr-highlight .group-name-td{background:#3b82f626;border-left:3px solid #3b82f6}.td-highlight-di{background:#f59e0b14}.td-highlight-cross{background:#d4af374d!important;color:#fff;font-weight:700;border:1px solid #fbbf24;box-shadow:0 0 15px #fbbf2433}.group-spacer td{height:12px;border:none!important}@media (max-width: 768px){.matrix-actions{flex-direction:column;gap:12px;align-items:flex-end}.legend{flex-wrap:wrap;justify-content:flex-end}.matrix-header{flex-direction:column;align-items:flex-start;gap:16px}.matrix-title{font-size:1.1rem}}.date-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.date-detail-modal{position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:16px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out;scrollbar-width:none;-ms-overflow-style:none}.date-detail-modal::-webkit-scrollbar{display:none}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.close-btn{position:sticky;top:0;float:right;margin:12px 12px 0 0;width:36px;height:36px;min-width:44px;min-height:44px;border:none;background:#ffffff26;color:#fff;font-size:24px;border-radius:50%;cursor:pointer;transition:all .2s;z-index:10;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.close-btn:hover{background:#ffffff40;transform:scale(1.1)}.close-btn:active{background:#ffffff59;transform:scale(.95)}.modal-header{padding:24px 24px 16px;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.modal-header h2{margin:0 0 12px;font-size:1.5rem;color:#fff}.date-summary{display:flex;gap:16px;flex-wrap:wrap}.date-summary .gregorian{color:#94a3b8;font-size:1rem}.date-summary .lunar{color:#fbbf24;font-size:1rem}.modal-content{padding:16px 24px 24px}.section{margin-bottom:24px}.section h3{margin:0 0 12px;font-size:1.1rem;color:#e2e8f0;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.bazi-comparison{display:flex;flex-direction:column;gap:16px}.bazi-version{background:#ffffff0d;border-radius:12px;padding:16px}.bazi-version h4{margin:0 0 12px;font-size:.9rem;color:#94a3b8}.bazi-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.bazi-pillar-card{background:#0000004d;border-radius:8px;padding:12px;text-align:center}.pillar-label{font-size:.75rem;color:#64748b;margin-bottom:8px}.pillar-ganzhi{font-size:1.5rem;font-weight:700;margin-bottom:4px}.pillar-ganzhi .gan,.pillar-ganzhi .zhi{display:inline-block}.pillar-wuxing{font-size:.85rem;margin-bottom:4px}.pillar-nayin{font-size:.75rem;color:#a78bfa}.bazi-simple{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bazi-simple span{background:#0003;padding:8px;border-radius:6px;text-align:center;font-size:.9rem}.bazi-simple .match{color:#22c55e;border:1px solid rgba(34,197,94,.3)}.bazi-simple .mismatch{color:#ef4444;border:1px solid rgba(239,68,68,.3)}.huangji-version{border:1px solid rgba(251,191,36,.3)}.huangji-version h4{color:#fbbf24}.hexagram-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hexagram-item{background:#ffffff0d;border-radius:8px;padding:12px;text-align:center;display:flex;flex-direction:column;gap:4px}.hexagram-label{font-size:.75rem;color:#64748b}.hexagram-symbol{font-size:2rem;color:#fbbf24}.hexagram-name{font-size:.9rem;color:#e2e8f0}.hexagram-chain{display:flex;align-items:flex-start;justify-content:center;gap:0;overflow-x:auto;padding:8px 0}.hexagram-chain-node{display:flex;flex-direction:column;align-items:center;min-width:72px;gap:2px;position:relative}.chain-level{font-size:.7rem;color:#64748b;white-space:nowrap}.chain-symbol{font-size:1.8rem;color:#fbbf24;line-height:1}.chain-name{font-size:.85rem;color:#e2e8f0;font-weight:600}.chain-note{font-size:.6rem;color:#94a3b8;text-align:center;max-width:80px;line-height:1.2}.chain-footnote{font-style:italic;font-size:.55rem;color:#64748b;margin-top:2px}.chain-arrow{font-size:1rem;color:#475569;margin:0 -6px;align-self:center}@media (min-width: 601px){.hexagram-chain{flex-direction:row}.chain-arrow{transform:rotate(-90deg)}}@media (max-width: 600px){.hexagram-chain{flex-direction:column;align-items:center}}.lvlv-header-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:8px}.lvlv-section h3{display:flex;align-items:baseline;gap:8px;margin-bottom:0}.lvlv-play-all-btn{background:linear-gradient(135deg,#d4af3733,#d4af371a);border:1px solid rgba(212,175,55,.3);color:#d4af37;padding:4px 12px;border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:4px}.lvlv-play-all-btn:hover{background:#d4af3740;box-shadow:0 0 10px #d4af3733;transform:translateY(-1px)}.lvlv-play-all-btn.playing{background:#ef444433;border-color:#ef444466;color:#ef4444;animation:pulseButton 1.5s infinite}@keyframes pulseButton{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.section-subtitle{font-size:.7rem;color:#64748b;font-weight:400}.lvlv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.lvlv-item{background:#ffffff0d;border-radius:8px;padding:12px;text-align:center;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}.lvlv-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.lvlv-play-single{background:none;border:none;color:#ffffff4d;font-size:1rem;cursor:pointer;padding:0 4px;border-radius:4px;transition:all .2s}.lvlv-item:hover .lvlv-play-single{color:#fff9}.lvlv-play-single:hover{color:#fff!important;background:#ffffff1a;transform:scale(1.1)}.lvlv-item.is-playing .lvlv-play-single{color:#d4af37!important;animation:bounceNote .8s infinite alternate}@keyframes bounceNote{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.lvlv-item.is-playing:before{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;background:#d4af3766;border-radius:50%;transform:translate(-50%,-50%);animation:rippleEffect 2s cubic-bezier(.19,1,.22,1) infinite;z-index:0;pointer-events:none}.lvlv-item.lv-yin.is-playing:before{background:#a78bfa66}@keyframes rippleEffect{0%{width:10px;height:10px;opacity:1}to{width:200px;height:200px;opacity:0}}.lvlv-item>*:not(:before){position:relative;z-index:1}.lvlv-clickable{cursor:pointer;transition:all .25s ease;border:1px solid transparent}.lvlv-clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.lvlv-clickable.lv-yang{border-color:#d4af3733}.lvlv-clickable.lv-yang:hover{border-color:#d4af3780;background:#d4af3714}.lvlv-clickable.lv-yin{border-color:#a78bfa33}.lvlv-clickable.lv-yin:hover{border-color:#a78bfa80;background:#a78bfa14}.lvlv-clickable.lv-active{transform:translateY(-2px)}.lvlv-clickable.lv-active.lv-yang{border-color:#d4af37b3;background:#d4af371f;box-shadow:0 4px 16px #d4af3733}.lvlv-clickable.lv-active.lv-yin{border-color:#a78bfab3;background:#a78bfa1f;box-shadow:0 4px 16px #a78bfa33}.lvlv-label{font-size:.75rem;color:#64748b}.lvlv-name{font-size:1.2rem;font-weight:700}.lv-yang .lvlv-name{color:#d4af37}.lv-yin .lvlv-name{color:#a78bfa}.lv-pillar-year .lvlv-name{color:#ff6b6b}.lv-pillar-month .lvlv-name{color:#4ecdc4}.lv-pillar-day .lvlv-name{color:#ffe66d}.lv-pillar-hour .lvlv-name{color:#c792ea}.lv-pillar-year.lvlv-clickable{border-color:#ff6b6b33}.lv-pillar-month.lvlv-clickable{border-color:#4ecdc433}.lv-pillar-day.lvlv-clickable{border-color:#ffe66d33}.lv-pillar-hour.lvlv-clickable{border-color:#c792ea33}.lv-pillar-year.lvlv-clickable:hover{border-color:#ff6b6b80;background:#ff6b6b14}.lv-pillar-month.lvlv-clickable:hover{border-color:#4ecdc480;background:#4ecdc414}.lv-pillar-day.lvlv-clickable:hover{border-color:#ffe66d80;background:#ffe66d14}.lv-pillar-hour.lvlv-clickable:hover{border-color:#c792ea80;background:#c792ea14}.lv-pillar-year.lv-active{border-color:#ff6b6bb3;background:#ff6b6b1f;box-shadow:0 4px 16px #ff6b6b33}.lv-pillar-month.lv-active{border-color:#4ecdc4b3;background:#4ecdc41f;box-shadow:0 4px 16px #4ecdc433}.lv-pillar-day.lv-active{border-color:#ffe66db3;background:#ffe66d1f;box-shadow:0 4px 16px #ffe66d33}.lv-pillar-hour.lv-active{border-color:#c792eab3;background:#c792ea1f;box-shadow:0 4px 16px #c792ea33}.lvlv-pinyin{font-size:.65rem;color:#94a3b8;font-style:italic}.lvlv-type-badge{font-size:.65rem;padding:1px 8px;border-radius:10px;display:inline-block;margin:2px auto 0;width:fit-content}.lvlv-type-badge.yang{background:#d4af3726;color:#d4af37}.lvlv-type-badge.yin{background:#a78bfa26;color:#a78bfa}.lvlv-type{font-size:.75rem;color:#94a3b8}.lvlv-detail-popup{margin-top:12px;background:#0f172af2;border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:16px;animation:fadeSlideIn .2s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lvlv-detail-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;position:relative}.lvlv-detail-badge{font-size:.7rem;padding:2px 8px;border-radius:4px;font-weight:600}.lvlv-detail-badge.yang{background:#d4af3733;color:#d4af37}.lvlv-detail-badge.yin{background:#a78bfa33;color:#a78bfa}.lvlv-detail-title{font-size:1.3rem;font-weight:700;color:#e2e8f0}.lvlv-detail-pinyin{font-size:.85rem;color:#94a3b8;font-style:italic}.lvlv-detail-pillar{font-size:.7rem;color:#64748b;margin-left:auto}.lvlv-detail-close{background:none;border:none;color:#64748b;cursor:pointer;font-size:1rem;padding:2px 6px;border-radius:4px;transition:all .15s}.lvlv-detail-close:hover{color:#e2e8f0;background:#ffffff1a}.lvlv-detail-desc{font-size:.9rem;color:#cbd5e1;margin:6px 0;line-height:1.5}.lvlv-detail-origin{font-size:.8rem;color:#94a3b8;border-left:3px solid rgba(212,175,55,.4);padding:8px 12px;margin:10px 0;background:#d4af370a;border-radius:0 6px 6px 0;font-style:italic;line-height:1.6}.lvlv-detail-relation{font-size:.8rem;color:#64748b;margin:6px 0 0;line-height:1.5}.lvlv-footer-note{font-size:.7rem;color:#475569;text-align:center;margin-top:12px;font-style:italic}.term-info{display:flex;align-items:center;gap:16px;background:#ffffff0d;border-radius:8px;padding:12px 16px}.term-name{font-size:1.2rem;color:#22c55e;font-weight:700}.term-day{color:#94a3b8;font-size:.9rem}.intercalary-hexagram{color:#fbbf24}.lunar-info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.lunar-item{background:#ffffff0d;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:4px}.lunar-item .label{font-size:.75rem;color:#64748b}.lunar-item .value{font-size:1rem;color:#e2e8f0}.changhe-section{position:relative;border-top:1px solid rgba(255,255,255,.05);padding-top:20px;margin-top:20px}.changhe-section h3{display:flex;align-items:baseline;gap:8px;margin-bottom:0}.changhe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:12px}.changhe-item{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}.changhe-item:hover{transform:translateY(-2px);background:#ffffff0d;box-shadow:0 8px 24px #0003;border-color:#fff3}.changhe-item.tian-sheng{border-left:3px solid #3b82f6}.changhe-item.di-yin{border-left:3px solid #f59e0b}.changhe-item.tian-sheng.changhe-active{border-color:#3b82f6;background:#3b82f626;box-shadow:0 0 15px #3b82f633}.changhe-item.di-yin.changhe-active{border-color:#f59e0b;background:#f59e0b26;box-shadow:0 0 15px #f59e0b33}.changhe-header{display:flex;justify-content:space-between;align-items:center}.changhe-label{font-size:.75rem;color:#ffffff80;background:#0000004d;padding:2px 8px;border-radius:12px;letter-spacing:.5px}.changhe-main{display:flex;align-items:center;gap:12px;margin:4px 0}.changhe-name{font-size:1.25rem;font-weight:600;color:#fff;font-family:var(--font-number);text-shadow:0 2px 4px rgba(0,0,0,.5)}.changhe-props{font-size:.85rem;color:#94a3b8;padding:2px 6px;border-radius:4px;background:#ffffff0d}.changhe-chars{display:flex;gap:6px;font-size:.85rem;color:#cbd5e1;margin-top:8px;flex-wrap:wrap}.char-tag{background:#0000004d;padding:3px 8px;border-radius:4px;color:#94a3b8;border:1px solid rgba(255,255,255,.05)}.changhe-item.tian-sheng .char-tag{background:#3b82f61a;color:#93c5fd;border-color:#3b82f633}.char-example{background:#f59e0b1a;color:#fcd34d;padding:3px 8px;border-radius:4px;border:1px solid rgba(245,158,11,.2)}.changhe-detail{top:auto;bottom:0;margin-top:16px;position:relative;background:linear-gradient(to bottom,#2a2a35,#1e1e24);border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 30px #00000080}.hexagram-chain-node{cursor:pointer;transition:all .2s ease;padding:8px 12px;border-radius:8px;border:1px solid transparent}.hexagram-chain-node:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.hexagram-chain-node.hex-active{background:#d4af371a;border-color:#d4af3766;box-shadow:0 4px 12px #d4af371a}.hexagram-detail-popup{margin-top:16px;padding:20px;background:#14141cf2;border:1px solid #d4af37;border-radius:12px;position:relative;animation:slideDown .3s ease-out;box-shadow:0 8px 24px #0006}.hexagram-detail-symbol{font-size:1.8rem;margin-left:12px;line-height:1;color:#d4af37}.hexagram-xiangci{color:#e2e8f0;font-size:1.05rem;line-height:1.6;margin:16px 0 12px}.hexagram-xiangci strong{color:#94a3b8;font-weight:400}.changhe-matrix-entrance{margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:8px}.btn-open-matrix{background:linear-gradient(135deg,#3b82f633,#2563eb66);border:1px solid rgba(59,130,246,.5);color:#bfdbfe;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #3b82f61a}.btn-open-matrix:hover{background:linear-gradient(135deg,#3b82f666,#2563eb99);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f633;color:#fff}.entrance-hint{font-size:.8rem;color:#fff6;margin:0}@media (max-width: 600px){.date-detail-modal{width:95%;max-height:95vh;border-radius:12px}.close-btn{position:sticky;top:0;margin:8px 8px -36px auto;width:44px;height:44px;font-size:28px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bazi-pillars,.hexagram-grid,.lvlv-grid,.bazi-simple{grid-template-columns:repeat(2,1fr)}.lunar-info,.changhe-grid{grid-template-columns:1fr}}.ai-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172abf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease}.ai-modal-container{background:#1e293bf2;border:1px solid rgba(212,175,55,.3);border-radius:16px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080,0 0 40px #d4af371a;animation:slideUp .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.ai-modal-header{padding:1.5rem;border-bottom:1px solid rgba(148,163,184,.1);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.ai-modal-title{margin:0;font-size:1.25rem;color:var(--color-primary);display:flex;align-items:center;gap:.5rem}.ai-modal-close{background:none;border:none;color:#94a3b8;font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1;transition:all .2s ease;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.ai-modal-close:hover{color:#ef4444;background:#ef44441a;transform:rotate(90deg)}.ai-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.ai-mode-switch{display:flex;gap:0;margin-bottom:1rem;border:1px solid rgba(148,163,184,.2);border-radius:8px;overflow:hidden}.ai-mode-btn{flex:1;padding:.5rem 1rem;background:transparent;border:none;color:#94a3b8;font-size:.9rem;cursor:pointer;transition:all .2s}.ai-mode-btn:first-child{border-right:1px solid rgba(148,163,184,.2)}.ai-mode-btn.active{background:#d4af3726;color:var(--color-primary);font-weight:500}.ai-mode-btn:hover:not(.active){background:#ffffff08;color:#cbd5e1}.ai-error-msg{background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.6rem 1rem;color:#f87171;font-size:.9rem;margin-bottom:1rem;text-align:center}.ai-modal-form{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:flex-end;flex-wrap:wrap}.ai-form-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:120px}.ai-form-group label{color:var(--color-text-dim);font-size:.9rem}.ai-form-input{background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:8px;padding:.75rem 1rem;color:var(--color-text);font-family:monospace;font-size:1rem;outline:none;transition:all .2s}.ai-form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #d4af3733}.ai-action-btn{background:#d4af3726;color:var(--color-primary);border:1px solid rgba(212,175,55,.4);padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;height:42px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.ai-action-btn:hover{background:#d4af3740;border-color:var(--color-primary);box-shadow:0 0 15px #d4af3733}.ai-result-panel{display:flex;flex-direction:column;gap:.5rem}.ai-result-header{display:flex;justify-content:space-between;align-items:center}.ai-result-title{color:var(--color-text);font-size:.95rem;font-weight:500}.ai-copy-btn{background:none;border:1px solid rgba(148,163,184,.3);color:var(--color-text-dim);padding:.25rem .75rem;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.ai-copy-btn:hover{color:var(--color-text);border-color:#94a3b899;background:#ffffff0d}.ai-copy-btn.copied{color:#10b981;border-color:#10b981;background:#10b9811a}.ai-result-textarea{width:100%;height:300px;background:#0f172a;border:1px solid rgba(148,163,184,.2);border-radius:8px;padding:1rem;color:#e2e8f0;font-family:inherit;font-size:.85rem;line-height:1.5;resize:vertical;outline:none}.ai-result-textarea:focus{border-color:#94a3b866}@media (max-width: 640px){.ai-modal-container{height:100%;max-height:100%;border-radius:0;border:none}.ai-modal-overlay{padding:0}.ai-result-textarea{flex:1;min-height:200px}.ai-modal-body{display:flex;flex-direction:column}.ai-result-panel{flex:1}}.algorithm-switch-container{display:flex;align-items:center;gap:8px;font-size:14px;color:#a0aec0}.algorithm-toggle-btn{background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:20px;padding:2px;cursor:pointer;width:90px;height:32px;position:relative;overflow:hidden;transition:all .3s ease;flex-shrink:0}.algorithm-toggle-btn:hover{border-color:#94a3b866}.algorithm-toggle-btn:before{content:"";position:absolute;top:2px;left:2px;width:43px;height:26px;background:#94a3b826;border-radius:13px;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1}.algorithm-toggle-btn:has(.switched):before{transform:translate(43px)}.algorithm-toggle-slider{display:flex;align-items:center;position:absolute;top:2px;left:2px;height:26px;width:86px}.algorithm-text{width:43px;text-align:center;font-weight:500;z-index:2;transition:color .3s ease;color:#94a3b8}.algorithm-toggle-btn:not(:has(.switched)) .algorithm-text.huangji{color:#e2e8f0}.algorithm-toggle-btn:has(.switched) .algorithm-text.zhubi{color:#e2e8f0}.ai-analysis-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 12px;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:16px;color:#d4af37e6;font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.ai-analysis-btn:hover{background:#d4af3733;border-color:#d4af3780;color:gold;box-shadow:0 0 8px #d4af3733}.ai-analysis-icon{font-size:14px}.calendar{width:100%;max-width:1400px;margin:0 auto}.calendar-header{text-align:center;margin-bottom:1.5rem;padding:2rem;background:linear-gradient(180deg,rgba(212,175,55,.1) 0%,transparent 100%);border-radius:1rem;border:1px solid var(--color-border)}.calendar-header-top{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;margin-bottom:1rem}.calendar-title{font-family:var(--font-display);font-size:3rem;font-weight:400;color:var(--color-primary);letter-spacing:.5rem;margin-bottom:0;text-shadow:0 0 40px rgba(212,175,55,.3)}@media (max-width: 480px){.calendar-header{padding:1.5rem 1rem}.calendar-title{font-size:2rem}}.calendar-position{font-size:1.25rem;color:var(--color-text);margin-bottom:.5rem}.calendar-cycle{font-size:.9rem;color:var(--color-text-dim)}.current-date-info{background:#d4af3714;border:1px solid rgba(212,175,55,.2);border-radius:.75rem;padding:.75rem 1.5rem;margin-bottom:1.5rem;text-align:center;color:var(--color-text);font-size:.95rem;display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap}.today-label{background:#dc143c;color:#fff;padding:.2rem .6rem;border-radius:.3rem;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #dc143c4d}.hour-ganzhi{color:var(--color-secondary);font-weight:600}.bazi-pillars{display:flex;gap:.5rem;margin-left:.5rem;padding-left:.75rem;border-left:1px solid rgba(212,175,55,.3)}.bazi-pillar{color:var(--color-secondary);font-weight:600;font-family:monospace}.daily-lvlv-play-btn{background:none;border:none;color:#64748b;font-size:.8rem;cursor:pointer;padding:0 4px;margin-left:4px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.daily-lvlv-play-btn:hover{color:#d4af37;transform:scale(1.1)}.daily-lvlv-play-btn.playing{color:#ef4444;animation:lvlvBounce .8s infinite alternate}@keyframes lvlvBounce{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.xiali-year{color:var(--color-text-dim);font-size:.85rem;margin-left:.25rem}.month-hexagram{color:#8b4513;font-size:.85rem;padding:.1rem .4rem;background:#8b45131a;border-radius:.2rem;margin-left:.25rem;cursor:help}.month-title .month-hexagram{font-size:.7rem;padding:.05rem .25rem;margin-left:.35rem;color:peru;background:#cd853f26;border:1px solid rgba(205,133,63,.3)}.current-date-info .month-hexagram{font-size:.85rem;color:#daa520;background:#daa52026;border:1px solid rgba(218,165,32,.3)}.shi-hexagram{color:#4169e1;font-size:.85rem;padding:.1rem .4rem;background:#4169e11a;border-radius:.2rem;margin-left:.25rem;cursor:help}.current-date-info .shi-hexagram{font-size:.85rem;color:#6495ed;background:#6495ed26;border:1px solid rgba(100,149,237,.3)}.sui-hexagram{color:#9932cc;font-size:.85rem;padding:.1rem .4rem;background:#9932cc1a;border-radius:.2rem;margin-left:.25rem;cursor:help}.current-date-info .sui-hexagram{font-size:.85rem;color:#ba55d3;background:#ba55d326;border:1px solid rgba(186,85,211,.3)}.ri-hexagram{color:peru;font-size:.85rem;padding:.1rem .4rem;background:#cd853f1a;border-radius:.2rem;margin-left:.25rem;cursor:help}.current-date-info .ri-hexagram{font-size:.85rem;color:#d2691e;background:#d2691e26;border:1px solid rgba(210,105,30,.3)}.shichen-hexagram{color:#20b2aa;font-size:.85rem;padding:.1rem .4rem;background:#20b2aa1a;border-radius:.2rem;margin-left:.25rem;cursor:help}.current-date-info .shichen-hexagram{font-size:.85rem;color:#3cb371;background:#3cb37126;border:1px solid rgba(60,179,113,.3)}.lvlv-pillars{display:flex;gap:.4rem;margin-left:.5rem;padding-left:.75rem;border-left:1px solid rgba(212,175,55,.3);align-items:center}.lvlv-label{color:var(--color-text-dim);font-size:.8rem}.lvlv-pillar{color:#ff6b6b;font-size:.85rem;padding:.1rem .35rem;background:#ff6b6b1a;border-radius:.2rem;cursor:help;font-weight:500}.lvlv-pillar.year-lv{color:#ff6b6b;background:#ff6b6b1f;border:1px solid rgba(255,107,107,.25)}.lvlv-pillar.month-lv{color:#4ecdc4;background:#4ecdc41f;border:1px solid rgba(78,205,196,.25)}.lvlv-pillar.day-lv{color:#ffe66d;background:#ffe66d1f;border:1px solid rgba(255,230,109,.25)}.lvlv-pillar.hour-lv{color:#c792ea;background:#c792ea1f;border:1px solid rgba(199,146,234,.25)}.xiali-ref{margin-left:.5rem}.zoom-selector{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem;background:var(--color-bg-card);border-radius:.75rem;border:1px solid var(--color-border)}.zoom-btn{font-family:var(--font-serif);font-size:.9rem;padding:.5rem 1.25rem;background:transparent;color:var(--color-text-dim);border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.zoom-btn:hover{color:var(--color-text);background:var(--color-bg-hover)}.zoom-btn.active{color:var(--color-primary);background:#d4af3726;border-color:var(--color-primary)}.calendar-nav{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.nav-btn{font-family:var(--font-serif);font-size:.95rem;padding:.65rem 1.25rem;background:var(--color-bg-card);color:var(--color-text);border:1px solid var(--color-border);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.nav-btn:hover{background:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.zoom-out-btn{background:#d4af371a;border-color:var(--color-primary-dim)}.jump-form{display:flex;gap:.5rem}.jump-input{font-family:var(--font-serif);font-size:1rem;padding:.75rem 1rem;width:140px;background:var(--color-bg-card);color:var(--color-text);border:1px solid var(--color-border);border-radius:.5rem;outline:none}.jump-input:focus{border-color:var(--color-primary)}.jump-input::placeholder{color:var(--color-text-dim)}.jump-btn{font-family:var(--font-serif);font-size:1rem;padding:.75rem 1rem;background:var(--color-primary-dim);color:var(--color-bg);border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.jump-btn:hover{background:var(--color-primary)}.zoom-grid{display:grid;gap:1rem}.zoom-grid-yuan,.zoom-grid-yun{grid-template-columns:repeat(4,1fr)}.zoom-grid-hui,.zoom-grid-shi{grid-template-columns:repeat(6,1fr)}.zoom-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.zoom-card:hover{border-color:var(--color-primary);box-shadow:0 4px 24px #d4af3726;transform:translateY(-2px)}.zoom-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.zoom-card-title{font-size:1.1rem;font-weight:600;color:var(--color-secondary);display:flex;align-items:baseline;gap:.5rem;flex:1}.zoom-card-pinyin{font-size:.75rem;color:var(--color-text-dim);font-weight:400}.zoom-card-index{font-size:.75rem;color:var(--color-text-dim);background:var(--color-bg);padding:.2rem .5rem;border-radius:.25rem}.zoom-card-info{margin-bottom:.75rem}.zoom-card-years{font-size:.9rem;color:var(--color-text);margin-bottom:.25rem}.zoom-card-event{font-size:.8rem;color:var(--color-primary);margin-top:.25rem;font-weight:500}.zoom-card-range{font-size:.75rem;color:var(--color-text-dim)}.zoom-card-branch{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:#d4af371a;border-radius:50%}.branch-symbol{font-size:1rem;color:var(--color-primary);font-weight:600}.zoom-card-terms{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}.term-tag{font-size:.65rem;color:var(--color-primary);background:#d4af3726;padding:.15rem .4rem;border-radius:.2rem}.zoom-card-hint{font-size:.7rem;color:var(--color-text-dim);text-align:right;margin-top:.5rem;opacity:0;transition:opacity .2s ease}.zoom-card:hover .zoom-card-hint{opacity:1}.zoom-card-hexagram{position:absolute;bottom:.5rem;right:.5rem;display:flex;align-items:center;justify-content:flex-end;gap:.25rem;font-size:.85rem;color:peru;opacity:.9}.zoom-card-hexagram .hexagram-symbol{font-size:1.1rem}.zoom-card-hexagram .hexagram-name{font-size:.75rem;color:var(--color-text-dim)}.zoom-card-hexagram .hexagram-source{display:flex;align-items:center;gap:.25rem;font-size:.7rem;background:#0000004d;padding:.2rem .4rem;border-radius:4px}.zoom-card-hexagram .master-hexagram{color:#8b7355;opacity:.85}.zoom-card-hexagram .hexagram-arrow{color:#666;font-size:.65rem;margin:0 .1rem}.zoom-card-hexagram .yun-hexagram{color:peru;font-weight:500}.special-date-badge{font-size:.6rem;padding:.1rem .25rem;border-radius:.15rem;line-height:1.1;text-align:center;margin-top:auto;margin-bottom:.2rem;max-width:95%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:2}.zoom-card-term{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.zoom-term-name{font-size:.85rem;font-weight:500}.zoom-term-start{font-size:.6rem;color:var(--color-text-dim);background:var(--color-bg-hover);padding:.1rem .3rem;border-radius:.2rem}.zoom-term-special{font-size:.65rem;color:#fff;background:linear-gradient(135deg,#7b68ee,#483d8b);padding:.1rem .4rem;border-radius:.2rem}.zoom-card.special-yun{border-width:2px}.special-yun-badge{font-size:.65rem;padding:.1rem .4rem;border-radius:.2rem;margin-left:auto}.months-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.month-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem;transition:all .3s ease}.month-card:hover{border-color:var(--color-primary-dim);box-shadow:0 4px 20px #d4af371a}.month-card.current-month{border-color:#dc143c;background:linear-gradient(180deg,rgba(220,20,60,.05) 0%,transparent 100%);box-shadow:0 0 15px #dc143c1a}.today-badge-small{font-size:.65rem;color:#dc143c;background:#dc143c1a;padding:.1rem .4rem;border-radius:.2rem;margin-left:.5rem;border:1px solid rgba(220,20,60,.3)}.today-badge{font-size:.65rem;color:#fff;background:linear-gradient(135deg,#dc143c,#b22222);padding:.1rem .4rem;border-radius:.2rem;margin-left:auto;border:1px solid rgba(220,20,60,.6);font-weight:600;box-shadow:0 1px 3px #dc143c4d}.nian-cell.current-year{justify-content:space-evenly;background:#dc143c26;border:1px solid #DC143C;box-shadow:0 0 8px #dc143c33;z-index:1}.nian-cell.current-year .day-number{display:block;font-size:.7rem;opacity:.8}.nian-cell .today-badge{font-size:.7rem;font-weight:600;color:#dc143c;background:none;border:none;box-shadow:none;padding:0;margin-left:0;white-space:nowrap;line-height:1;display:flex;align-items:center;gap:2px}.yun-cell.current-yun{border:2px solid #DC143C!important;background:linear-gradient(135deg,#dc143c26,#dc143c0d)!important;box-shadow:0 0 12px #dc143c4d;position:relative}.current-yun-badge{position:absolute;bottom:2px;right:2px;font-size:.55rem;color:#fff;background:linear-gradient(135deg,#dc143c,#b22222);padding:.1rem .3rem;border-radius:.2rem;font-weight:600;box-shadow:0 1px 3px #0000004d;letter-spacing:.02em}.zoom-card-gregorian{font-size:.8rem;color:gold;margin-top:.25rem;font-weight:500}.month-card.kaiwu{border-color:#7b68ee;background:linear-gradient(180deg,rgba(123,104,238,.15) 0%,transparent 100%)}.month-card.kaiwu:hover{border-color:#9683f5;box-shadow:0 4px 20px #7b68ee40}.month-card.biwu{border-color:silver;background:linear-gradient(180deg,rgba(220,220,220,.2) 0%,transparent 100%)}.month-card.biwu:hover{border-color:#e8e8e8;box-shadow:0 4px 20px #ffffff4d}.kaiwu-badge{font-size:.65rem;color:#9683f5;background:#7b68ee33;padding:.1rem .4rem;border-radius:.2rem;margin-left:.25rem}.biwu-badge{font-size:.65rem;color:#d0d0d0;background:#c0c0c040;padding:.1rem .4rem;border-radius:.2rem;margin-left:.25rem}.month-title{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border);font-weight:600;color:var(--color-secondary);flex-wrap:wrap}.month-pinyin{font-size:.8rem;color:var(--color-text-dim);font-weight:400}.month-number{margin-left:auto;font-size:.8rem;color:var(--color-text-dim);font-weight:400}.days-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.25rem}.day-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg);border-radius:.25rem;cursor:default;transition:all .15s ease;position:relative}.day-cell:hover{background:var(--color-bg-hover)}.day-cell.today{background:#dc143c26;border:1px solid #DC143C;box-shadow:0 0 8px #dc143c33;z-index:1}.day-cell.today .day-number{color:#dc143c;font-weight:700}.today-dot{width:4px;height:4px;background-color:#dc143c;border-radius:50%;margin-top:2px}.day-number{font-size:.8rem;color:var(--color-text);font-family:var(--font-serif)}.day-cell.has-term{justify-content:space-evenly}.day-cell.has-term .day-number{display:block;font-size:.7rem;opacity:.8}.term-badge{font-size:.7rem;font-weight:600;white-space:nowrap;line-height:1;display:flex;align-items:center;gap:2px}.intercalary-symbol{font-size:.65rem;opacity:.7}.term-xiaohan{color:#87ceeb}.term-dahan{color:#4682b4}.term-lichun{color:#98fb98}.term-yushui{color:#00ced1}.term-jingzhe{color:#32cd32}.term-chunfen{color:#3cb371}.term-qingming{color:#228b22}.term-guyu{color:#6b8e23}.term-lixia{color:gold}.term-xiaoman{color:orange}.term-mangzhong{color:#ff8c00}.term-xiazhi{color:#ff4500}.term-xiaoshu{color:tomato}.term-dashu{color:#dc143c}.term-liqiu{color:#daa520}.term-chushu{color:peru}.term-bailu{color:beige}.term-qiufen{color:#d2691e}.term-hanlu{color:sienna}.term-shuangjiang{color:#8b4513}.term-lidong{color:#708090}.term-xiaoxue{color:#b0c4de}.term-daxue{color:#e6e6fa}.term-dongzhi{color:#f0f8ff}.hui-card{cursor:pointer;transition:all .25s ease}.hui-card:hover{border-color:var(--color-primary);box-shadow:0 4px 24px #d4af3726;transform:translateY(-2px)}.yuns-grid{grid-template-columns:repeat(6,1fr)}.yun-cell{cursor:pointer}.day-cell.special-date{border:1px solid;position:relative}.day-cell.special-date:hover{filter:brightness(1.2)}.special-date-badge{position:absolute;top:2px;right:2px;font-size:.5rem;padding:1px 3px;border-radius:2px;line-height:1}.shi-card.special-shi{border-width:2px}.special-shi-badge{font-size:.65rem;padding:.1rem .4rem;border-radius:.2rem;margin-left:.25rem}.hui-info{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.5rem;border-top:1px solid var(--color-border);font-size:.75rem;color:var(--color-text-dim)}.hui-years{color:var(--color-text)}.hui-terms{color:var(--color-secondary)}.hui-hexagram{display:flex;align-items:center;gap:.25rem}.hexagram-name{color:var(--color-secondary);font-weight:500}.hexagram-symbol{font-size:1rem;color:var(--color-primary);line-height:1}.shi-card{cursor:pointer;transition:all .25s ease}.shi-card:hover{border-color:var(--color-primary);box-shadow:0 4px 24px #d4af3726;transform:translateY(-2px)}.nians-grid{grid-template-columns:repeat(6,1fr)}.nian-cell{cursor:pointer}.calendar-footer{margin-top:2rem;text-align:center;padding:1.5rem;background:var(--color-bg-card);border-radius:.75rem;border:1px solid var(--color-border)}.legend-title{font-size:.85rem;color:var(--color-text-dim);margin-bottom:.5rem}.kaiwu-biwu-legend{margin-bottom:1rem}.kaiwu-biwu-info{display:flex;justify-content:center;gap:2rem}.kaiwu-legend{font-size:.85rem;color:#9683f5;background:#7b68ee26;padding:.35rem .75rem;border-radius:.35rem;border:1px solid rgba(123,104,238,.3)}.biwu-legend{font-size:.85rem;color:silver;background:#c0c0c026;padding:.35rem .75rem;border-radius:.35rem;border:1px solid rgba(192,192,192,.4)}.terms-legend,.branches-legend{margin-bottom:1rem}.terms-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.term-legend-item{font-size:.75rem;color:var(--color-primary);background:#d4af371a;padding:.25rem .5rem;border-radius:.25rem}.term-legend-item.kaiwu-term{color:#9683f5;background:#7b68ee33;border:1px solid rgba(123,104,238,.4)}.term-legend-item.biwu-term{color:silver;background:#c0c0c033;border:1px solid rgba(192,192,192,.4)}.branches-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.branch-legend-item{font-size:.8rem;color:var(--color-primary);background:#d4af371a;padding:.25rem .6rem;border-radius:.25rem;font-weight:500}.branch-legend-item.kaiwu-branch{color:#9683f5;background:#7b68ee33;border:1px solid rgba(123,104,238,.4)}.branch-legend-item.biwu-branch{color:silver;background:#c0c0c033;border:1px solid rgba(192,192,192,.4)}.footer-note{font-size:.85rem;color:var(--color-text-dim);margin-top:1rem}.footer-attribution{font-style:italic;font-size:.75rem;margin-top:.5rem;opacity:.7}@media (max-width: 1024px){.zoom-grid-yuan,.zoom-grid-yun{grid-template-columns:repeat(3,1fr)}.zoom-grid-hui,.zoom-grid-shi{grid-template-columns:repeat(5,1fr)}}@media (max-width: 768px){.calendar-title{font-size:2rem;letter-spacing:.25rem}.calendar-position{font-size:1rem}.zoom-selector{flex-wrap:wrap}.zoom-btn{font-size:.8rem;padding:.4rem .8rem}.calendar-nav{gap:.5rem}.nav-btn{padding:.5rem .75rem;font-size:.85rem}.zoom-grid-yuan,.zoom-grid-yun{grid-template-columns:repeat(2,1fr)}.zoom-grid-hui,.zoom-grid-shi{grid-template-columns:repeat(3,1fr)}.months-grid{grid-template-columns:1fr}}@media (max-width: 480px){.zoom-grid-yuan,.zoom-grid-yun,.zoom-grid-hui,.zoom-grid-shi{grid-template-columns:repeat(2,1fr)}}.app{min-height:100vh;padding:2rem;display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){.app{padding:1rem}}:root{--color-bg: #0a0a12;--color-bg-card: #14141f;--color-bg-hover: #1e1e2d;--color-primary: #D4AF37;--color-primary-dim: #a68a2a;--color-secondary: #E8C547;--color-text: #e8e4d9;--color-text-dim: #7a7a8a;--color-border: #2d2d3d;--color-accent: #7B68EE;--wuxing-jin: #D4AF37;--wuxing-mu: #228B22;--wuxing-shui: #1E3A5F;--wuxing-huo: #DC143C;--wuxing-tu: #CD853F;--kaiwu-color: #7B68EE;--biwu-color: #C0C0C0;--font-serif: "Noto Serif SC", "Songti SC", serif;--font-display: "ZCOOL XiaoWei", "Noto Serif SC", serif}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-serif);background:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6;background-image:radial-gradient(ellipse at top,rgba(212,175,55,.04) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(123,104,238,.03) 0%,transparent 50%)}#root{min-height:100vh}