.card-display{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;background:#0f34604d;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border)}.card-display.compact{padding:1rem;gap:1rem;background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.card{width:280px;height:450px;background:linear-gradient(145deg,var(--color-bg-card) 0%,var(--color-bg-secondary) 100%);border:3px solid;border-radius:20px;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:var(--shadow);position:relative;overflow:hidden}.card.major-card{background:linear-gradient(145deg,rgba(255,107,157,.1) 0%,var(--color-bg-card) 50%,var(--color-bg-secondary) 100%)}.card.minor-card{background:linear-gradient(145deg,var(--color-bg-card) 0%,var(--color-bg-secondary) 100%)}.card-background-decoration{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.1;pointer-events:none;z-index:0}.decoration-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8rem;opacity:.15;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-20px)}}.card-corner{position:absolute;font-size:1.2rem;opacity:.3;z-index:1}.card-corner.top-left{top:.5rem;left:.5rem}.card-corner.top-right{top:.5rem;right:.5rem}.card-corner.bottom-left{bottom:.5rem;left:.5rem;transform:rotate(180deg)}.card-corner.bottom-right{bottom:.5rem;right:.5rem;transform:rotate(180deg)}.card.reversed .card-corner{transform:rotate(180deg)}.card.reversed .card-corner.bottom-left,.card.reversed .card-corner.bottom-right{transform:rotate(0)}.card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.card:hover:before{opacity:1}.card:hover{transform:translateY(-10px) scale(1.02);box-shadow:var(--shadow-hover)}.card.reversed{transform:rotate(180deg)}.card.reversed:hover{transform:rotate(180deg) translateY(-10px) scale(1.02)}.card-header{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;z-index:2;position:relative}.card-number{font-weight:700;opacity:.8}.card-suit-icon{font-size:1.5rem;opacity:.8}.card-main-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:iconPulse 3s ease-in-out infinite;z-index:2;position:relative}@keyframes iconPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.card-body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1rem;z-index:2;position:relative}.card-name{font-size:2rem;font-weight:700;margin:0;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-name-en{font-size:1rem;color:var(--color-text-secondary);font-style:italic;margin:0}.reversed-badge{position:absolute;top:1rem;right:1rem;background:var(--color-accent);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;transform:rotate(180deg)}.card-footer{text-align:center;font-size:.9rem;color:var(--color-text-secondary);padding-top:1rem;border-top:1px solid var(--color-border);z-index:2;position:relative}.card-type{font-weight:600}.card-meaning{width:100%;max-width:600px;display:flex;flex-direction:column;gap:1.5rem}.meaning-section,.description-section{background:#0f346080;padding:1.5rem;border-radius:15px;border:1px solid var(--color-border)}.meaning-section h3,.description-section h3{font-size:1.2rem;margin-bottom:1rem;color:var(--color-accent)}.meaning-text,.description-text{font-size:1rem;line-height:1.8;color:var(--color-text)}.flip-button{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-major) 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #e945604d}.flip-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e9456066}.flip-button:active{transform:translateY(0)}.card-meaning-compact{width:100%;max-width:280px;display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.meaning-compact,.description-compact{font-size:.85rem;line-height:1.6;color:var(--color-text);text-align:left;padding:.75rem;background:#0f346080;border-radius:10px;border:1px solid var(--color-border)}.meaning-compact h4,.description-compact h4{font-size:.9rem;color:var(--color-accent);margin:0 0 .5rem;font-weight:600}.meaning-compact p,.description-compact p{margin:0;font-size:.85rem;line-height:1.6}.flip-button-compact{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-major) 100%);color:#fff;border:none;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #e945604d;width:100%}.flip-button-compact:hover{transform:translateY(-2px);box-shadow:0 4px 15px #e9456066}.flip-button-compact:active{transform:translateY(0)}@media (max-width: 1024px) and (min-width: 769px){.card{width:260px;height:420px}.card-display{padding:1.5rem}}@media (max-width: 768px){.card-display{padding:1rem;gap:1.5rem}.card{width:240px;height:380px;padding:1.5rem}.card-name{font-size:1.5rem}.card-main-icon{font-size:3rem}.card-meaning{max-width:100%}.meaning-section,.description-section{padding:1.25rem}.flip-button{padding:.85rem 1.5rem;font-size:.9rem}}@media (max-width: 480px){.card-display{padding:.75rem;gap:1rem}.card{width:200px;height:320px;padding:1rem}.card-header{font-size:1rem}.card-main-icon{font-size:2.5rem;margin-bottom:.75rem}.card-name{font-size:1.2rem}.card-name-en{font-size:.85rem}.card-footer{font-size:.8rem;padding-top:.75rem}.card-meaning{gap:1rem}.meaning-section,.description-section{padding:1rem}.meaning-section h3,.description-section h3{font-size:1.1rem;margin-bottom:.75rem}.meaning-text,.description-text{font-size:.9rem;line-height:1.6}.flip-button{padding:.75rem 1.25rem;font-size:.85rem;width:100%}.card-meaning-compact{max-width:200px}.meaning-compact,.description-compact{padding:.6rem;font-size:.8rem}.flip-button-compact{padding:.6rem .85rem;font-size:.8rem}}.card-drawer{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;background:#0f34604d;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border)}.drawer-info{font-size:1.1rem;color:var(--color-text-secondary);text-align:center}.drawer-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;align-items:center}.draw-button{padding:1rem 2rem;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003;min-width:150px}.draw-button.primary{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-major) 100%);color:#fff}.draw-button.primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #e9456066}.draw-button.secondary{background:linear-gradient(135deg,var(--color-cups) 0%,#5ba3f5 100%);color:#fff}.draw-button.secondary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #4a90e266}.draw-button.reset{background:#ffffff1a;color:var(--color-text);border:1px solid var(--color-border)}.draw-button.reset:hover{background:#fff3;transform:translateY(-3px)}.draw-button:active{transform:translateY(0)}.drawer-tips{text-align:center;color:var(--color-text-secondary);font-size:.9rem;font-style:italic}@media (max-width: 768px){.card-drawer{padding:1.5rem}.drawer-buttons{flex-direction:column;width:100%;gap:.75rem}.draw-button{width:100%;padding:.9rem 1.5rem;font-size:.95rem}.drawer-info{font-size:1rem}.drawer-tips{font-size:.85rem}}@media (max-width: 480px){.card-drawer{padding:1rem;gap:1rem}.draw-button{padding:.85rem 1.25rem;font-size:.9rem;min-width:auto}.drawer-info{font-size:.9rem}.drawer-tips{font-size:.8rem}}.browser-toggle{background:#ffffff1a;color:var(--color-text);border:1px solid var(--color-border);padding:.75rem 1.5rem;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin:.5rem}.browser-toggle:hover{background:#fff3;transform:translateY(-2px)}.card-browser{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a1a2ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;overflow-y:auto;padding:2rem}.browser-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border)}.browser-header h2{font-size:2rem;color:var(--color-text);margin:0}.close-browser{background:var(--color-accent);color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-browser:hover{transform:rotate(90deg);box-shadow:0 4px 15px #e9456066}.browser-controls{margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.search-box{width:100%}.search-input{width:100%;padding:1rem;background:#0f346080;border:2px solid var(--color-border);border-radius:15px;color:var(--color-text);font-size:1rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 20px #e945604d}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;background:#0f346080;border:1px solid var(--color-border);border-radius:20px;color:var(--color-text);font-size:.85rem;cursor:pointer;transition:all .3s ease}.filter-btn:hover{background:#0f3460b3;transform:translateY(-2px)}.filter-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.browser-results{max-width:1400px;margin:0 auto}.results-count{color:var(--color-text-secondary);margin-bottom:1rem;font-size:.9rem}.browser-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.browser-card{position:relative;background:#0f346080;border:2px solid var(--color-border);border-radius:15px;transition:all .3s ease}.browser-card-content{padding:1.5rem;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.browser-card:hover{transform:translateY(-5px);border-color:var(--color-accent);box-shadow:0 8px 24px #e945604d;background:#0f3460b3}.favorite-btn{position:absolute;top:.5rem;right:.5rem;background:#0f3460cc;border:1px solid var(--color-border);border-radius:50%;width:32px;height:32px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:10}.favorite-btn:hover{background:#d4af3733;border-color:var(--color-pentacles);transform:scale(1.1)}.favorite-btn.favorited{color:var(--color-pentacles);border-color:var(--color-pentacles);background:#d4af371a}.browser-card-icon{font-size:2.5rem;margin-bottom:.5rem}.browser-card-name{font-size:1rem;font-weight:600;color:var(--color-text)}.browser-card-name-en{font-size:.75rem;color:var(--color-text-secondary);font-style:italic}.browser-card-type{font-size:.8rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:.25rem}.browser-card-suit{font-size:.9rem}@media (max-width: 1024px) and (min-width: 769px){.card-browser{padding:1.5rem}.browser-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width: 768px){.card-browser{padding:1rem}.browser-header h2{font-size:1.5rem}.close-browser{width:35px;height:35px;font-size:1.2rem}.search-input{padding:.85rem;font-size:.95rem}.filter-buttons{gap:.4rem}.filter-btn{padding:.45rem .85rem;font-size:.8rem}.browser-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.browser-card{padding:1rem}.browser-card-icon{font-size:2rem}.browser-card-name{font-size:.9rem}.browser-card-name-en{font-size:.7rem}}@media (max-width: 480px){.card-browser{padding:.75rem}.browser-header{margin-bottom:1.5rem;padding-bottom:.75rem}.browser-header h2{font-size:1.3rem}.close-browser{width:32px;height:32px;font-size:1.1rem}.browser-controls{margin-bottom:1.5rem}.search-input{padding:.75rem;font-size:.9rem}.filter-btn{padding:.4rem .75rem;font-size:.75rem}.browser-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.browser-card{padding:.75rem}.browser-card-icon{font-size:1.8rem;margin-bottom:.25rem}.browser-card-name{font-size:.85rem}.browser-card-name-en{font-size:.65rem}.browser-card-type{font-size:.75rem}}.reading-history{margin-top:2rem;padding:2rem;background:#0f34604d;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border)}.reading-history.empty{text-align:center;color:var(--color-text-secondary)}.history-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.reading-history h3{font-size:1.5rem;margin:0;color:var(--color-text)}.export-all-btn{background:linear-gradient(135deg,var(--color-cups) 0%,#5ba3f5 100%);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4a90e24d}.export-all-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4a90e266}.history-search{margin-bottom:1.5rem}.history-search-input{width:100%;padding:.85rem;background:#0f346080;border:2px solid var(--color-border);border-radius:15px;color:var(--color-text);font-size:.95rem;transition:all .3s ease}.history-search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 20px #e945604d}.history-empty-search{text-align:center;padding:2rem;color:var(--color-text-secondary)}@media (max-width: 768px){.history-header-section{flex-direction:column;align-items:flex-start}.export-all-btn{width:100%;padding:.75rem}.history-search-input{font-size:.9rem;padding:.75rem}}@media (max-width: 480px){.history-header-section h3{font-size:1.2rem}.export-all-btn{font-size:.8rem;padding:.65rem}}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{background:#0f346080;border:1px solid var(--color-border);border-radius:15px;padding:1.5rem;transition:all .3s ease}.history-item:hover{border-color:var(--color-accent);box-shadow:0 4px 15px #e9456033}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.history-info{display:flex;flex-direction:column;gap:.25rem}.history-type-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.history-type{font-size:1rem;font-weight:600;color:var(--color-text)}.history-reading-type{font-size:.85rem;font-weight:500;color:var(--color-accent);background:#e945601a;padding:.25rem .75rem;border-radius:12px;border:1px solid var(--color-accent)}.history-date{font-size:.85rem;color:var(--color-text-secondary)}.history-actions{display:flex;gap:.5rem}.view-btn,.delete-btn{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.view-btn{background:var(--color-accent);color:#fff}.view-btn:hover{background:var(--color-major);transform:translateY(-2px)}.delete-btn{background:#ffffff1a;color:var(--color-text);border:1px solid var(--color-border)}.delete-btn:hover{background:#e9456033;border-color:var(--color-accent)}.history-preview{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.preview-text{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6;margin:0}@media (max-width: 1024px) and (min-width: 769px){.reading-history{padding:1.5rem}}@media (max-width: 768px){.reading-history{padding:1.5rem;margin-top:2rem}.reading-history h3{font-size:1.3rem;margin-bottom:1.25rem}.history-item{padding:1.25rem}.history-header{flex-direction:column;align-items:flex-start;gap:.75rem}.history-actions{width:100%;gap:.5rem}.view-btn,.delete-btn{flex:1;padding:.6rem 1rem;font-size:.85rem}.history-preview{margin-top:.5rem;padding-top:.5rem}.preview-text{font-size:.85rem}}@media (max-width: 480px){.reading-history{padding:1rem;margin-top:1.5rem}.reading-history h3{font-size:1.2rem;margin-bottom:1rem}.history-item{padding:1rem}.history-type{font-size:.95rem}.history-date{font-size:.8rem}.view-btn,.delete-btn{padding:.55rem .85rem;font-size:.8rem}.preview-text{font-size:.8rem;line-height:1.5}}.help-toggle{background:#ffffff1a;color:var(--color-text);border:1px solid var(--color-border);padding:.75rem 1.5rem;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin:.5rem}.help-toggle:hover{background:#fff3;transform:translateY(-2px)}.help-guide-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.help-guide{background:var(--color-bg-secondary);border-radius:20px;max-width:800px;max-height:90vh;overflow-y:auto;padding:2rem;border:2px solid var(--color-accent);box-shadow:0 8px 32px #00000080}.help-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border)}.help-header h2{font-size:2rem;color:var(--color-text);margin:0}.close-help{background:var(--color-accent);color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-help:hover{transform:rotate(90deg);box-shadow:0 4px 15px #e9456066}.help-content{display:flex;flex-direction:column;gap:2rem}.help-section{padding:1.5rem;background:#0f34604d;border-radius:15px;border-left:4px solid var(--color-accent)}.help-section h3{font-size:1.3rem;color:var(--color-accent);margin:0 0 1rem}.help-section p{font-size:1rem;line-height:1.8;color:var(--color-text);margin:0}.help-section ul{margin:0;padding-left:1.5rem;color:var(--color-text)}.help-section li{margin-bottom:.5rem;line-height:1.6}@media (max-width: 1024px) and (min-width: 769px){.help-guide{max-width:90%;padding:1.75rem}}@media (max-width: 768px){.help-guide-overlay{padding:1rem}.help-guide{padding:1.5rem;max-height:95vh;max-width:95%}.help-header{margin-bottom:1.5rem;padding-bottom:.75rem}.help-header h2{font-size:1.5rem}.close-help{width:35px;height:35px;font-size:1.2rem}.help-content{gap:1.5rem}.help-section{padding:1.25rem}.help-section h3{font-size:1.2rem;margin-bottom:.85rem}.help-section p{font-size:.95rem}.help-section ul{padding-left:1.25rem}.help-section li{font-size:.95rem;margin-bottom:.4rem}}@media (max-width: 480px){.help-guide-overlay{padding:.5rem}.help-guide{padding:1rem;max-height:98vh;max-width:100%;border-radius:15px}.help-header{margin-bottom:1.25rem;padding-bottom:.5rem}.help-header h2{font-size:1.3rem}.close-help{width:32px;height:32px;font-size:1.1rem}.help-content{gap:1.25rem}.help-section{padding:1rem}.help-section h3{font-size:1.1rem;margin-bottom:.75rem}.help-section p{font-size:.9rem;line-height:1.7}.help-section ul{padding-left:1rem}.help-section li{font-size:.9rem;margin-bottom:.35rem;line-height:1.5}}.daily-card-section{margin-bottom:3rem;padding:2rem;background:#0f34604d;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border)}.daily-card-header{text-align:center;margin-bottom:2rem}.daily-card-title-row{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.daily-card-header h3{font-size:1.8rem;font-weight:700;margin:0;background:linear-gradient(135deg,var(--color-wands) 0%,var(--color-pentacles) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.viewed-badge{background:linear-gradient(135deg,var(--color-cups) 0%,#5ba3f5 100%);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;box-shadow:0 2px 10px #4a90e24d;animation:badgeFadeIn .5s ease-in}@keyframes badgeFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.daily-date{font-size:1rem;color:var(--color-text-secondary);font-style:italic}.daily-card-hidden{cursor:pointer;perspective:1000px}.card-back{width:280px;height:450px;margin:0 auto;background:linear-gradient(145deg,var(--color-bg-card) 0%,var(--color-bg-secondary) 100%);border:3px solid var(--color-accent);border-radius:20px;position:relative;overflow:hidden;transition:all .5s ease;box-shadow:0 8px 32px #e945604d}.card-back:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 12px 48px #e9456066}.card-back-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.05) 10px,rgba(255,255,255,.05) 20px);opacity:.3}.card-back-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:6rem;opacity:.6;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}.reveal-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:var(--color-text);font-size:1rem;font-weight:600;text-align:center;width:100%;padding:0 2rem}.daily-card-revealed{display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:fadeIn .5s ease-in}.view-detail-btn{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-major) 100%);color:#fff;border:none;padding:.75rem 2rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #e945604d}.view-detail-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e9456066}@media (max-width: 1024px) and (min-width: 769px){.daily-card-section{padding:1.5rem}}@media (max-width: 768px){.daily-card-section{padding:1.5rem;margin-bottom:2rem}.daily-card-header h3{font-size:1.5rem}.daily-card-title-row{gap:.75rem}.viewed-badge{font-size:.75rem;padding:.35rem .8rem}.daily-date{font-size:.9rem}.card-back{width:240px;height:380px}.card-back-icon{font-size:4rem}.view-detail-btn{padding:.7rem 1.5rem;font-size:.9rem}}@media (max-width: 480px){.daily-card-section{padding:1rem;margin-bottom:1.5rem}.daily-card-header{margin-bottom:1.5rem}.daily-card-header h3{font-size:1.3rem}.daily-date{font-size:.85rem}.card-back{width:200px;height:320px}.card-back-icon{font-size:3rem}.reveal-hint{font-size:.9rem;bottom:1.5rem;padding:0 1.5rem}.view-detail-btn{padding:.65rem 1.25rem;font-size:.85rem;width:100%;max-width:200px}}.statistics-section{margin-top:3rem;padding:2rem;background:#0f34604d;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border)}.statistics-section h3{font-size:1.8rem;font-weight:700;margin-bottom:2rem;text-align:center;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-major) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#0f346080;border:1px solid var(--color-border);border-radius:15px;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);border-color:var(--color-accent);box-shadow:0 8px 24px #e9456033}.stat-value{font-size:2.5rem;font-weight:700;color:var(--color-accent);margin-bottom:.5rem}.stat-label{font-size:.9rem;color:var(--color-text-secondary)}.stats-details{display:flex;flex-direction:column;gap:1.5rem}.stat-detail-card{background:#0f346080;border:1px solid var(--color-border);border-radius:15px;padding:1.5rem}.stat-detail-card h4{font-size:1.2rem;color:var(--color-text);margin:0 0 1rem;font-weight:600}.position-distribution{display:flex;flex-direction:column;gap:1rem}.position-bar{display:flex;align-items:center;gap:1rem}.position-label{min-width:60px;font-size:.9rem;color:var(--color-text);font-weight:600}.position-progress{flex:1;height:30px;background:#0f346080;border-radius:15px;position:relative;overflow:hidden;display:flex;align-items:center}.position-fill{height:100%;border-radius:15px;transition:width .5s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:10px}.position-fill.upright{background:linear-gradient(90deg,var(--color-cups) 0%,#5ba3f5 100%)}.position-fill.reversed{background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-major) 100%)}.position-percent{color:#fff;font-size:.85rem;font-weight:600;z-index:1}.frequent-cards{display:flex;flex-direction:column;gap:.75rem}.frequent-card-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#0f34604d;border-radius:10px;border-left:3px solid var(--color-accent)}.card-name{font-size:1rem;color:var(--color-text);font-weight:600}.card-count{font-size:.9rem;color:var(--color-accent);font-weight:600}@media (max-width: 1024px) and (min-width: 769px){.statistics-section{padding:1.5rem}.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.statistics-section{padding:1.5rem;margin-top:2rem}.statistics-section h3{font-size:1.5rem;margin-bottom:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:1.25rem}.stat-value{font-size:2rem}.stat-label{font-size:.85rem}.stat-detail-card{padding:1.25rem}.stat-detail-card h4{font-size:1.1rem}}@media (max-width: 480px){.statistics-section{padding:1rem}.statistics-section h3{font-size:1.3rem;margin-bottom:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-card{padding:1rem}.stat-value{font-size:1.75rem}.stat-label{font-size:.8rem}.stat-detail-card{padding:1rem}.stat-detail-card h4{font-size:1rem;margin-bottom:.75rem}.position-bar{flex-direction:column;gap:.5rem}.position-label{min-width:auto;width:100%}.position-progress{width:100%}.frequent-card-item{padding:.6rem}.card-name{font-size:.9rem}.card-count{font-size:.85rem}}.favorites-toggle{background:#ffd7001a;color:var(--color-pentacles);border:1px solid var(--color-pentacles);padding:.75rem 1.5rem;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin:.5rem}.favorites-toggle:hover{background:#ffd70033;transform:translateY(-2px);box-shadow:0 4px 15px #d4af374d}.favorites-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.favorites-container{background:var(--color-bg-secondary);border-radius:20px;max-width:900px;max-height:90vh;overflow-y:auto;padding:2rem;border:2px solid var(--color-pentacles);box-shadow:0 8px 32px #d4af374d}.favorites-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border)}.favorites-header h2{font-size:2rem;color:var(--color-text);margin:0;background:linear-gradient(135deg,var(--color-pentacles) 0%,#ffd700 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-favorites{background:var(--color-accent);color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-favorites:hover{transform:rotate(90deg);box-shadow:0 4px 15px #e9456066}.favorites-empty{text-align:center;padding:3rem;color:var(--color-text-secondary)}.favorites-empty p{font-size:1.1rem;margin-bottom:.5rem}.empty-hint{font-size:.9rem;font-style:italic;opacity:.7}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem}.favorite-card-item{position:relative}.favorite-card{background:#0f346080;border:2px solid var(--color-pentacles);border-radius:15px;padding:1.5rem;cursor:pointer;transition:all .3s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative}.favorite-card:hover{transform:translateY(-5px);border-color:var(--color-pentacles);box-shadow:0 8px 24px #d4af374d;background:#0f3460b3}.favorite-card-icon{font-size:2.5rem;margin-bottom:.5rem}.favorite-card-name{font-size:1rem;font-weight:600;color:var(--color-text)}.favorite-card-name-en{font-size:.75rem;color:var(--color-text-secondary);font-style:italic}.favorite-card-suit{position:absolute;top:.5rem;right:.5rem;font-size:.9rem;opacity:.6}.remove-favorite-btn{position:absolute;top:-8px;right:-8px;background:var(--color-accent);color:#fff;border:none;width:28px;height:28px;border-radius:50%;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 2px 8px #e9456066}.remove-favorite-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #e9456099}@media (max-width: 768px){.favorites-container{padding:1.5rem;max-width:95%}.favorites-header h2{font-size:1.5rem}.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.favorite-card{padding:1rem}.favorite-card-icon{font-size:2rem}}@media (max-width: 480px){.favorites-container{padding:1rem;max-height:95vh}.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.favorite-card{padding:.75rem}.favorite-card-icon{font-size:1.8rem}.favorite-card-name{font-size:.9rem}}.draw-animation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-in}.draw-animation-container{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center}.animation-magic-circle{position:absolute;width:200px;height:200px;border:3px solid var(--color-accent);border-radius:50%;animation:rotate 2s linear infinite;box-shadow:0 0 30px #e9456080}.animation-magic-circle:before,.animation-magic-circle:after{content:"";position:absolute;width:100%;height:100%;border:2px solid var(--color-major);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.animation-magic-circle:before{width:150px;height:150px;animation:rotate 1.5s linear infinite reverse}.animation-magic-circle:after{width:100px;height:100px;animation:rotate 1s linear infinite}.animation-sparkles{position:absolute;width:100%;height:100%}.sparkle{position:absolute;font-size:1.5rem;animation:sparkleFloat 2s ease-in-out infinite;opacity:0}@keyframes sparkleFloat{0%{opacity:0;transform:translate(0) scale(0)}50%{opacity:1;transform:translate(var(--sparkle-x, 0),var(--sparkle-y, 0)) scale(1)}to{opacity:0;transform:translate(var(--sparkle-x, 0),var(--sparkle-y, 0)) scale(0)}}.sparkle-0{--sparkle-x: 100px;--sparkle-y: -50px;animation-delay:0s;top:20%;left:50%}.sparkle-1{--sparkle-x: -80px;--sparkle-y: -60px;animation-delay:.2s;top:30%;left:30%}.sparkle-2{--sparkle-x: 90px;--sparkle-y: 70px;animation-delay:.4s;top:60%;left:70%}.sparkle-3{--sparkle-x: -70px;--sparkle-y: 80px;animation-delay:.6s;top:70%;left:20%}.sparkle-4{--sparkle-x: 60px;--sparkle-y: -90px;animation-delay:.8s;top:10%;left:60%}.sparkle-5{--sparkle-x: -100px;--sparkle-y: 50px;animation-delay:1s;top:50%;left:10%}.sparkle-6{--sparkle-x: 80px;--sparkle-y: -70px;animation-delay:1.2s;top:25%;left:80%}.sparkle-7{--sparkle-x: -60px;--sparkle-y: -80px;animation-delay:1.4s;top:15%;left:15%}.sparkle-8{--sparkle-x: 70px;--sparkle-y: 60px;animation-delay:1.6s;top:80%;left:75%}.sparkle-9{--sparkle-x: -90px;--sparkle-y: 90px;animation-delay:1.8s;top:85%;left:25%}.sparkle-10{--sparkle-x: 50px;--sparkle-y: -100px;animation-delay:2s;top:5%;left:45%}.sparkle-11{--sparkle-x: -50px;--sparkle-y: 100px;animation-delay:2.2s;top:90%;left:55%}.animated-card{position:relative;width:200px;height:300px;background:linear-gradient(145deg,var(--color-bg-card) 0%,var(--color-bg-secondary) 100%);border:3px solid var(--color-accent);border-radius:20px;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;animation:cardReveal .8s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 50px #e9456099;z-index:10}.animated-card.reversed{transform:rotate(180deg)}@keyframes cardReveal{0%{transform:scale(0) rotate(180deg);opacity:0}50%{transform:scale(1.2) rotate(90deg)}to{transform:scale(1) rotate(0);opacity:1}}.animated-card.reversed{animation:cardRevealReversed .8s cubic-bezier(.34,1.56,.64,1)}@keyframes cardRevealReversed{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(-90deg)}to{transform:scale(1) rotate(180deg);opacity:1}}.animated-card-icon{font-size:4rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));animation:iconGlow 2s ease-in-out infinite}@keyframes iconGlow{0%,to{filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}50%{filter:drop-shadow(0 4px 20px rgba(233,69,96,.8))}}.animated-card-name{font-size:1.5rem;font-weight:700;color:var(--color-text);text-align:center}.animated-reversed-badge{position:absolute;top:1rem;right:1rem;background:var(--color-accent);color:#fff;padding:.4rem .8rem;border-radius:15px;font-size:.75rem;font-weight:600;transform:rotate(180deg)}@media (max-width: 768px){.draw-animation-container{width:250px;height:250px}.animation-magic-circle{width:150px;height:150px}.animated-card{width:160px;height:240px;padding:1.5rem}.animated-card-icon{font-size:3rem}.animated-card-name{font-size:1.2rem}}.three-card-draw-animation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-in}.three-card-draw-animation-container{position:relative;width:100%;max-width:1200px;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.three-card-magic-circle{position:absolute;width:400px;height:400px;border:3px solid var(--color-accent);border-radius:50%;animation:rotate 3s linear infinite;box-shadow:0 0 40px #e9456099;top:50%;left:50%;transform:translate(-50%,-50%)}.three-card-magic-circle:before,.three-card-magic-circle:after{content:"";position:absolute;width:100%;height:100%;border:2px solid var(--color-major);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.three-card-magic-circle:before{width:300px;height:300px;animation:rotate 2s linear infinite reverse}.three-card-magic-circle:after{width:200px;height:200px;animation:rotate 1.5s linear infinite}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.three-card-sparkles{position:absolute;width:100%;height:100%;top:0;left:0}.three-sparkle{position:absolute;font-size:1.5rem;animation:threeSparkleFloat 3s ease-in-out infinite;opacity:0}@keyframes threeSparkleFloat{0%{opacity:0;transform:translate(0) scale(0)}50%{opacity:1;transform:translate(var(--sparkle-x, 0),var(--sparkle-y, 0)) scale(1)}to{opacity:0;transform:translate(var(--sparkle-x, 0),var(--sparkle-y, 0)) scale(0)}}.three-sparkle-0{--sparkle-x: 150px;--sparkle-y: -80px;animation-delay:0s;top:15%;left:20%}.three-sparkle-1{--sparkle-x: -120px;--sparkle-y: -100px;animation-delay:.2s;top:20%;left:15%}.three-sparkle-2{--sparkle-x: 130px;--sparkle-y: 110px;animation-delay:.4s;top:50%;left:75%}.three-sparkle-3{--sparkle-x: -110px;--sparkle-y: 120px;animation-delay:.6s;top:70%;left:10%}.three-sparkle-4{--sparkle-x: 100px;--sparkle-y: -130px;animation-delay:.8s;top:5%;left:55%}.three-sparkle-5{--sparkle-x: -150px;--sparkle-y: 80px;animation-delay:1s;top:45%;left:5%}.three-sparkle-6{--sparkle-x: 120px;--sparkle-y: -110px;animation-delay:1.2s;top:18%;left:85%}.three-sparkle-7{--sparkle-x: -100px;--sparkle-y: -120px;animation-delay:1.4s;top:12%;left:12%}.three-sparkle-8{--sparkle-x: 110px;--sparkle-y: 100px;animation-delay:1.6s;top:75%;left:80%}.three-sparkle-9{--sparkle-x: -130px;--sparkle-y: 140px;animation-delay:1.8s;top:82%;left:20%}.three-sparkle-10{--sparkle-x: 80px;--sparkle-y: -150px;animation-delay:2s;top:3%;left:42%}.three-sparkle-11{--sparkle-x: -80px;--sparkle-y: 150px;animation-delay:2.2s;top:88%;left:60%}.three-sparkle-12{--sparkle-x: 140px;--sparkle-y: -90px;animation-delay:2.4s;top:25%;left:70%}.three-sparkle-13{--sparkle-x: -140px;--sparkle-y: -110px;animation-delay:2.6s;top:10%;left:8%}.three-sparkle-14{--sparkle-x: 90px;--sparkle-y: 130px;animation-delay:2.8s;top:80%;left:75%}.three-sparkle-15{--sparkle-x: -90px;--sparkle-y: 110px;animation-delay:3s;top:85%;left:25%}.three-sparkle-16{--sparkle-x: 160px;--sparkle-y: -100px;animation-delay:3.2s;top:8%;left:48%}.three-sparkle-17{--sparkle-x: -160px;--sparkle-y: 90px;animation-delay:3.4s;top:92%;left:52%}.three-sparkle-18{--sparkle-x: 100px;--sparkle-y: -120px;animation-delay:3.6s;top:22%;left:65%}.three-sparkle-19{--sparkle-x: -100px;--sparkle-y: 120px;animation-delay:3.8s;top:78%;left:35%}.three-cards-animation-wrapper{position:relative;display:flex;gap:2rem;align-items:center;justify-content:center;z-index:10;flex-wrap:wrap}.three-card-animation-item{display:flex;flex-direction:column;align-items:center;gap:1rem}.three-card-position-label{font-size:1.2rem;font-weight:700;color:var(--color-accent);text-shadow:0 0 10px rgba(233,69,96,.8);animation:labelReveal .6s ease-out;margin-bottom:.5rem}@keyframes labelReveal{0%{opacity:0;transform:translateY(-20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.three-animated-card{position:relative;width:180px;height:270px;background:linear-gradient(145deg,var(--color-bg-card) 0%,var(--color-bg-secondary) 100%);border:3px solid var(--color-accent);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;animation:threeCardReveal .8s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 50px #e9456099}.three-animated-card.reversed{transform:rotate(180deg)}@keyframes threeCardReveal{0%{transform:scale(0) rotate(180deg);opacity:0}50%{transform:scale(1.2) rotate(90deg)}to{transform:scale(1) rotate(0);opacity:1}}.three-animated-card.reversed{animation:threeCardRevealReversed .8s cubic-bezier(.34,1.56,.64,1)}@keyframes threeCardRevealReversed{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(-90deg)}to{transform:scale(1) rotate(180deg);opacity:1}}.three-animated-card-icon{font-size:3.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));animation:threeIconGlow 2s ease-in-out infinite}@keyframes threeIconGlow{0%,to{filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}50%{filter:drop-shadow(0 4px 20px rgba(233,69,96,.8))}}.three-animated-card-name{font-size:1.3rem;font-weight:700;color:var(--color-text);text-align:center}.three-animated-reversed-badge{position:absolute;top:1rem;right:1rem;background:var(--color-accent);color:#fff;padding:.4rem .8rem;border-radius:15px;font-size:.75rem;font-weight:600;transform:rotate(180deg)}@media (max-width: 1024px){.three-cards-animation-wrapper{gap:1.5rem}.three-animated-card{width:150px;height:225px;padding:1.2rem}.three-animated-card-icon{font-size:3rem}.three-animated-card-name{font-size:1.1rem}}@media (max-width: 768px){.three-card-draw-animation-container{padding:1rem}.three-card-magic-circle{width:300px;height:300px}.three-card-magic-circle:before{width:220px;height:220px}.three-card-magic-circle:after{width:150px;height:150px}.three-cards-animation-wrapper{gap:1rem;flex-direction:column}.three-animated-card{width:140px;height:210px;padding:1rem}.three-animated-card-icon{font-size:2.5rem}.three-animated-card-name,.three-card-position-label{font-size:1rem}}@media (max-width: 480px){.three-card-magic-circle{width:250px;height:250px}.three-animated-card{width:120px;height:180px;padding:.8rem}.three-animated-card-icon{font-size:2rem}.three-animated-card-name{font-size:.9rem}}.reading-type-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background:#000000e6!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:2rem;animation:fadeIn .3s ease-in;margin:0!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reading-type-container{background:var(--color-bg-secondary);border-radius:20px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;padding:2rem;border:2px solid var(--color-accent);box-shadow:0 8px 32px #e9456080;animation:slideUp .3s ease-out;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reading-type-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border)}.reading-type-header h2{font-size:2rem;color:var(--color-text);margin:0;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-major) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-type-selector{background:var(--color-accent);color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-type-selector:hover{transform:rotate(90deg);box-shadow:0 4px 15px #e9456066}.reading-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.reading-type-card{background:#0f346080;border:2px solid var(--color-border);border-radius:15px;padding:1.5rem;cursor:pointer;transition:all .3s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.reading-type-card:hover{transform:translateY(-5px);border-color:var(--color-accent);box-shadow:0 8px 24px #e945604d;background:#0f3460b3}.reading-type-card.selected{border-color:var(--color-accent);background:#e945601a;box-shadow:0 0 20px #e9456066}.reading-type-icon{font-size:3rem}.reading-type-name{font-size:1.1rem;font-weight:700;color:var(--color-text)}.reading-type-desc{font-size:.85rem;color:var(--color-text-secondary);line-height:1.4}.custom-question-input{margin-bottom:2rem;padding:1.5rem;background:#0f34604d;border-radius:15px;border:2px solid var(--color-border)}.custom-question-input label{display:block;margin-bottom:.75rem;font-weight:600;color:var(--color-text)}.custom-question-textarea{width:100%;padding:1rem;background:#0f346080;border:2px solid var(--color-border);border-radius:10px;color:var(--color-text);font-size:1rem;font-family:inherit;resize:vertical;transition:all .3s ease}.custom-question-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 20px #e945604d}.reading-type-actions{display:flex;gap:1rem;justify-content:flex-end}.cancel-btn,.confirm-btn{padding:.75rem 2rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.cancel-btn{background:#0f346080;color:var(--color-text);border:2px solid var(--color-border)}.cancel-btn:hover{background:#0f3460b3;transform:translateY(-2px)}.confirm-btn{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-major) 100%);color:#fff;box-shadow:0 4px 15px #e945604d}.confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #e9456066}.confirm-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.reading-type-container{padding:1.5rem;max-width:95%}.reading-type-header h2{font-size:1.5rem}.reading-type-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.reading-type-card{padding:1rem}.reading-type-icon{font-size:2.5rem}.reading-type-name{font-size:1rem}.reading-type-desc{font-size:.8rem}}@media (max-width: 480px){.reading-type-container{padding:1rem;max-height:95vh}.reading-type-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.reading-type-card{padding:.75rem}.reading-type-icon{font-size:2rem}.reading-type-name{font-size:.9rem}.reading-type-desc{font-size:.75rem}.reading-type-actions{flex-direction:column}.cancel-btn,.confirm-btn{width:100%}}.name-generator-page{min-height:100vh;padding:2rem;background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);display:flex;flex-direction:column;align-items:center}.name-generator-header{text-align:center;margin-bottom:3rem;position:relative;width:100%;max-width:1000px}.back-button{position:absolute;left:0;top:0;background:#0f346080;color:var(--color-text);border:1px solid var(--color-border);padding:.75rem 1.5rem;border-radius:20px;font-size:1rem;cursor:pointer;transition:all .3s ease}.back-button:hover{background:#0f3460b3;transform:translate(-5px)}.name-generator-header h1{font-size:2.5rem;margin:1rem 0 .5rem;background:linear-gradient(135deg,var(--color-wands) 0%,var(--color-pentacles) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.name-generator-content{max-width:1000px;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:2rem}.name-generator-content.has-results{display:grid;grid-template-columns:1fr 1fr;align-items:start}.input-section{background:#0f34604d;border-radius:20px;padding:2rem;border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:500px}.name-generator-content.has-results .input-section{max-width:100%}.input-group{margin-bottom:2rem}.input-group label{display:block;margin-bottom:.75rem;font-weight:600;color:var(--color-text);font-size:1rem}.name-input{width:100%;padding:.85rem;background:#0f346080;border:2px solid var(--color-border);border-radius:15px;color:var(--color-text);font-size:1rem;transition:all .3s ease}.name-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 20px #e945604d}.gender-buttons{display:flex;gap:1rem}.gender-btn{flex:1;padding:.85rem;background:#0f346080;border:2px solid var(--color-border);border-radius:15px;color:var(--color-text);font-size:1rem;cursor:pointer;transition:all .3s ease}.gender-btn:hover{background:#0f3460b3;transform:translateY(-2px)}.gender-btn.active{border-color:var(--color-accent);background:#e9456033;box-shadow:0 0 15px #e945604d}.length-buttons{display:flex;gap:1rem;flex-wrap:wrap}.length-btn{flex:1;min-width:100px;padding:.85rem;background:#0f346080;border:2px solid var(--color-border);border-radius:15px;color:var(--color-text);font-size:1rem;cursor:pointer;transition:all .3s ease}.length-btn:hover{background:#0f3460b3;transform:translateY(-2px)}.length-btn.active{border-color:var(--color-accent);background:#e9456033;box-shadow:0 0 15px #e945604d}.preference-tags{display:flex;flex-wrap:wrap;gap:.75rem}.preference-tag{padding:.6rem 1.2rem;background:#0f346080;border:2px solid var(--color-border);border-radius:20px;color:var(--color-text);font-size:.9rem;cursor:pointer;transition:all .3s ease}.preference-tag:hover{background:#0f3460b3;transform:translateY(-2px)}.preference-tag.active{border-color:var(--color-cups);background:#4a90e233;color:var(--color-cups);box-shadow:0 0 15px #4a90e24d}.generate-btn{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-major) 100%);color:#fff;border:none;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #e945604d;margin-top:1rem}.generate-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px #e9456066}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.results-section{background:#0f34604d;border-radius:20px;padding:2rem;border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%}.results-section h2{font-size:1.8rem;margin-bottom:1.5rem;color:var(--color-text);text-align:center;background:linear-gradient(135deg,var(--color-cups) 0%,#5ba3f5 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.names-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.name-card{background:#0f346080;border:2px solid var(--color-border);border-radius:15px;padding:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:all .3s ease}.name-card:hover{border-color:var(--color-accent);transform:translateY(-5px);box-shadow:0 8px 24px #e945604d;background:#0f3460b3}.name-text{font-size:1.3rem;font-weight:700;color:var(--color-text);flex:1;text-align:center}.copy-btn{background:var(--color-accent);color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:1.1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.copy-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #e9456066}@media (max-width: 1024px){.name-generator-content.has-results{grid-template-columns:1fr;gap:1.5rem}.name-generator-header{margin-bottom:2rem}.name-generator-header h1{font-size:2.2rem}.subtitle{font-size:1rem}.input-section{max-width:100%}.names-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width: 768px){.name-generator-page{padding:1.5rem 1rem}.name-generator-header{margin-bottom:1.5rem}.name-generator-header h1{font-size:2rem;margin:.5rem 0}.subtitle{font-size:.95rem}.back-button{padding:.6rem 1.2rem;font-size:.9rem;left:-.5rem}.name-generator-content{gap:1.5rem}.input-section,.results-section{padding:1.5rem}.input-group{margin-bottom:1.5rem}.input-group label{font-size:.95rem;margin-bottom:.6rem}.name-input{padding:.75rem;font-size:.95rem}.gender-buttons{flex-direction:row;gap:.75rem}.gender-btn{padding:.75rem;font-size:.95rem}.length-buttons{gap:.75rem}.length-btn{min-width:80px;padding:.75rem .5rem;font-size:.9rem}.preference-tags{gap:.6rem}.preference-tag{padding:.5rem 1rem;font-size:.85rem}.generate-btn{padding:.9rem 1.5rem;font-size:1rem}.results-section h2{font-size:1.6rem;margin-bottom:1.2rem}.names-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.name-card{padding:1rem;flex-direction:row}.name-text{font-size:1.1rem}.copy-btn{width:32px;height:32px;font-size:1rem}}@media (max-width: 600px){.name-generator-page{padding:1rem .75rem}.name-generator-header{margin-bottom:1.2rem}.name-generator-header h1{font-size:1.75rem}.subtitle{font-size:.9rem}.back-button{position:relative;left:0;margin-bottom:1rem;width:100%;text-align:center}.input-section,.results-section{padding:1.2rem}.input-group{margin-bottom:1.2rem}.gender-buttons{flex-direction:column}.gender-btn{width:100%}.length-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.length-btn{min-width:auto;width:100%}.preference-tags{gap:.5rem}.preference-tag{padding:.45rem .9rem;font-size:.8rem}.names-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.name-card{padding:.9rem;flex-direction:column;gap:.75rem}.name-text{font-size:1rem}.copy-btn{width:36px;height:36px}}@media (max-width: 480px){.name-generator-page{padding:.75rem .5rem}.name-generator-header{margin-bottom:1rem}.name-generator-header h1{font-size:1.5rem;margin:.3rem 0}.subtitle{font-size:.85rem}.back-button{padding:.5rem 1rem;font-size:.85rem;margin-bottom:.75rem}.name-generator-content{gap:1rem}.input-section,.results-section{padding:1rem;border-radius:15px}.input-group{margin-bottom:1rem}.input-group label{font-size:.9rem;margin-bottom:.5rem}.name-input{padding:.7rem;font-size:.9rem;border-radius:12px}.gender-btn{padding:.7rem;font-size:.9rem}.length-buttons{grid-template-columns:repeat(2,1fr);gap:.5rem}.length-btn{padding:.7rem .4rem;font-size:.85rem;border-radius:12px}.preference-tags{gap:.4rem}.preference-tag{padding:.4rem .8rem;font-size:.75rem;border-radius:15px}.generate-btn{padding:.85rem 1.2rem;font-size:.95rem;border-radius:20px;margin-top:.75rem}.results-section h2{font-size:1.4rem;margin-bottom:1rem}.names-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.name-card{padding:.75rem;border-radius:12px}.name-text{font-size:.95rem}.copy-btn{width:32px;height:32px;font-size:.9rem}}@media (max-width: 320px){.name-generator-page{padding:.5rem}.name-generator-header h1{font-size:1.3rem}.subtitle{font-size:.8rem}.input-section,.results-section{padding:.75rem}.preference-tags{gap:.35rem}.preference-tag{padding:.35rem .7rem;font-size:.7rem}.names-grid{grid-template-columns:1fr}.name-card{flex-direction:row}}.horoscope{max-width:980px;margin:0 auto;padding:16px;position:relative}.horoscope-header{text-align:center;margin-bottom:12px}.horoscope-header h2{margin:0;font-size:24px}.horoscope-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.signs-scroll{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.sign-chip{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid #3a3a3a;background:#1d1d1d;color:#eaeaea;cursor:pointer}.sign-chip.active{border-color:#7c5cff;background:#271f48}.sign-icon{font-size:18px}.sign-name{font-size:14px}.period-toggle{display:inline-flex;border:1px solid #3a3a3a;border-radius:10px;overflow:hidden}.period-toggle button{padding:8px 14px;background:#1f1f1f;border:none;color:#ddd;cursor:pointer}.period-toggle button.active{background:#6b5cff;color:#fff}.horoscope-cards{display:grid;grid-template-columns:180px 1fr;gap:12px;margin-bottom:16px}.score-card,.info-card,.summary-card,.detail-card,.advice-card{border:1px solid #363636;background:#181818;border-radius:14px;padding:14px}.score-card{display:grid;place-items:center}.score{font-size:48px;font-weight:700;color:#86e1ff}.label{margin-top:6px;color:#aaa}.info-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;color:#ddd}.summary-card h3,.advice-card h3{margin:0 0 8px}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.detail-key{color:#bbb}.detail-score{color:#ffd166;font-weight:600}.detail-text{color:#ddd;margin:0}.birthday-query-section{margin-bottom:20px}.query-birthday-btn{width:100%;padding:12px 16px;border-radius:12px;border:1px solid #444;background:linear-gradient(135deg,#6b5cff,#7c5cff);color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease}.query-birthday-btn:hover{background:linear-gradient(135deg,#7c5cff,#8d6cff);transform:translateY(-1px);box-shadow:0 4px 12px #7c5cff4d}.birthday-input-panel{margin-top:12px;padding:16px;border:1px solid #363636;background:#1d1d1d;border-radius:14px;display:flex;flex-direction:column;gap:12px}.calendar-type-toggle{display:inline-flex;border:1px solid #3a3a3a;border-radius:10px;overflow:hidden;align-self:flex-start}.calendar-type-toggle button{padding:8px 16px;background:#1f1f1f;border:none;color:#ddd;cursor:pointer;font-size:14px}.calendar-type-toggle button.active{background:#6b5cff;color:#fff}.birthday-inputs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.birthday-input{flex:0 0 auto;width:80px;padding:10px 12px;border:1px solid #3a3a3a;border-radius:8px;background:#181818;color:#eee;font-size:15px;text-align:center}.birthday-input:focus{outline:none;border-color:#7c5cff;background:#222}.input-separator{color:#aaa;font-size:14px;flex-shrink:0}.leap-checkbox{display:inline-flex;align-items:center;gap:6px;color:#ddd;margin-left:8px;-webkit-user-select:none;user-select:none}.leap-checkbox input{width:16px;height:16px}.query-btn{padding:10px 20px;border-radius:10px;border:none;background:linear-gradient(135deg,#6b5cff,#7c5cff);color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;align-self:flex-start}.query-btn:hover{background:linear-gradient(135deg,#7c5cff,#8d6cff);transform:translateY(-1px);box-shadow:0 4px 12px #7c5cff4d}.lunar-tip{margin:0;padding:10px 12px;background:#7c5cff1a;border:1px solid rgba(124,92,255,.3);border-radius:8px;color:#bbb;font-size:13px;line-height:1.5}@media (max-width: 768px){.horoscope{padding:12px}.horoscope-header{flex-direction:column;align-items:flex-start;gap:10px}.horoscope-header h2{font-size:20px}.horoscope-header h2{font-size:18px}.signs-scroll{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sign-chip{padding:8px 10px;gap:6px}.sign-icon{font-size:16px}.sign-name{font-size:12px}.period-toggle button{padding:6px 12px;font-size:13px}.horoscope-cards{grid-template-columns:1fr;gap:10px}.score-card,.info-card,.summary-card,.detail-card,.advice-card{padding:12px}.score{font-size:36px}.details-grid{grid-template-columns:1fr;gap:10px}.birthday-input-panel{padding:12px}.birthday-inputs{justify-content:center;gap:6px}.birthday-input{width:60px;padding:8px 10px;font-size:14px}.query-btn{width:100%;padding:10px 16px;font-size:14px}.calendar-type-toggle button{padding:6px 12px;font-size:13px}}@media (max-width: 480px){.horoscope{padding:10px}.horoscope-header h2{font-size:18px}.back-btn{padding:.5rem 1rem;font-size:.85rem;margin-bottom:.75rem}.signs-scroll{grid-template-columns:repeat(2,minmax(0,1fr))}.score{font-size:32px}.birthday-input{width:55px;padding:6px 8px;font-size:13px}.input-separator{font-size:12px}}.almanac{max-width:980px;margin:0 auto;padding:16px;position:relative}.almanac-header{text-align:center;margin-bottom:20px}.almanac-header h2{margin:0;font-size:24px}.back-btn{position:absolute;left:0;top:0;background:#0f346080;color:var(--color-text, #eee);border:1px solid var(--color-border, #444);padding:.75rem 1.5rem;border-radius:20px;font-size:1rem;cursor:pointer;transition:all .3s ease}.almanac-date{background:linear-gradient(135deg,#6b5cff,#7c5cff);border-radius:14px;padding:20px;margin-bottom:20px;text-align:center}.date-display{font-size:20px;font-weight:600;color:#fff;margin-bottom:12px}.ganzhi-display{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;color:#ffffffe6;font-size:15px}.almanac-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px}.almanac-card{border:1px solid #363636;background:#181818;border-radius:14px;padding:16px}.almanac-card h3{margin:0 0 12px;font-size:16px;color:#bbb}.chongsha-content p{margin:8px 0;color:#ddd;font-size:15px}.highlight{color:#ffd166;font-weight:600;margin:0 4px}.wuxing-value{font-size:32px;font-weight:700;color:#86e1ff;text-align:center}.fangwei-content p{margin:8px 0;color:#ddd;font-size:15px}.good{color:#4ade80}.bad{color:#f87171}.almanac-section{margin-bottom:20px}.yi-card,.ji-card{border:1px solid #363636;background:#181818;border-radius:14px;padding:16px;margin-bottom:12px}.yi-card h3,.ji-card h3{margin:0 0 12px;font-size:18px}.items-list{display:flex;flex-wrap:wrap;gap:8px}.item-tag{padding:6px 12px;border-radius:8px;font-size:14px;border:1px solid}.item-tag.good{background:#4ade801a;border-color:#4ade804d;color:#4ade80}.item-tag.bad{background:#f871711a;border-color:#f871714d;color:#f87171}.shichen-card{border:1px solid #363636;background:#181818;border-radius:14px;padding:16px}.shichen-card h3{margin:0 0 16px;font-size:18px}.shichen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.shichen-item{display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:8px;border:1px solid}.shichen-item.good{background:#4ade801a;border-color:#4ade804d}.shichen-item.bad{background:#f871711a;border-color:#f871714d}.shichen-item.neutral{background:#9ca3af1a;border-color:#9ca3af4d}.shichen-name{font-size:16px;font-weight:600;margin-bottom:4px;color:#ddd}.shichen-item.good .shichen-name{color:#4ade80}.shichen-item.bad .shichen-name{color:#f87171}.shichen-jixiong{font-size:12px;color:#aaa}.almanac-footer{text-align:center;padding:16px;color:#888;font-size:13px}@media (max-width: 768px){.almanac{padding:12px}.almanac-header{flex-direction:column;align-items:flex-start;gap:10px}.almanac-header h2{font-size:20px}.almanac-header h2{font-size:18px}.almanac-date{padding:16px}.date-display{font-size:18px;margin-bottom:10px}.ganzhi-display{flex-direction:column;gap:8px;font-size:14px}.almanac-grid{grid-template-columns:1fr;gap:10px}.almanac-card{padding:12px}.almanac-card h3{font-size:15px;margin-bottom:10px}.wuxing-value{font-size:28px}.yi-card,.ji-card{padding:12px}.yi-card h3,.ji-card h3{font-size:16px;margin-bottom:10px}.items-list{gap:6px}.item-tag{padding:5px 10px;font-size:13px}.shichen-card{padding:12px}.shichen-card h3{font-size:16px;margin-bottom:12px}.shichen-grid{grid-template-columns:repeat(4,1fr);gap:6px}.shichen-item{padding:8px}.shichen-name{font-size:14px}.shichen-jixiong{font-size:11px}}@media (max-width: 480px){.almanac{padding:10px}.almanac-header h2{font-size:18px}.back-btn{padding:.5rem 1rem;font-size:.85rem;margin-bottom:.75rem}.almanac-date{padding:12px}.date-display{font-size:16px}.ganzhi-display{font-size:13px}.wuxing-value{font-size:24px}.shichen-grid{grid-template-columns:repeat(3,1fr)}.shichen-item{padding:6px}.shichen-name{font-size:13px}}.cyber-merit{padding:20px;max-width:1200px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative}.cyber-merit-header{text-align:center;margin-bottom:30px}.cyber-merit-header h2{font-size:2rem;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.back-btn{position:absolute;left:0;top:0;background:#0f346080;color:var(--color-text, #fff);border:1px solid var(--color-border, rgba(255, 255, 255, .3));padding:.75rem 1.5rem;border-radius:20px;font-size:1rem;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#0f3460b3;transform:translate(-5px)}.merit-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:30px}.stat-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;text-align:center;border:2px solid rgba(255,255,255,.2);transition:all .3s}.stat-card:hover{transform:translateY(-5px);background:#ffffff40}.stat-label{font-size:.9rem;opacity:.9;margin-bottom:10px}.stat-value{font-size:2rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.game-tabs{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap;justify-content:center}.tab-btn{padding:12px 24px;background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab-btn:hover{background:#ffffff40;transform:translateY(-2px)}.tab-btn.active{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 4px 15px #ffffff4d}.game-content{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;border:2px solid rgba(255,255,255,.2);min-height:400px}.game-info{text-align:center;margin-bottom:30px;position:relative;z-index:10}.game-info h3{font-size:1.8rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.game-info p{font-size:1.1rem;opacity:.9}.woodfish-game{display:flex;flex-direction:column;align-items:center;gap:30px}.woodfish-container{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.woodfish{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;transition:transform .1s}.woodfish:active{transform:scale(.95)}.woodfish.playing{animation:knock .5s infinite}@keyframes knock{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.woodfish-body{position:relative;width:240px;height:140px;background:linear-gradient(135deg,#8b4513,sienna 30%,#8b4513 70%,#654321);border-radius:120px;box-shadow:inset 0 -30px 50px #0006,inset 0 10px 20px #ffffff1a,0 15px 40px #0009;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:all .15s;overflow:hidden}.woodfish.knocking .woodfish-body{animation:woodfishKnock .2s ease-out}@keyframes woodfishKnock{0%{transform:scale(1) translateY(0)}30%{transform:scale(.98) translateY(3px)}60%{transform:scale(1.02) translateY(-2px)}to{transform:scale(1) translateY(0)}}.woodfish:active .woodfish-body{transform:scale(.97);box-shadow:inset 0 -30px 50px #00000080,inset 0 10px 20px #ffffff1a,0 8px 20px #000000b3}.woodfish-top{position:absolute;top:0;left:0;right:0;height:70px;background:linear-gradient(135deg,sienna,#8b4513,#654321);border-radius:120px 120px 0 0;box-shadow:inset 0 8px 20px #0000004d}.woodfish-bottom{position:absolute;bottom:0;left:0;right:0;height:70px;background:linear-gradient(135deg,#654321,#8b4513,sienna);border-radius:0 0 120px 120px}.woodfish-mouth{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:20px;background:#0009;border-radius:0 0 50px 50px;box-shadow:inset 0 8px 15px #000000b3,0 2px 5px #0000004d;border:2px solid rgba(101,67,33,.8)}.woodfish-pattern{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border:4px solid rgba(139,69,19,.6);border-radius:50%;box-shadow:0 0 0 20px #8b451366,0 0 0 35px #8b45134d,0 0 0 50px #8b451333}.woodfish-body:before{content:"";position:absolute;top:20px;left:50%;transform:translate(-50%);width:180px;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(101,67,33,.5) 20%,rgba(101,67,33,.5) 80%,transparent 100%);border-radius:1px}.woodfish-body:after{content:"";position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:180px;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(101,67,33,.5) 20%,rgba(101,67,33,.5) 80%,transparent 100%);border-radius:1px}.woodfish-stick{position:absolute;top:-30px;right:100px;display:flex;flex-direction:column;align-items:center;transform-origin:top center;transform:rotate(-30deg);transition:transform .15s ease-out;z-index:5;pointer-events:none}.woodfish-stick.striking{animation:stickStrike .2s ease-out}@keyframes stickStrike{0%{transform:rotate(-30deg) translateY(0)}50%{transform:rotate(0) translateY(80px)}to{transform:rotate(-30deg) translateY(0)}}.woodfish:active .woodfish-stick{transform:rotate(0) translateY(80px)}.stick-handle{width:10px;height:100px;background:linear-gradient(180deg,#654321,#8b4513,sienna);border-radius:5px;box-shadow:0 3px 8px #0006,inset 2px 0 5px #ffffff1a,inset -2px 0 5px #0003;position:relative;order:2}.stick-handle:before{content:"";position:absolute;top:0;left:2px;right:2px;bottom:0;background:repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(101,67,33,.3) 3px,rgba(101,67,33,.3) 5px);border-radius:5px}.stick-head{width:32px;height:32px;background:radial-gradient(circle at 30% 30%,sienna,#8b4513,#654321);border-radius:50%;box-shadow:0 4px 10px #00000080,inset 0 -8px 15px #0006,inset 0 3px 8px #ffffff1a;margin-bottom:-8px;border:2px solid rgba(101,67,33,.8);position:relative;order:1}.stick-head:before{content:"";position:absolute;top:25%;left:30%;width:8px;height:8px;background:#ffffff4d;border-radius:50%;filter:blur(2px)}.woodfish-controls{margin-top:20px}.auto-btn{padding:12px 30px;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auto-btn:hover{background:#ffffff4d}.auto-btn.active{background:#4caf5080;border-color:#4caf50b3}.woodfish-count{font-size:1.2rem;opacity:.9}.release-game{display:flex;flex-direction:column;align-items:center;gap:30px}.release-container{width:100%;min-height:300px;position:relative}.release-animals{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:20px}.release-animal{font-size:4rem;cursor:pointer;transition:all .3s;animation:float 3s ease-in-out infinite;text-align:center;padding:20px;background:#ffffff1a;border-radius:15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.release-animal:hover{transform:scale(1.2) translateY(-10px);background:#fff3}.release-animal:active{transform:scale(.9)}.animal-emoji{display:inline-block;transition:transform .3s}.animal-emoji.swimming{animation:swimAway 2s ease-out forwards;position:fixed;z-index:100;pointer-events:none;transform-origin:center center;transform:translate(-50%,-50%) scaleX(var(--flip-scale, 1))}@keyframes swimAway{0%{transform:translate(-50%,-50%) translate(0) translateY(0) scaleX(var(--flip-scale, 1)) scale(1) rotate(0);opacity:1}10%{transform:translate(-50%,-50%) translate(calc(var(--release-x, 0) * .1)) translateY(calc(var(--release-y, 0) * .1 + 5px)) scaleX(var(--flip-scale, 1)) scale(1.1) rotate(5deg);opacity:1}20%{transform:translate(-50%,-50%) translate(calc(var(--release-x, 0) * .2)) translateY(calc(var(--release-y, 0) * .2 - 8px)) scaleX(var(--flip-scale, 1)) scale(1.15) rotate(-5deg);opacity:1}35%{transform:translate(-50%,-50%) translate(calc(var(--release-x, 0) * .35)) translateY(calc(var(--release-y, 0) * .35 + 10px)) scaleX(var(--flip-scale, 1)) scale(1.25) rotate(8deg);opacity:.95}50%{transform:translate(-50%,-50%) translate(calc(var(--release-x, 0) * .5)) translateY(calc(var(--release-y, 0) * .5 - 12px)) scaleX(var(--flip-scale, 1)) scale(1.35) rotate(-8deg);opacity:.85}65%{transform:translate(-50%,-50%) translate(calc(var(--release-x, 0) * .65)) translateY(calc(var(--release-y, 0) * .65 + 8px)) scaleX(var(--flip-scale, 1)) scale(1.5) rotate(10deg);opacity:.7}80%{transform:translate(-50%,-50%) translate(calc(var(--release-x, 0) * .8)) translateY(calc(var(--release-y, 0) * .8 - 5px)) scaleX(var(--flip-scale, 1)) scale(1.65) rotate(-10deg);opacity:.5}90%{transform:translate(-50%,-50%) translate(calc(var(--release-x, 0) * .9)) translateY(calc(var(--release-y, 0) * .9 + 3px)) scaleX(var(--flip-scale, 1)) scale(1.75) rotate(8deg);opacity:.3}to{transform:translate(-50%,-50%) translate(calc(var(--release-x, 0) * 1)) translateY(calc(var(--release-y, 0) * 1)) scaleX(var(--flip-scale, 1)) scale(1.8) rotate(0);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.release-info{text-align:center}.release-info p{font-size:1.1rem;margin:10px 0}.merit-info{color:gold;font-weight:700;font-size:1.2rem}.incense-game{display:flex;flex-direction:column;align-items:center;gap:30px}.incense-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px}.incense-burner{position:relative;cursor:pointer;transition:transform .3s;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.incense-burner:hover{transform:scale(1.05)}.incense-burner:active{transform:scale(.98)}.incense-stick{position:relative;z-index:10;margin-bottom:-20px;display:flex;flex-direction:column;align-items:center;min-height:128px}.stick-tip{width:12px;height:8px;background:linear-gradient(135deg,#ff4500,tomato,#ff8c00);border-radius:6px 6px 0 0;margin:0 auto;box-shadow:0 0 8px #ff4500cc,0 0 4px #ff8c0099;animation:flicker 1.5s ease-in-out infinite;position:relative;z-index:5;flex-shrink:0}.incense-stick.burning .stick-tip{animation:flicker 1.5s ease-in-out infinite,moveWithStick 10s linear forwards}@keyframes moveWithStick{0%{transform:translateY(0)}to{transform:translateY(120px)}}.stick-body{width:8px;height:120px;background:linear-gradient(90deg,#5c2e0a,#8b4513,#5c2e0a);border-radius:4px;box-shadow:inset 2px 0 4px #0000004d,inset -2px 0 4px #ffffff1a;margin:0 auto;position:relative;overflow:hidden;align-self:flex-end}.burn-progress{position:absolute;bottom:0;left:0;right:0;height:0%;background:linear-gradient(180deg,#8b45134d,#65432180,#8b45134d);transition:height .1s linear}.incense-stick.burning .burn-progress{animation:burnDown 10s linear forwards}@keyframes burnDown{0%{height:0%;opacity:.3}50%{height:50%;opacity:.5}to{height:100%;opacity:.8}}.incense-stick.burning .stick-body{animation:shrinkStick 10s linear forwards;transform-origin:bottom center}@keyframes shrinkStick{0%{height:120px;transform:scaleY(1)}to{height:120px;transform:scaleY(0)}}@keyframes flicker{0%,to{opacity:1;box-shadow:0 0 8px #ff4500cc,0 0 4px #ff8c0099}50%{opacity:.8;box-shadow:0 0 12px #ff4500,0 0 6px #ff8c00cc}}.censer{position:relative;width:100px;height:80px;flex-shrink:0;margin-top:0}.censer-mouth{width:90px;height:15px;background:linear-gradient(180deg,peru,#b8860b);border-radius:45px 45px 0 0;margin:0 auto;box-shadow:inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000004d;border:2px solid rgba(184,134,11,.8)}.censer-body{width:100px;height:60px;background:linear-gradient(135deg,peru,#b8860b 30%,#8b6914 70%,peru);border-radius:50px 50px 40px 40px;margin:-5px auto 0;box-shadow:inset 0 5px 10px #fff3,inset 0 -5px 10px #0006,0 4px 8px #0000004d;position:relative}.censer-body:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:80px;height:40px;background:#0000004d;border-radius:40px 40px 30px 30px}.censer-legs{position:relative;display:flex;justify-content:space-around;margin-top:-5px;padding:0 15px}.leg{width:12px;height:20px;background:linear-gradient(180deg,#8b6914,#654321);border-radius:6px 6px 0 0;box-shadow:inset 2px 0 4px #ffffff1a,inset -2px 0 4px #0000004d}.leg-1{transform:rotate(-5deg)}.leg-2{transform:rotate(0)}.leg-3{transform:rotate(5deg)}.incense-smoke{display:flex;gap:10px;margin-top:-30px}.incense-smoke div{font-size:2rem;opacity:.6;animation:smoke 2s ease-in-out infinite}.smoke-1{animation-delay:0s}.smoke-2{animation-delay:.3s}.smoke-3{animation-delay:.6s}@keyframes smoke{0%{transform:translateY(0) scale(1);opacity:.6}to{transform:translateY(-30px) scale(1.5);opacity:0}}.incense-info{text-align:center}.incense-info p{font-size:1.1rem;margin:10px 0}.prayer-game{display:flex;flex-direction:column;align-items:center;gap:30px}.prayer-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:30px}.prayer-icon{font-size:8rem;cursor:pointer;transition:all .3s;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:pulse 2s ease-in-out infinite;position:relative;z-index:10}.prayer-icon:hover{transform:scale(1.1)}.prayer-icon:active{transform:scale(.95)}.prayer-icon.praying{animation:pulse 2s ease-in-out infinite,prayerGlow 3s ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes prayerGlow{0%,to{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3)) drop-shadow(0 0 10px rgba(255,215,0,0))}25%{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3)) drop-shadow(0 0 20px rgba(255,215,0,.8))}50%{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3)) drop-shadow(0 0 30px rgba(255,215,0,1))}75%{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3)) drop-shadow(0 0 20px rgba(255,215,0,.8))}}.prayer-lights{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.prayer-light{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,gold,#ff8c00);box-shadow:0 0 10px gold,0 0 20px gold;animation:twinkle 1.5s ease-in-out infinite;opacity:.4;transition:opacity .3s}.prayer-light.active{opacity:1;animation:twinkle 1.5s ease-in-out infinite,lightPulse 3s ease-in-out}@keyframes twinkle{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes lightPulse{0%,to{transform:scale(1);box-shadow:0 0 10px gold,0 0 20px gold}50%{transform:scale(1.5);box-shadow:0 0 20px gold,0 0 40px gold,0 0 60px #ffd70080}}.prayer-light:nth-child(1){animation-delay:0s}.prayer-light:nth-child(2){animation-delay:.2s}.prayer-light:nth-child(3){animation-delay:.4s}.prayer-light:nth-child(4){animation-delay:.6s}.prayer-light:nth-child(5){animation-delay:.8s}.prayer-light:nth-child(6){animation-delay:1s}.prayer-particles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;pointer-events:none;z-index:5}.prayer-particle{position:absolute;width:6px;height:6px;background:radial-gradient(circle,gold,#ffd70000);border-radius:50%;top:50%;left:50%;animation:particleRise 3s ease-out forwards;box-shadow:0 0 10px #ffd700cc}@keyframes particleRise{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:1}50%{opacity:1}to{transform:translate(calc(-50% + var(--offset-x, 0px)),calc(-50% + var(--offset-y, -150px))) scale(1.5) rotate(360deg);opacity:0}}.prayer-particle:nth-child(1){--offset-x: -60px;--offset-y: -120px}.prayer-particle:nth-child(2){--offset-x: 60px;--offset-y: -120px}.prayer-particle:nth-child(3){--offset-x: -80px;--offset-y: -100px}.prayer-particle:nth-child(4){--offset-x: 80px;--offset-y: -100px}.prayer-particle:nth-child(5){--offset-x: -40px;--offset-y: -140px}.prayer-particle:nth-child(6){--offset-x: 40px;--offset-y: -140px}.prayer-particle:nth-child(7){--offset-x: -100px;--offset-y: -80px}.prayer-particle:nth-child(8){--offset-x: 100px;--offset-y: -80px}.prayer-info{text-align:center}.prayer-info p{font-size:1.1rem;margin:10px 0}.current-message{text-align:center;font-size:1.3rem;font-weight:700;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin:20px 0;animation:fadeInOut 2s ease-in-out;min-height:30px}@keyframes fadeInOut{0%,to{opacity:0;transform:translateY(-10px)}20%,80%{opacity:1;transform:translateY(0)}}.floating-text{position:fixed;pointer-events:none;z-index:1000;font-size:1.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);animation:floatUp 3s ease-out forwards;white-space:nowrap}.floating-text.merit{color:gold;font-size:1.8rem}.floating-text.message{color:#fff;font-size:1.3rem}.floating-text.milestone{color:#ff6b6b;font-size:2rem;text-shadow:0 0 10px #ff6b6b,2px 2px 4px rgba(0,0,0,.5);animation:floatUpMilestone 3s ease-out forwards}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-100px) scale(1.2)}}@keyframes floatUpMilestone{0%{opacity:1;transform:translate(-50%) scale(1)}50%{transform:translate(-50%,-50px) scale(1.3)}to{opacity:0;transform:translate(-50%,-150px) scale(1.5)}}@media (max-width: 768px){.cyber-merit{padding:15px}.cyber-merit-header{flex-direction:column;align-items:flex-start;gap:15px}.cyber-merit-header h2{font-size:1.5rem}.cyber-merit-header h2{font-size:1.3rem}.merit-stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:15px}.stat-label{font-size:.8rem}.stat-value{font-size:1.5rem}.game-tabs{gap:8px}.tab-btn{padding:10px 16px;font-size:.9rem}.game-content{padding:20px;min-height:300px}.game-info h3{font-size:1.5rem}.game-info p{font-size:1rem}.woodfish-body{width:200px;height:120px}.woodfish-stick{top:20px;right:20px}.stick-handle{height:80px;width:8px}.stick-head{width:28px;height:28px}.release-animals{grid-template-columns:repeat(2,1fr);gap:15px;padding:15px}.release-animal{font-size:3rem;padding:15px}.incense-stick{min-height:110px}.stick-body{height:100px}.stick-tip{width:10px;height:6px}.censer{width:80px;height:65px}.censer-mouth{width:75px;height:12px}.censer-body{width:80px;height:50px}.prayer-icon{font-size:5rem}.prayer-lights{gap:10px}.prayer-light{width:16px;height:16px}.current-message{font-size:1.1rem}.floating-text.merit{font-size:1.4rem}.floating-text.message{font-size:1.1rem}.floating-text.milestone{font-size:1.6rem}}@media (max-width: 480px){.cyber-merit{padding:10px}.cyber-merit-header h2{font-size:1.3rem}.back-btn{padding:.5rem 1rem;font-size:.85rem;margin-bottom:.75rem}.merit-stats{grid-template-columns:1fr;gap:8px}.stat-card{padding:12px}.stat-value{font-size:1.3rem}.game-tabs{gap:6px}.tab-btn{padding:8px 12px;font-size:.85rem}.game-content{padding:15px}.game-info h3{font-size:1.3rem}.game-info p{font-size:.9rem}.woodfish-body{width:160px;height:100px}.woodfish-stick{top:-22px;right:15px}.stick-handle{height:70px}.stick-head{width:24px;height:24px}.release-animals{grid-template-columns:repeat(2,1fr);gap:12px;padding:12px}.release-animal{font-size:2.5rem;padding:12px}.incense-stick{min-height:100px}.stick-body{height:90px}.censer{width:70px;height:55px}.censer-mouth{width:65px;height:10px}.censer-body{width:70px;height:42px}.leg{width:10px;height:16px}.prayer-icon{font-size:4rem}.prayer-lights{gap:8px}.prayer-light{width:14px;height:14px}.prayer-particles{width:150px;height:150px}.prayer-particle{width:5px;height:5px}}.bazi-fortune-container{max-width:1200px;margin:0 auto;padding:2rem;position:relative}.back-button{position:absolute;top:1rem;left:1rem;padding:.5rem 1rem;background:#0f346080;border:2px solid var(--color-border);border-radius:20px;color:var(--color-text);font-size:.9rem;cursor:pointer;transition:all .3s ease;z-index:10}.back-button:hover{background:#0f3460b3;transform:translate(-3px)}.bazi-header{text-align:center;margin-bottom:2rem;padding-top:3rem}.bazi-header h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-major) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:var(--color-text-secondary);font-size:1.1rem}.bazi-input-section{background:#0f34604d;border:2px solid var(--color-border);border-radius:20px;padding:2rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.input-group{width:100%;max-width:400px;display:flex;flex-direction:column;gap:.5rem}.input-group label{color:var(--color-text);font-weight:600;font-size:1rem}.input-group input,.input-group select{padding:.75rem 1rem;background:#0f346080;border:2px solid var(--color-border);border-radius:12px;color:var(--color-text);font-size:1rem;transition:all .3s ease}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 10px #e945604d}.calendar-type-toggle{display:flex;gap:.5rem}.toggle-btn{flex:1;padding:.75rem 1rem;background:#0f346080;border:2px solid var(--color-border);border-radius:12px;color:var(--color-text);font-size:1rem;cursor:pointer;transition:all .3s ease}.toggle-btn:hover{background:#0f3460b3}.toggle-btn.active{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-major) 100%);color:#fff;border-color:var(--color-accent)}.lunar-inputs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.lunar-inputs input{flex:1;min-width:80px;padding:.75rem 1rem;background:#0f346080;border:2px solid var(--color-border);border-radius:12px;color:var(--color-text);font-size:1rem}.input-separator{color:var(--color-text);font-size:1rem;white-space:nowrap}.leap-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--color-text)}.leap-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-accent)}.calculate-btn{padding:1rem 3rem;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-major) 100%);border:none;border-radius:25px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #e945604d}.calculate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e9456066}.bazi-result-section{display:flex;flex-direction:column;gap:2rem}.bazi-pillars{background:#0f34604d;border:2px solid var(--color-border);border-radius:20px;padding:2rem}.bazi-pillars h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--color-accent);text-align:center}.pillars-display{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.pillar{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#e945601a;border:2px solid var(--color-accent);border-radius:12px}.pillar-label{font-size:.9rem;color:var(--color-text-secondary)}.pillar-value{font-size:2rem;font-weight:700;color:var(--color-accent)}.wuxing-analysis{background:#0f34604d;border:2px solid var(--color-border);border-radius:20px;padding:2rem}.wuxing-analysis h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--color-accent)}.wuxing-bars{display:flex;flex-direction:column;gap:1rem}.wuxing-item{display:flex;align-items:center;gap:1rem}.wuxing-label{width:40px;font-size:1.2rem;font-weight:700;color:var(--color-text)}.wuxing-bar{flex:1;height:30px;background:#0f346080;border-radius:15px;overflow:hidden;position:relative}.wuxing-fill{height:100%;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-major) 100%);border-radius:15px;transition:width .5s ease}.wuxing-count{width:30px;text-align:center;font-weight:700;color:var(--color-text)}.shishen-analysis{background:#0f34604d;border:2px solid var(--color-border);border-radius:20px;padding:2rem}.shishen-analysis h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--color-accent)}.shishen-tags{display:flex;flex-wrap:wrap;gap:.75rem}.shishen-tag{padding:.5rem 1rem;background:#e9456033;border:1px solid var(--color-accent);border-radius:20px;color:var(--color-text);font-size:.9rem}.interpretation-section{display:flex;flex-direction:column;gap:1.5rem}.interpretation-section h3{font-size:1.5rem;color:var(--color-accent)}.interpretation-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.interpretation-card{background:#0f34604d;border:2px solid var(--color-border);border-radius:15px;padding:1.5rem;transition:all .3s ease}.interpretation-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #e9456033;border-color:var(--color-accent)}.interpretation-card h4{font-size:1.2rem;margin-bottom:.75rem;color:var(--color-accent)}.interpretation-card p{line-height:1.6;color:var(--color-text)}.summary-card{background:#e945601a;border:2px solid var(--color-accent);border-radius:15px;padding:2rem}.summary-card h4{font-size:1.3rem;margin-bottom:1rem;color:var(--color-accent)}.summary-card p{line-height:1.8;color:var(--color-text);font-size:1.05rem}.bazi-tips{margin-top:2rem;padding:1.5rem;background:#e945601a;border-left:4px solid var(--color-accent);border-radius:8px}.bazi-tips h4{margin-bottom:.75rem;color:var(--color-accent)}.bazi-tips ul{list-style:none;padding:0}.bazi-tips li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--color-text)}.bazi-tips li:before{content:"•";position:absolute;left:0;color:var(--color-accent);font-weight:700}@media (max-width: 768px){.bazi-fortune-container{padding:1rem}.bazi-header h1{font-size:2rem}.subtitle{font-size:.9rem}.bazi-input-section{padding:1.5rem}.lunar-inputs{flex-direction:column;align-items:stretch}.lunar-inputs input{width:100%;min-width:auto}.input-separator{display:none}.pillars-display{grid-template-columns:repeat(2,1fr)}.interpretation-cards{grid-template-columns:1fr}.back-button{position:relative;top:auto;left:auto;margin-bottom:1rem}}@media (max-width: 480px){.bazi-header h1{font-size:1.5rem}.lunar-inputs{gap:.75rem}.pillars-display{grid-template-columns:1fr}.pillar-value{font-size:1.5rem}.wuxing-item{flex-wrap:wrap}.wuxing-label{width:100%}.calendar-type-toggle{flex-direction:column}}.divination-draw{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;color:#333}.divination-header{text-align:center;margin-bottom:30px;position:relative}.divination-header h1{font-size:2.5em;margin:20px 0 10px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.divination-content{max-width:800px;margin:0 auto}.category-selector{background:#fffffff2;padding:20px;border-radius:15px;margin-bottom:30px;box-shadow:0 8px 32px #0000001a;display:flex;align-items:center;gap:15px}.category-selector label{font-weight:700;color:#333;white-space:nowrap;flex-shrink:0}.category-selector select{flex:1;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;background:#fff;cursor:pointer;transition:all .3s ease}.category-selector select:hover{border-color:#667eea}.category-selector select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.category-selector select:disabled{opacity:.6;cursor:not-allowed}.stick-container{display:flex;align-items:center;justify-content:center;gap:40px;margin-bottom:40px;flex-wrap:wrap}.stick-tube{position:relative;display:flex;flex-direction:column;align-items:center;transition:transform .1s ease}.stick-tube.shaking{animation:shakeTube .1s infinite}@keyframes shakeTube{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-10px) rotate(-5deg)}75%{transform:translate(10px) rotate(5deg)}}.stick-tube-body{position:relative;width:120px;height:200px;background:linear-gradient(180deg,#8b4513,#654321);border-radius:15px;box-shadow:0 10px 30px #0000004d,inset 0 0 20px #0003;overflow:hidden}.stick-tube-top{position:absolute;top:0;left:0;right:0;height:30px;background:linear-gradient(180deg,sienna,#8b4513);border-radius:15px 15px 0 0;box-shadow:inset 0 -5px 10px #0000004d}.stick-tube-bottom{position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(0deg,#654321,#8b4513);border-radius:0 0 15px 15px;box-shadow:inset 0 5px 10px #0000004d}.stick-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.stick-particle{position:absolute;width:4px;height:30px;background:linear-gradient(180deg,gold,orange);border-radius:2px;animation:particleFloat .5s ease-out forwards;box-shadow:0 0 5px #ffd70080}@keyframes particleFloat{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(-150px) rotate(360deg)}}.stick-tube-label{margin-top:15px;font-size:18px;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);text-align:center;line-height:1.2}.draw-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border:none;padding:18px 50px;font-size:20px;font-weight:700;border-radius:50px;cursor:pointer;box-shadow:0 8px 25px #ee5a6f66;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;white-space:nowrap;order:1}.draw-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #ee5a6f99}.draw-btn:active:not(:disabled){transform:translateY(-1px)}.draw-btn:disabled{opacity:.7;cursor:not-allowed}.draw-btn.shaking{animation:buttonPulse .5s ease-in-out infinite}@keyframes buttonPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.result-container{margin-top:40px;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.result-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 15px 50px #0003;border:3px solid;animation:cardAppear .6s ease-out}@keyframes cardAppear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.stick-number{font-size:18px;color:#666;font-weight:700}.stick-level{font-size:32px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.stick-title{font-size:28px;font-weight:700;text-align:center;margin:20px 0;color:#333}.stick-poem,.stick-interpretation,.category-advice,.stick-advice{margin:25px 0;padding:20px;background:#f9f9f9;border-radius:12px;border-left:4px solid #667eea}.poem-label,.interpretation-label,.advice-label{font-weight:700;font-size:16px;color:#667eea;margin-bottom:10px}.poem-content{font-size:18px;line-height:2;color:#333;font-style:italic;text-align:center;white-space:pre-line}.interpretation-content,.advice-content{font-size:16px;line-height:1.8;color:#555;white-space:pre-line}.draw-again-btn{width:100%;margin-top:20px;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease}.draw-again-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.detailed-section{margin-top:25px;border-top:2px dashed #e0e0e0;padding-top:20px}.toggle-detailed-btn{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-bottom:15px}.toggle-detailed-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.detailed-content{animation:fadeIn .3s ease-out;color:#333}.detail-item{margin-bottom:25px;padding:15px;background:#f8f9fa;border-radius:10px;border-left:4px solid #667eea;color:#333}.detail-label{font-weight:700;font-size:18px;color:#667eea!important;margin-bottom:10px}.detail-text{font-size:16px;line-height:1.8;color:#333!important}.poem-style{font-style:italic;text-align:center;padding:10px;background:#fff;border-radius:8px;font-size:18px;color:#333!important}.age-gender-grid{display:grid;gap:12px}.age-gender-item{padding:10px;background:#fff;border-radius:8px;font-size:15px;line-height:1.6;color:#333!important}.age-label{font-weight:700;color:#667eea!important;margin-right:8px}.interpretations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.interpretation-item{padding:12px;background:#fff;border-radius:8px;font-size:15px;line-height:1.6;transition:all .2s ease;color:#333!important}.interpretation-item:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.interpretation-key{font-weight:700;color:#667eea!important;margin-right:8px;display:inline-block;min-width:60px}.result-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.action-btn{padding:10px 20px;border:2px solid #667eea;border-radius:8px;background:#fff;color:#667eea;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px}.action-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.favorite-btn1.active{background:gold;border-color:gold;color:#333}.favorite-btn1.active:hover{background:#ffed4e;border-color:#ffed4e}.copy-btn1{background:#4caf50;border-color:#4caf50;color:#fff}.copy-btn1:hover{background:#45a049;border-color:#45a049}.share-btn{background:#ff9800;border-color:#ff9800;color:#fff}.share-btn:hover{background:#f57c00;border-color:#f57c00}.draw-again-btn{padding:12px 30px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.draw-again-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.history-section{margin-top:40px}.history-header-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;flex-wrap:wrap}.history-actions{display:flex;gap:10px}.history-action-btn{padding:8px 16px;background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.history-action-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.history-search{margin-bottom:15px}.history-search-input{width:100%;padding:12px;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:#fffffff2;font-size:16px;color:#333;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.history-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.history-search-input::placeholder{color:#999}.history-toggle-btn{width:100%;padding:15px;background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.history-toggle-btn:hover{background:#ffffff4d}.history-list{margin-top:20px;display:grid;gap:15px}.history-item{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.history-item:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026}.history-header{display:flex;align-items:center;gap:15px;margin-bottom:15px;flex-wrap:wrap}.history-favorite-btn{background:transparent;border:none;font-size:20px;cursor:pointer;padding:5px;transition:all .3s ease;opacity:.6}.history-favorite-btn:hover{opacity:1;transform:scale(1.2)}.history-favorite-btn.active{opacity:1}.history-empty{text-align:center;padding:40px;color:#fffc;font-size:16px}.history-number{font-weight:700;color:#666}.history-level{font-size:20px;font-weight:700}.history-title{font-size:18px;font-weight:700;color:#333;flex:1}.history-time{font-size:14px;color:#999}.view-detail-btn{width:100%;padding:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease}.view-detail-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}@media (max-width: 768px){.divination-header h1{font-size:2em}.stick-container{flex-direction:column;gap:20px}.result-actions{flex-direction:column}.action-btn,.draw-again-btn{width:100%;justify-content:center}.history-header-controls{flex-direction:column;align-items:stretch}.history-actions{width:100%;justify-content:space-between}.history-action-btn{flex:1}.draw-btn{order:2;width:100%;max-width:300px}.stick-tube{order:1}.stick-tube-body{width:100px;height:160px}.draw-btn{padding:15px 40px;font-size:18px}.result-card{padding:20px}.stick-title{font-size:24px}.poem-content{font-size:16px}.history-header{flex-direction:column;align-items:flex-start;gap:10px}.history-title{width:100%}.interpretations-grid{grid-template-columns:1fr}.detail-item{padding:12px}.detail-label{font-size:16px}.detail-text{font-size:14px}}@media (max-width: 480px){.divination-draw{padding:15px}.divination-header h1{font-size:1.8em}.stick-container{flex-direction:column;gap:15px}.stick-tube-body{width:80px;height:140px}.draw-btn{padding:12px 30px;font-size:16px;width:100%;max-width:250px}.result-card{padding:15px}.stick-title{font-size:20px}.poem-content{font-size:14px;line-height:1.6}}.dream-interpretation{max-width:900px;margin:0 auto;padding:20px;min-height:100vh}.dream-header{text-align:center;margin-bottom:30px;position:relative}.dream-back-btn{position:absolute;left:0;top:0;background:#667eea33;border:2px solid rgba(102,126,234,.3);color:#667eea;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s}.dream-back-btn:hover{background:#667eea4d;transform:translate(-5px);border-color:#667eea80}.dream-header h2{font-size:2.5em;margin:0;color:#2c3e50;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.dream-subtitle{font-size:1.1em;color:#7f8c8d;margin-top:10px}.dream-input-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:0 10px 30px #0003}.dream-input-wrapper{background:#fff;border-radius:15px;padding:25px}.dream-input-wrapper label{display:block;font-size:1.1em;font-weight:600;color:#2c3e50;margin-bottom:10px}.dream-textarea{width:100%;padding:15px;border:2px solid #e0e0e0;border-radius:10px;font-size:1em;font-family:inherit;resize:vertical;min-height:120px;transition:border-color .3s;box-sizing:border-box}.dream-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.dream-textarea::placeholder{color:#b0b0b0}.dream-actions{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}.dream-interpret-btn,.dream-clear-btn,.dream-history-btn{padding:12px 24px;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s}.dream-interpret-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex:1;min-width:150px}.dream-interpret-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.dream-interpret-btn:disabled{opacity:.6;cursor:not-allowed}.dream-clear-btn{background:#e74c3c;color:#fff}.dream-clear-btn:hover{background:#c0392b;transform:translateY(-2px)}.dream-history-btn{background:#3498db;color:#fff}.dream-history-btn:hover{background:#2980b9;transform:translateY(-2px)}.dream-history-section{background:#fff;border-radius:15px;padding:25px;margin-bottom:30px;box-shadow:0 5px 15px #0000001a}.dream-history-section h3{margin-top:0;color:#2c3e50;border-bottom:2px solid #ecf0f1;padding-bottom:10px}.dream-history-list{display:flex;flex-direction:column;gap:15px}.dream-history-item{background:#f8f9fa;border-radius:10px;padding:15px;border-left:4px solid #667eea;transition:all .3s}.dream-history-item:hover{transform:translate(5px);box-shadow:0 3px 10px #0000001a}.dream-history-content{margin-bottom:10px}.dream-history-text{color:#2c3e50;margin:0 0 8px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dream-history-date{font-size:.85em;color:#7f8c8d}.dream-history-actions{display:flex;gap:10px}.dream-view-btn,.dream-delete-btn{padding:6px 12px;border:none;border-radius:5px;font-size:.9em;cursor:pointer;transition:all .3s}.dream-view-btn{background:#3498db;color:#fff}.dream-view-btn:hover{background:#2980b9}.dream-delete-btn{background:#e74c3c;color:#fff}.dream-delete-btn:hover{background:#c0392b}.dream-empty-history{text-align:center;padding:40px;color:#7f8c8d;background:#fff;border-radius:15px;margin-bottom:30px}.dream-result-section{background:#fff;border-radius:15px;padding:30px;box-shadow:0 5px 15px #0000001a;animation:fadeIn .5s ease-in}.dream-result-section h3{margin-top:0;color:#2c3e50;font-size:1.8em;border-bottom:3px solid #667eea;padding-bottom:10px}.dream-overall{margin-bottom:30px}.dream-overall-content{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:10px;padding:20px;border-left:5px solid #667eea}.dream-overall-content p{margin:0;font-size:1.1em;line-height:1.8;color:#2c3e50}.dream-symbols{margin-bottom:30px}.dream-symbols h4{color:#2c3e50;margin-bottom:15px;font-size:1.3em}.dream-symbols-list{display:flex;flex-direction:column;gap:15px}.dream-symbol-item{background:#f8f9fa;border-radius:10px;padding:20px;border-left:4px solid #3498db;transition:all .3s}.dream-symbol-item:hover{transform:translate(5px);box-shadow:0 3px 10px #0000001a}.dream-symbol-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.dream-symbol-keywords{font-size:1.1em;font-weight:600;color:#2c3e50}.dream-symbol-category{background:#3498db;color:#fff;padding:4px 12px;border-radius:20px;font-size:.85em}.dream-symbol-meaning{line-height:1.8}.dream-symbol-meaning p{margin:8px 0;color:#2c3e50}.dream-symbol-meaning strong{color:#2c3e50}.dream-positive{color:#27ae60}.dream-negative{color:#e74c3c}.dream-advice{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border-radius:10px;padding:20px;margin-bottom:20px;border-left:5px solid #f39c12}.dream-advice h4{margin-top:0;color:#2c3e50;font-size:1.2em}.dream-advice p{margin:0;font-size:1.05em;line-height:1.8;color:#2c3e50}.dream-note{background:#ecf0f1;border-radius:10px;padding:15px;border-left:4px solid #95a5a6}.dream-note p{margin:0;font-size:.95em;color:#7f8c8d;line-height:1.6}.dream-tips{background:#fff;border-radius:15px;padding:30px;box-shadow:0 5px 15px #0000001a}.dream-tips h3{margin-top:0;color:#2c3e50;border-bottom:2px solid #ecf0f1;padding-bottom:10px}.dream-tips ul{list-style:none;padding:0}.dream-tips li{padding:12px 0 12px 30px;position:relative;color:#2c3e50;line-height:1.6}.dream-tips li:before{content:"✨";position:absolute;left:0}.dream-tips li:not(:last-child){border-bottom:1px solid #ecf0f1}@media (max-width: 768px){.dream-interpretation{padding:15px}.dream-header h2{font-size:2em}.dream-back-btn{padding:8px 16px;font-size:14px}.dream-input-section,.dream-input-wrapper{padding:20px}.dream-actions{flex-direction:column}.dream-interpret-btn,.dream-clear-btn,.dream-history-btn{width:100%}.dream-symbol-header{flex-direction:column;align-items:flex-start}.dream-history-actions{flex-direction:column}.dream-view-btn,.dream-delete-btn{width:100%}}@media (max-width: 480px){.dream-header h2{font-size:1.5em}.dream-subtitle,.dream-textarea{font-size:.95em}.dream-overall-content p,.dream-advice p{font-size:1em}}.fengshui-compass{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh}.compass-header{text-align:center;margin-bottom:30px;position:relative}.compass-back-btn{position:absolute;left:0;top:0;background:#667eea33;border:2px solid rgba(102,126,234,.3);color:#667eea;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s}.compass-back-btn:hover{background:#667eea4d;transform:translate(-5px);border-color:#667eea80}.compass-header h2{font-size:2.5em;margin:0;color:#2c3e50;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.compass-subtitle{font-size:1.1em;color:#7f8c8d;margin-top:10px}.compass-container{display:flex;gap:30px;margin-bottom:30px;flex-wrap:wrap;justify-content:center}.compass-main{position:relative;width:400px;height:400px;margin:0 auto}.compass-disk{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:8px solid #2c3e50;position:relative;cursor:grab;transition:transform .1s ease-out;box-shadow:0 10px 30px #0000004d}.compass-disk:active{cursor:grabbing}.compass-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;z-index:10}.compass-center-dot{width:100%;height:100%;border-radius:50%;background:#2c3e50;border:3px solid white;box-shadow:0 0 10px #00000080}.compass-center-line{position:absolute;top:50%;left:50%;width:2px;height:60px;background:#fff;transform:translate(-50%,-50%) rotate(0);transform-origin:top center;box-shadow:0 0 5px #fffc}.compass-direction{position:absolute;top:50%;left:50%;transform-origin:0 0;cursor:pointer;transition:all .3s;z-index:5}.compass-direction:hover{z-index:7}.compass-direction.selected{z-index:8}.compass-direction.selected .direction-marker{background:gold;box-shadow:0 0 15px gold}.compass-direction.auspicious .direction-marker{background:#4caf50;box-shadow:0 0 10px #4caf50}.compass-direction.inauspicious .direction-marker{background:#f44336;box-shadow:0 0 10px #f44336}.direction-marker{width:12px;height:12px;border-radius:50%;background:#fff;margin:0 auto 5px;transition:all .3s}.direction-label{text-align:center;background:#fffffff2;padding:5px 8px;border-radius:8px;min-width:60px;box-shadow:0 2px 8px #0003;transition:all .3s}.compass-direction:hover .direction-label{background:#fff;box-shadow:0 4px 12px #0000004d;transform:rotate(var(--rotation, 0deg)) scale(1.1)}.direction-name{font-weight:600;font-size:.9em;color:#2c3e50}.direction-symbol{font-size:1.2em;font-weight:700;margin:2px 0}.direction-wuxing{font-size:.8em;opacity:.8}.compass-bagua-ring{position:absolute;top:50%;left:50%;width:280px;height:280px;transform:translate(-50%,-50%);border-radius:50%}.bagua-item{position:absolute;top:50%;left:50%;transform-origin:0 0}.bagua-symbol{width:30px;height:30px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1em;color:#2c3e50;box-shadow:0 2px 6px #0003}.compass-tick{position:absolute;top:0;left:50%;width:2px;background:#fff9;transform-origin:bottom center;transform:translate(-50%)}.compass-pointer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;pointer-events:none}.pointer-north{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#f44336;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9em;box-shadow:0 2px 8px #0000004d}.pointer-arrow{font-size:2em;color:#f44336;text-shadow:0 0 10px rgba(244,67,54,.5)}.compass-controls{flex:1;min-width:300px;background:#fff;border-radius:15px;padding:25px;box-shadow:0 5px 15px #0000001a}.control-section{margin-bottom:25px}.control-section:last-child{margin-bottom:0}.control-section h3{margin-top:0;margin-bottom:15px;color:#2c3e50;font-size:1.2em}.direction-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.direction-btn{padding:10px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;font-size:.9em;font-weight:600;transition:all .3s;color:#2c3e50}.direction-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.direction-btn.active{background:#667eea;color:#fff;border-color:#667eea}.direction-btn.auspicious{border-color:#4caf50;background:#4caf501a}.direction-btn.inauspicious{border-color:#f44336;background:#f443361a}.purpose-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.purpose-btn{padding:10px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;font-size:.9em;transition:all .3s;color:#2c3e50}.purpose-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;border-color:#667eea}.purpose-btn.active{background:#667eea;color:#fff;border-color:#667eea}.reset-btn{width:100%;padding:12px;border:none;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s}.reset-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.today-directions{background:#fff;border-radius:15px;padding:25px;margin-bottom:30px;box-shadow:0 5px 15px #0000001a}.today-directions h3{margin-top:0;color:#2c3e50;border-bottom:2px solid #ecf0f1;padding-bottom:10px}.direction-status{display:flex;flex-direction:column;gap:15px}.status-group{display:flex;align-items:center;gap:10px}.status-label{font-weight:600;min-width:60px}.status-label.auspicious{color:#4caf50}.status-label.inauspicious{color:#f44336}.status-label.neutral{color:#7f8c8d}.direction-detail{background:#fff;border-radius:15px;padding:25px;margin-bottom:30px;box-shadow:0 5px 15px #0000001a;animation:fadeIn .5s ease-in}.direction-detail h3{margin-top:0;color:#2c3e50;border-bottom:2px solid #ecf0f1;padding-bottom:10px}.detail-content{display:flex;flex-direction:column;gap:15px}.detail-row{display:flex;align-items:center;gap:10px}.detail-label{font-weight:600;min-width:80px;color:#2c3e50}.detail-value{color:#7f8c8d}.detail-value.auspicious{color:#4caf50;font-weight:600}.detail-value.inauspicious{color:#f44336;font-weight:600}.detail-value.neutral{color:#7f8c8d}.detail-advice{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:10px;padding:15px;border-left:5px solid #667eea;margin-top:10px}.detail-advice p{margin:0;line-height:1.6;color:#2c3e50}.compass-instructions{background:#fff;border-radius:15px;padding:25px;box-shadow:0 5px 15px #0000001a}.compass-instructions h3{margin-top:0;color:#2c3e50;border-bottom:2px solid #ecf0f1;padding-bottom:10px}.compass-instructions ul{list-style:none;padding:0}.compass-instructions li{padding:10px 0 10px 30px;position:relative;color:#2c3e50;line-height:1.6}.compass-instructions li:before{content:"✨";position:absolute;left:0}.compass-instructions li:not(:last-child){border-bottom:1px solid #ecf0f1}@media (max-width: 768px){.fengshui-compass{padding:15px}.compass-header h2{font-size:2em}.compass-container{flex-direction:column}.compass-main{width:100%;max-width:400px;height:auto;aspect-ratio:1}.compass-controls{width:100%}.direction-buttons,.purpose-buttons{grid-template-columns:repeat(2,1fr)}.compass-back-btn{padding:8px 16px;font-size:14px}}@media (max-width: 480px){.compass-header h2{font-size:1.5em}.compass-main{width:100%;max-width:300px}.direction-buttons,.purpose-buttons{grid-template-columns:repeat(2,1fr)}}.auspicious-date{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#14141ef2,#1e1928f2)}.auspicious-header{text-align:center;margin-bottom:3rem}.auspicious-header h1{font-size:2.5rem;color:var(--color-primary, #d4af37);margin:1rem 0;text-shadow:0 0 20px rgba(212,175,55,.5)}.auspicious-content{max-width:1200px;margin:0 auto}.event-type-section{margin-bottom:3rem}.event-type-section h2{color:var(--color-primary, #d4af37);font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.event-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.event-type-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:1.5rem 1rem;text-align:center;cursor:pointer;transition:all .3s ease}.event-type-card:hover{background:#ffffff1a;border-color:var(--color-primary, #d4af37);transform:translateY(-5px)}.event-type-card.active{background:#d4af3733;border-color:var(--color-primary, #d4af37);box-shadow:0 0 20px #d4af374d}.event-icon{font-size:2.5rem;margin-bottom:.5rem}.event-name{font-size:1.1rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.event-desc{font-size:.85rem;color:#fff9}.date-selection-section{margin-bottom:3rem;background:#ffffff0d;border-radius:20px;padding:2rem}.date-selection-section h2{color:var(--color-primary, #d4af37);font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.date-input-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.date-input{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:15px;padding:1rem 1.5rem;font-size:1.1rem;color:var(--color-text);cursor:pointer;transition:all .3s ease}.date-input:hover,.date-input:focus{background:#ffffff26;border-color:var(--color-primary, #d4af37);outline:none}.date-info{text-align:center}.date-display{font-size:1.3rem;color:var(--color-text);margin-bottom:.5rem;font-weight:600}.day-pillar{font-size:1.1rem;color:#ffffffb3}.pillar{color:var(--color-primary, #d4af37);font-weight:600;font-size:1.3rem}.best-shichen-section{margin-bottom:3rem}.best-shichen-section h2{color:var(--color-primary, #d4af37);font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.best-shichen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.best-shichen-card{background:linear-gradient(135deg,#d4af3733,#d4af371a);border:2px solid var(--color-primary, #d4af37);border-radius:20px;padding:2rem;text-align:center;position:relative;box-shadow:0 8px 32px #d4af3733;transition:all .3s ease}.best-shichen-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #d4af374d}.rank-badge{position:absolute;top:-10px;right:20px;background:var(--color-primary, #d4af37);color:#000;padding:.3rem .8rem;border-radius:15px;font-size:.85rem;font-weight:600}.shichen-name{font-size:2rem;font-weight:700;color:var(--color-primary, #d4af37);margin:1rem 0}.shichen-time{font-size:1.1rem;color:#fffc;margin-bottom:1rem}.shichen-score{display:flex;align-items:baseline;justify-content:center;gap:.3rem;margin:1rem 0}.score-value{font-size:2.5rem;font-weight:700;color:var(--color-primary, #d4af37)}.score-label{font-size:1.2rem;color:#ffffffb3}.shichen-reason{font-size:.95rem;color:#fffc;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.all-shichen-section{margin-bottom:3rem}.all-shichen-section h2{color:var(--color-primary, #d4af37);font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.shichen-list{display:flex;flex-direction:column;gap:1rem}.shichen-item{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:1.5rem;transition:all .3s ease}.shichen-item.good{border-color:#d4af3780;background:#d4af370d}.shichen-item:hover{background:#ffffff1a;transform:translate(5px)}.shichen-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.shichen-name{font-size:1.3rem;font-weight:600;color:var(--color-text)}.shichen-time-range{font-size:1rem;color:#ffffffb3;flex:1}.shichen-badge{padding:.3rem .8rem;border-radius:12px;font-size:.85rem;font-weight:600}.shichen-badge.good{background:#d4af374d;color:var(--color-primary, #d4af37)}.shichen-badge.normal{background:#ffffff1a;color:#ffffffb3}.shichen-details{display:flex;flex-direction:column;gap:.8rem}.shichen-pillar{font-size:1rem;color:#fffc}.shichen-score-bar{display:flex;flex-direction:column;gap:.5rem}.score-label{font-size:.9rem;color:#ffffffb3}.score-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.score-fill{height:100%;background:linear-gradient(90deg,var(--color-primary, #d4af37) 0%,rgba(212,175,55,.6) 100%);border-radius:4px;transition:width .5s ease}.tips-section{background:#ffffff0d;border-radius:20px;padding:2rem;border-left:4px solid var(--color-primary, #d4af37)}.tips-section h3{color:var(--color-primary, #d4af37);font-size:1.5rem;margin-bottom:1rem}.tips-section ul{list-style:none;padding:0;margin:0}.tips-section li{color:#fffc;font-size:1rem;line-height:1.8;padding:.5rem 0 .5rem 1.5rem;position:relative}.tips-section li:before{content:"•";position:absolute;left:0;color:var(--color-primary, #d4af37);font-size:1.2rem}@media (max-width: 768px){.auspicious-date{padding:1rem}.back-button{position:relative;top:0;left:0;margin-bottom:1rem}.auspicious-header h1{font-size:2rem}.event-type-grid{grid-template-columns:repeat(2,1fr)}.best-shichen-grid{grid-template-columns:1fr}.shichen-header{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.auspicious-header h1{font-size:1.5rem}.event-type-grid{grid-template-columns:1fr}.event-type-card{padding:1rem}.date-selection-section,.tips-section{padding:1.5rem}}.number-energy{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#14141ef2,#1e1928f2)}.number-energy-header{text-align:center;margin-bottom:3rem}.back-button{position:absolute;top:2rem;left:2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--color-text);padding:.75rem 1.5rem;border-radius:25px;font-size:1rem;cursor:pointer;transition:all .3s ease}.back-button:hover{background:#fff3;transform:translate(-5px)}.number-energy-header h1{font-size:2.5rem;color:var(--color-primary, #d4af37);margin:1rem 0;text-shadow:0 0 20px rgba(212,175,55,.5)}.subtitle{color:#ffffffb3;font-size:1.1rem}.number-energy-content{max-width:1200px;margin:0 auto}.number-type-section{margin-bottom:3rem}.number-type-section h2{color:var(--color-primary, #d4af37);font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.number-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.number-type-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s ease}.number-type-card:hover{background:#ffffff1a;border-color:var(--color-primary, #d4af37);transform:translateY(-5px)}.number-type-card.active{background:#d4af3733;border-color:var(--color-primary, #d4af37);box-shadow:0 0 20px #d4af374d}.type-icon{font-size:3rem;margin-bottom:.5rem}.type-name{font-size:1.2rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.type-desc{font-size:.9rem;color:#fff9}.input-section{margin-bottom:3rem}.input-section h2{color:var(--color-primary, #d4af37);font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.input-wrapper{position:relative;max-width:600px;margin:0 auto}.number-input{width:100%;padding:1.2rem 3rem 1.2rem 1.5rem;font-size:1.2rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:15px;color:var(--color-text);transition:all .3s ease}.number-input:focus{outline:none;border-color:var(--color-primary, #d4af37);background:#ffffff26;box-shadow:0 0 20px #d4af374d}.clear-button{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:var(--color-text);width:2rem;height:2rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.clear-button:hover{background:#fff3}.input-hint{text-align:center;color:#fff9;font-size:.9rem;margin-top:.5rem}.analysis-section{margin-top:3rem}.analysis-section h2{color:var(--color-primary, #d4af37);font-size:1.8rem;margin-bottom:2rem;text-align:center}.score-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;margin-bottom:2rem;text-align:center}.score-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.score-label{font-size:1.2rem;color:var(--color-text);font-weight:600}.score-level{font-size:1.1rem;font-weight:600;padding:.5rem 1rem;border-radius:20px;background:#ffffff1a}.score-value{margin:1.5rem 0}.score-number{font-size:4rem;font-weight:700;color:var(--color-primary, #d4af37);text-shadow:0 0 20px rgba(212,175,55,.5)}.score-total{font-size:2rem;color:#ffffff80;margin-left:.5rem}.score-bar{width:100%;height:12px;background:#ffffff1a;border-radius:10px;overflow:hidden;margin-top:1rem}.score-fill{height:100%;border-radius:10px;transition:width .6s ease;box-shadow:0 0 10px currentColor}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.info-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:1.5rem;text-align:center}.info-label{font-size:.9rem;color:#fff9;margin-bottom:.5rem}.info-value{font-size:1.5rem;font-weight:600;color:var(--color-text)}.info-value.highlight{color:var(--color-primary, #d4af37);font-size:2rem;text-shadow:0 0 10px rgba(212,175,55,.5)}.digit-statistics{margin-bottom:2rem}.digit-statistics h3{color:var(--color-primary, #d4af37);font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.digit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.digit-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;text-align:center;transition:all .3s ease}.digit-item:hover{background:#ffffff1a;transform:translateY(-3px)}.digit-number{font-size:2rem;font-weight:700;color:var(--color-primary, #d4af37);margin-bottom:.5rem}.digit-count{font-size:.9rem;color:#ffffffb3;margin-bottom:.5rem}.digit-meaning{font-size:.85rem;color:#fff9;line-height:1.4}.digit-meaning.positive{color:#4ade80}.digit-meaning.negative{color:#f87171}.combinations-section{margin-bottom:2rem}.combinations-section h3{color:var(--color-primary, #d4af37);font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.combinations-list{display:flex;flex-direction:column;gap:1rem}.combination-item{background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:12px;padding:1rem 1.5rem;margin-bottom:.5rem;transition:all .3s ease}.combination-item.positive{border-color:#4ade804d;background:#4ade801a}.combination-item.negative{border-color:#f871714d;background:#f871711a}.combination-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.combination-number{font-size:1.5rem;font-weight:700;color:var(--color-primary, #d4af37);min-width:60px;text-align:center}.combination-meaning{font-size:1rem;color:var(--color-text);flex:1}.toggle-detail-btn{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--color-text);cursor:pointer;font-size:.9rem;transition:all .3s ease}.toggle-detail-btn:hover{background:#fff3}.combination-detail{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.detail-text{color:#fffc;line-height:1.6;margin-bottom:.5rem}.detail-suggestion{color:var(--color-primary, #d4af37);font-weight:500;margin-top:.5rem}.meanings-section{margin-bottom:2rem}.meanings-section h3{color:var(--color-primary, #d4af37);font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.meanings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.meaning-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;text-align:center}.meaning-item.positive{border-color:#4ade804d;background:#4ade800d}.meaning-item.negative{border-color:#f871714d;background:#f871710d}.meaning-item{cursor:pointer;transition:all .3s ease}.meaning-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0003}.meaning-digit{font-size:2rem;font-weight:700;color:var(--color-primary, #d4af37);margin-bottom:.5rem}.meaning-text{font-size:.9rem;color:var(--color-text);line-height:1.4}.meaning-detail{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem;color:#ffffffb3;line-height:1.5}.meaning-meta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem;font-size:.8rem;color:#fff9}.meaning-meta span{padding:.25rem .5rem;background:#ffffff1a;border-radius:4px}.suggestions-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:2rem;margin-top:2rem}.suggestions-section h3{color:var(--color-primary, #d4af37);font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.suggestions-list li{padding:.75rem 1rem;margin-bottom:.5rem;background:#ffffff0d;border-left:3px solid var(--color-primary, #d4af37);border-radius:5px;color:var(--color-text);line-height:1.6}.suggestions-list li:last-child{margin-bottom:0}.final-digit-section{margin-bottom:2rem}.final-digit-section h3{color:var(--color-primary, #d4af37);font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.final-digit-card{background:#d4af3726;border:2px solid rgba(212,175,55,.3);border-radius:20px;padding:2rem;text-align:center}.final-digit-header{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.final-digit-number{font-size:5rem;font-weight:700;color:var(--color-primary, #d4af37);text-shadow:0 0 20px rgba(212,175,55,.5);line-height:1}.final-digit-basic{flex:1;text-align:left}.final-digit-meaning{font-size:1.5rem;font-weight:600;color:var(--color-text);margin-bottom:1rem}.final-digit-meta{display:flex;gap:1rem;flex-wrap:wrap}.meta-item{padding:.5rem 1rem;background:#ffffff1a;border-radius:8px;font-size:.9rem;color:var(--color-text)}.final-digit-details{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);text-align:left}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.detail-item{background:#ffffff0d;border-radius:8px;padding:1rem}.detail-label{font-weight:600;color:var(--color-primary, #d4af37);margin-right:.5rem}.detail-value{color:var(--color-text)}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.share-btn{padding:.875rem 2rem;background:linear-gradient(135deg,#ff6b35,#ff8c42);border:none;border-radius:30px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b3566;display:flex;align-items:center;gap:.5rem}.share-btn:hover{background:linear-gradient(135deg,#ff8c42,#ffa366);transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3580}.share-btn1{padding:.875rem 2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:30px;color:var(--color-text);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.share-btn1:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-2px)}.empty-state{text-align:center;padding:3rem;color:#ffffff80;font-size:1.1rem}@media (max-width: 768px){.number-energy{padding:1.5rem 1rem}.back-button{position:relative;top:0;left:0;margin-bottom:1rem}.number-energy-header h1{font-size:2rem}.number-type-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.type-icon{font-size:2.5rem}.number-input{font-size:1rem;padding:1rem 2.5rem 1rem 1rem}.score-number{font-size:3rem}.score-total{font-size:1.5rem}.info-grid{grid-template-columns:1fr}.digit-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.meanings-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width: 480px){.number-energy-header h1{font-size:1.5rem}.number-type-grid{grid-template-columns:1fr}.score-number{font-size:2.5rem}.digit-grid{grid-template-columns:repeat(3,1fr)}.meanings-grid{grid-template-columns:repeat(2,1fr)}}.lucky-color{max-width:980px;margin:0 auto;padding:16px;position:relative}.lucky-color-header{text-align:center;margin-bottom:12px}.lucky-color-header h2{margin:0;font-size:24px;color:var(--color-text, #eee)}.lucky-color-date-section{margin-bottom:24px}.date-selector{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.date-selector label{font-size:14px;color:var(--color-text-secondary, #aaa)}.date-input{padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--color-text, #eee);font-size:14px;cursor:pointer;transition:all .3s ease}.date-input:hover{background:#ffffff26;border-color:#ffffff4d}.date-input:focus{outline:none;background:#ffffff26;border-color:var(--color-accent, #FFD700);box-shadow:0 0 8px #ffd7004d}.reset-today-btn{padding:8px 16px;background:#ffd70033;border:1px solid rgba(255,215,0,.3);border-radius:8px;color:var(--color-text, #eee);font-size:14px;cursor:pointer;transition:all .3s ease}.reset-today-btn:hover{background:#ffd7004d;transform:translateY(-2px)}.lucky-color-date{text-align:center;font-size:16px;color:var(--color-text-secondary, #aaa);display:flex;align-items:center;justify-content:center;gap:8px}.today-badge{padding:4px 12px;background:#ffd70033;border:1px solid rgba(255,215,0,.3);border-radius:12px;font-size:12px;color:var(--color-accent, #FFD700);font-weight:600}.personal-info-section{background:var(--color-bg-card, rgba(15, 52, 96, .3));border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:16px;padding:20px;margin-bottom:24px}.personal-info-toggle{margin-bottom:16px}.toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--color-text, #eee);font-size:16px;font-weight:500}.toggle-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.personal-info-form{display:flex;flex-direction:column;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.info-item{display:flex;flex-direction:column;gap:8px}.info-item label{font-size:14px;color:var(--color-text-secondary, #aaa);font-weight:500}.shengxiao-selector,.zodiac-selector{display:flex;flex-wrap:wrap;gap:8px}.shengxiao-btn,.zodiac-btn{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--color-text, #eee);font-size:14px;cursor:pointer;transition:all .3s ease}.shengxiao-btn:hover,.zodiac-btn:hover{background:#ffffff1a;border-color:#ffffff40}.shengxiao-btn.active,.zodiac-btn.active{background:#ffd70033;border-color:var(--color-accent, #FFD700);color:var(--color-accent, #FFD700);font-weight:600}.personalized-reason{margin-top:12px;padding:12px;background:#ffd7001a;border:1px solid rgba(255,215,0,.2);border-radius:8px;text-align:center}.reason-label{font-size:14px;color:var(--color-text-secondary, #aaa);margin-right:8px}.reason-text{font-size:14px;color:var(--color-accent, #FFD700);font-weight:500}.calendar-type-selector{display:flex;gap:8px}.calendar-type-btn{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--color-text, #eee);font-size:14px;cursor:pointer;transition:all .3s ease}.calendar-type-btn:hover{background:#ffffff1a;border-color:#ffffff40}.calendar-type-btn.active{background:#ffd70033;border-color:var(--color-accent, #FFD700);color:var(--color-accent, #FFD700);font-weight:600}.lunar-date-inputs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lunar-input{padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--color-text, #eee);font-size:14px;width:80px;text-align:center}.lunar-input:focus{outline:none;background:#ffffff26;border-color:var(--color-accent, #FFD700);box-shadow:0 0 8px #ffd7004d}.lunar-date-inputs span{color:var(--color-text-secondary, #aaa);font-size:14px}.leap-month-label{display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--color-text, #eee);font-size:14px;margin-left:8px}.leap-month-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.color-display-section{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:24px}.main-color-card,.secondary-color-card{background:var(--color-bg-card, rgba(15, 52, 96, .3));border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px}.color-swatch{width:100%;height:200px;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.color-swatch:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0006}.main-swatch{height:240px}.secondary-swatch{height:160px}.color-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:16px;color:#fff;text-align:center}.color-name{font-size:24px;font-weight:700;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.color-hex{font-size:14px;opacity:.9;font-family:Courier New,monospace}.color-info{flex:1}.color-info h3{margin:0 0 8px;font-size:18px;color:var(--color-text, #eee)}.color-meaning{margin:0 0 12px;font-size:14px;color:var(--color-text-secondary, #aaa);line-height:1.5}.color-meta{display:flex;gap:12px;flex-wrap:wrap}.color-element,.color-energy{font-size:12px;padding:4px 12px;background:#ffffff1a;border-radius:12px;color:var(--color-text, #eee)}.color-suggestions{background:var(--color-bg-card, rgba(15, 52, 96, .3));border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:16px;padding:20px;margin-bottom:24px}.color-suggestions h3{margin:0 0 16px;font-size:18px;color:var(--color-text, #eee)}.suggestions-list{list-style:none;padding:0;margin:0}.suggestions-list li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05);color:var(--color-text-secondary, #aaa);font-size:14px;line-height:1.6}.suggestions-list li:last-child{border-bottom:none}.suggestions-list li:before{content:"✨ ";margin-right:8px}.color-usage{background:var(--color-bg-card, rgba(15, 52, 96, .3));border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:16px;padding:20px;margin-bottom:24px}.color-usage h3{margin:0 0 16px;font-size:18px;color:var(--color-text, #eee)}.usage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.usage-item{text-align:center;padding:16px;background:#ffffff0d;border-radius:12px;transition:background .3s ease,transform .3s ease}.usage-item:hover{background:#ffffff1a;transform:translateY(-2px)}.usage-icon{font-size:32px;margin-bottom:8px}.usage-text{font-size:16px;font-weight:700;color:var(--color-text, #eee);margin-bottom:4px}.usage-desc{font-size:12px;color:var(--color-text-secondary, #aaa);line-height:1.4}.color-compatibility{background:var(--color-bg-card, rgba(15, 52, 96, .3));border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:16px;padding:20px}.color-compatibility h3{margin:0 0 16px;font-size:18px;color:var(--color-text, #eee)}.compatible-colors{display:flex;flex-wrap:wrap;gap:12px}.compatible-color-item{display:flex;flex-direction:column;align-items:center;gap:8px}.compatible-swatch{width:60px;height:60px;border-radius:8px;box-shadow:0 2px 8px #0000004d;border:2px solid rgba(255,255,255,.2);transition:transform .3s ease,box-shadow .3s ease}.compatible-swatch:hover{transform:scale(1.1);box-shadow:0 4px 12px #0006}.compatible-color-item span{font-size:12px;color:var(--color-text-secondary, #aaa)}.color-hex-container{display:flex;align-items:center;gap:8px;justify-content:center}.copy-hex-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:4px 8px;color:#fff;cursor:pointer;font-size:12px;transition:all .3s ease}.copy-hex-btn:hover{background:#ffffff4d;transform:scale(1.1)}.energy-level{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px}.energy-label{color:#ffffffe6;font-weight:500}.energy-bar{flex:1;height:6px;background:#fff3;border-radius:3px;overflow:hidden}.energy-fill{height:100%;background:linear-gradient(90deg,gold,orange);border-radius:3px;transition:width .5s ease}.energy-value{color:#ffffffe6;font-weight:700;min-width:30px;text-align:right}.toggle-details-btn{margin-top:12px;padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--color-text, #eee);cursor:pointer;font-size:14px;transition:all .3s ease}.toggle-details-btn:hover{background:#fff3;transform:translateY(-2px)}.color-details{background:var(--color-bg-card, rgba(15, 52, 96, .3));border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:16px;padding:20px;margin-bottom:24px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.detail-section{margin-bottom:20px}.detail-section:last-child{margin-bottom:0}.detail-section h3{margin:0 0 12px;font-size:16px;color:var(--color-text, #eee)}.detail-section p{margin:0;font-size:14px;color:var(--color-text-secondary, #aaa);line-height:1.6}.time-slots-section{background:var(--color-bg-card, rgba(15, 52, 96, .3));border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:16px;padding:20px;margin-bottom:24px}.time-slots-section h3{margin:0 0 16px;font-size:18px;color:var(--color-text, #eee)}.time-slots-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.time-slot-item{display:flex;gap:12px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.time-slot-item:hover{background:#ffffff1a;transform:translateY(-2px)}.time-slot-item.active{border-color:var(--color-accent, #FFD700);box-shadow:0 0 12px #ffd7004d}.time-slot-color{width:60px;height:60px;border-radius:8px;flex-shrink:0;box-shadow:0 2px 8px #0000004d}.time-slot-info{flex:1;display:flex;flex-direction:column;gap:4px}.time-slot-time{font-size:14px;font-weight:700;color:var(--color-text, #eee)}.time-slot-name{font-size:12px;color:var(--color-text-secondary, #aaa)}.time-slot-hex{font-size:11px;color:var(--color-text-secondary, #aaa);font-family:Courier New,monospace}.color-actions{display:flex;justify-content:center;margin-top:24px}.share-btn{padding:12px 24px;background:linear-gradient(135deg,#ffd70033,#ffa50033);border:1px solid rgba(255,215,0,.3);border-radius:24px;color:var(--color-text, #eee);font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.share-btn:hover{background:linear-gradient(135deg,#ffd7004d,#ffa5004d);transform:translateY(-2px);box-shadow:0 4px 12px #ffd7004d}@media (max-width: 768px){.lucky-color{padding:12px}.color-display-section{grid-template-columns:1fr;gap:12px}.main-swatch{height:200px}.secondary-swatch{height:150px}.usage-grid{grid-template-columns:1fr;gap:12px}.compatible-colors{justify-content:center}.compatible-swatch{width:50px;height:50px}}@media (max-width: 480px){.lucky-color-header h2,.color-name{font-size:20px}.color-swatch{height:160px}.main-swatch{height:180px}.secondary-swatch{height:120px}.time-slots-grid{grid-template-columns:1fr}}.qimen-dunjia{min-height:100vh;padding:2rem 1rem;background:linear-gradient(135deg,#0f3460,#16213e);color:var(--color-text)}.qimen-header{text-align:center;margin-bottom:2rem}.qimen-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-major) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.qimen-subtitle{font-size:1.1rem;color:var(--color-text-secondary);opacity:.9}.qimen-content{max-width:1200px;margin:0 auto}.time-selector{background:#0f346066;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;margin-bottom:2rem}.time-selector h3{font-size:1.3rem;margin-bottom:1rem;color:var(--color-accent)}.time-inputs{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.time-input-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:80px}.time-input-group label{font-size:.9rem;color:var(--color-text-secondary);font-weight:500}.time-input-group input{padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--color-text);font-size:1rem;transition:all .3s ease}.time-input-group input:focus{outline:none;border-color:var(--color-accent);background:#ffffff1a}.reset-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-major) 100%);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.reset-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #e9456066}.direction-selector{background:#0f346066;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;margin-bottom:2rem}.direction-selector h3{font-size:1.3rem;margin-bottom:1rem;color:var(--color-accent)}.direction-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:400px;margin:0 auto}.direction-btn{padding:1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.15);border-radius:12px;color:var(--color-text);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.direction-btn:hover{background:#ffffff1a;border-color:#ffffff4d;transform:scale(1.05)}.direction-btn.active{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-major) 100%);border-color:var(--color-accent);color:#fff;box-shadow:0 4px 15px #e9456066}.qimen-pan{background:#0f346066;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;margin-bottom:2rem}.qimen-pan h3{font-size:1.3rem;margin-bottom:1.5rem;color:var(--color-accent);text-align:center}.jiugong-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:900px;margin:0 auto}.palace-cell{background:#ffffff0d;border:2px solid rgba(255,255,255,.15);border-radius:12px;padding:1rem;transition:all .3s ease;min-height:180px;display:flex;flex-direction:column}.palace-cell.auspicious{border-color:#4caf5080;background:#4caf501a}.palace-cell.inauspicious{border-color:#f4433680;background:#f443361a}.palace-cell.selected{border-color:var(--color-accent);box-shadow:0 0 20px #e9456080;transform:scale(1.05)}.palace-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.palace-name{font-size:1.1rem;font-weight:700;color:var(--color-accent)}.palace-direction{font-size:.9rem;color:var(--color-text-secondary);background:#ffffff1a;padding:.25rem .5rem;border-radius:4px}.palace-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.palace-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.item-label{color:var(--color-text-secondary);font-weight:500}.item-value{font-weight:700;padding:.25rem .5rem;border-radius:4px;background:#ffffff1a}.item-value.auspicious{color:#4caf50;background:#4caf5033}.item-value.inauspicious{color:#f44336;background:#f4433633}.palace-score{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.score-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.score-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s ease}.palace-cell.inauspicious .score-fill{background:linear-gradient(90deg,#f44336,#ff7043)}.score-text{font-size:.85rem;color:var(--color-text-secondary);font-weight:600}.qimen-analysis{display:flex;flex-direction:column;gap:1.5rem}.analysis-section{background:#0f346066;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem}.analysis-section h3{font-size:1.3rem;margin-bottom:1rem;color:var(--color-accent)}.analysis-section p{line-height:1.8;color:var(--color-text);font-size:1rem}.direction-detail{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.detail-item{margin-bottom:.75rem;line-height:1.6;color:var(--color-text)}.detail-item strong{color:var(--color-accent);font-weight:600}.direction-suggestions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1rem}.suggestion-group h4{font-size:1.1rem;margin-bottom:.75rem;color:var(--color-accent)}.suggestion-list{display:flex;flex-direction:column;gap:.5rem}.suggestion-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.suggestion-item.auspicious{border-color:#4caf5080;background:#4caf501a}.suggestion-item.inauspicious{border-color:#f4433680;background:#f443361a}.suggestion-direction{font-weight:600;font-size:1.1rem}.suggestion-score{font-size:.9rem;color:var(--color-text-secondary)}@media (max-width: 768px){.qimen-dunjia{padding:1rem .5rem}.qimen-header h1{font-size:2rem}.time-inputs{flex-direction:column;align-items:stretch}.time-input-group{min-width:100%}.direction-buttons{grid-template-columns:repeat(2,1fr)}.jiugong-grid{gap:.5rem}.palace-cell{min-height:160px;padding:.75rem}.palace-name{font-size:1rem}.palace-item{font-size:.85rem}.direction-suggestions{grid-template-columns:1fr}}@media (max-width: 480px){.qimen-header h1{font-size:1.75rem}.qimen-subtitle{font-size:1rem}.jiugong-grid{gap:.25rem}.palace-cell{min-height:140px;padding:.5rem}.palace-name{font-size:.9rem}.palace-direction,.palace-item{font-size:.8rem}}.name-test{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;color:#333}.name-test-header{text-align:center;margin-bottom:30px;position:relative}.back-btn{position:absolute;left:0;top:0;background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:16px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn:hover{background:#ffffff4d;transform:translate(-5px)}.name-test-header h1{font-size:2.5em;margin:20px 0 10px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.name-test-content{max-width:900px;margin:0 auto}.input-section{background:#fffffff2;padding:30px;border-radius:20px;margin-bottom:30px;box-shadow:0 8px 32px #0000001a;max-width:500px;margin-left:auto;margin-right:auto}.input-group{margin-bottom:20px}.input-group label{display:block;font-weight:700;margin-bottom:8px;color:#333;font-size:16px;text-align:center}.input-group input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:all .3s ease;text-align:center;box-sizing:border-box}.input-group input::placeholder{text-align:center}.input-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.test-btn{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.test-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.result-section{background:#fffffff2;padding:30px;border-radius:20px;box-shadow:0 8px 32px #0000001a}.score-card{text-align:center;padding:30px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;margin-bottom:30px;color:#fff}.score-value{font-size:4em;font-weight:700;margin-bottom:10px}.score-label{font-size:1.2em;opacity:.9}.grids-section{margin-bottom:30px}.grids-section h3{color:#667eea;margin-bottom:20px;font-size:1.5em}.grids-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.grid-item{background:#f8f9fa;padding:20px;border-radius:10px;text-align:center;border:2px solid #e0e0e0;transition:all .3s ease}.grid-item:hover{transform:translateY(-3px);box-shadow:0 4px 15px #0000001a;border-color:#667eea}.grid-name{font-size:14px;color:#666;margin-bottom:8px}.grid-number{font-size:2em;font-weight:700;color:#333;margin-bottom:5px}.grid-wuxing{font-size:1.2em;font-weight:700;margin-bottom:8px}.grid-wuxing[data-wuxing=金]{color:gold}.grid-wuxing[data-wuxing=木]{color:#228b22}.grid-wuxing[data-wuxing=水]{color:#1e90ff}.grid-wuxing[data-wuxing=火]{color:#ff4500}.grid-wuxing[data-wuxing=土]{color:#8b4513}.grid-meaning{font-size:12px;padding:4px 8px;border-radius:4px;display:inline-block}.grid-meaning[data-level=大吉]{background:#4caf50;color:#fff}.grid-meaning[data-level=吉]{background:#8bc34a;color:#fff}.grid-meaning[data-level=半吉]{background:#ffc107;color:#333}.grid-meaning[data-level=凶]{background:#f44336;color:#fff}.grid-meaning[data-level=大凶]{background:#d32f2f;color:#fff}.sancai-section{margin-bottom:30px}.sancai-section h3{color:#667eea;margin-bottom:20px;font-size:1.5em}.sancai-display{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}.sancai-item{text-align:center;padding:20px;background:#f8f9fa;border-radius:10px;min-width:100px}.sancai-label{font-size:14px;color:#666;margin-bottom:8px}.sancai-wuxing{font-size:2em;font-weight:700;color:#667eea}.sancai-arrow{font-size:1.5em;color:#667eea;font-weight:700}.sancai-analysis{background:#f8f9fa;padding:15px;border-radius:10px;line-height:1.8;color:#333}.analysis-section{margin-bottom:30px}.analysis-section h3{color:#667eea;margin-bottom:20px;font-size:1.5em}.analysis-content{background:#f8f9fa;padding:20px;border-radius:10px;max-height:500px;overflow-y:auto}.analysis-content pre{margin:0;white-space:pre-wrap;word-wrap:break-word;line-height:1.8;color:#333;font-family:inherit}@media (max-width: 768px){.name-test-header h1{font-size:2em}.grids-grid{grid-template-columns:repeat(2,1fr)}.sancai-display{flex-direction:column}.sancai-arrow{transform:rotate(90deg)}.score-value{font-size:3em}}@media (max-width: 480px){.name-test{padding:15px}.input-section,.result-section{padding:20px}.grids-grid{grid-template-columns:1fr}}.ziwei-doushu-container{max-width:1200px;margin:0 auto;padding:20px;color:#333}.back-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;margin-bottom:20px;transition:all .3s ease}.back-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.ziwei-header{text-align:center;margin-bottom:30px}.ziwei-header h1{font-size:2.5em;margin:0 0 10px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#666;font-size:1.1em;margin:0}.input-section{background:#fff;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 4px 6px #0000001a;max-width:600px;margin-left:auto;margin-right:auto}.calendar-type-selector{display:flex;gap:20px;margin-bottom:20px;justify-content:center}.calendar-type-selector label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:16px}.calendar-type-selector input[type=radio]{width:18px;height:18px;cursor:pointer}.input-group{display:flex;align-items:center;gap:15px;margin-bottom:20px}.input-group label{white-space:nowrap;flex-shrink:0;font-weight:500;min-width:100px}.input-group input[type=date],.input-group input[type=number],.input-group select{flex:1;padding:10px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:all .3s ease;box-sizing:border-box}.input-group input[type=date]:focus,.input-group input[type=number]:focus,.input-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.calculate-btn{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:10px}.calculate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.calculate-btn:active{transform:translateY(0)}.result-section{margin-top:30px}.chart-info{background:#fff;border-radius:12px;padding:20px;margin-bottom:30px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.info-item{display:flex;align-items:center;gap:10px}.info-label{font-weight:700;color:#667eea;font-size:16px}.info-value{font-size:18px;color:#333;font-weight:500}.palaces-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px}.palace-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;border:2px solid transparent}.palace-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.palace-card.ming-gong{border-color:#667eea;background:linear-gradient(135deg,#f5f7ff,#fff)}.palace-card.shen-gong{border-color:#f093fb;background:linear-gradient(135deg,#fff5f9,#fff)}.palace-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e0e0e0}.palace-name{margin:0;font-size:1.3em;color:#333;font-weight:700}.palace-tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700}.palace-tag.shen{background:linear-gradient(135deg,#f093fb,#f5576c)}.palace-stars{margin-bottom:15px;min-height:60px}.main-stars{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.minor-stars{display:flex;flex-wrap:wrap;gap:6px}.star{display:inline-block;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500}.main-star{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.minor-star{background:#f0f0f0;color:#666;border:1px solid #ddd}.sihua-stars{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.sihua-star{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-size:12px;padding:4px 10px}.no-stars{color:#999;font-style:italic;text-align:center;padding:10px}.palace-analysis{color:#555;font-size:14px;line-height:1.6;padding-top:15px;border-top:1px solid #f0f0f0}@media (max-width: 768px){.ziwei-doushu-container{padding:15px}.ziwei-header h1{font-size:2em}.input-section{padding:20px}.palaces-grid{grid-template-columns:1fr}.chart-info{flex-direction:column;gap:15px;text-align:center}}.shengxiao-pairing{min-height:100vh;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#333}.pairing-header{text-align:center;margin-bottom:30px;position:relative}.back-btn{position:absolute;left:0;top:0;background:#ffffffe6;border:none;padding:10px 20px;border-radius:20px;cursor:pointer;font-size:16px;transition:all .3s;box-shadow:0 2px 10px #0000001a}.back-btn:hover{background:#fff;transform:translate(-3px);box-shadow:0 4px 15px #0003}.pairing-header h1{font-size:2.5em;margin:20px 0 10px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.subtitle{color:#ffffffe6;font-size:1.1em;margin:0}.pairing-content{max-width:800px;margin:0 auto}.shengxiao-selector-section{background:#fff;border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:0 10px 30px #0003}.selector-group{margin-bottom:30px}.selector-group label{display:block;font-size:1.2em;font-weight:700;margin-bottom:15px;color:#333}.shengxiao-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.shengxiao-btn{padding:15px;border:2px solid #e0e0e0;border-radius:10px;background:#fff;font-size:1.3em;cursor:pointer;transition:all .3s;font-weight:700;color:#333}.shengxiao-btn:hover{border-color:#667eea;background:#f0f0ff;transform:translateY(-2px);box-shadow:0 4px 10px #667eea4d}.shengxiao-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 4px 15px #667eea66}.pairing-btn{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1.2em;font-weight:700;cursor:pointer;transition:all .3s;margin-top:20px;box-shadow:0 4px 15px #667eea4d}.pairing-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.pairing-btn:active{transform:translateY(0)}.pairing-result{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px #0003;animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.result-header h2{margin:0;font-size:1.8em;color:#333}.compatibility-badge{padding:10px 20px;border-radius:20px;color:#fff;font-size:1.2em;font-weight:700;box-shadow:0 4px 10px #0003}.score-section{display:flex;justify-content:center;margin:30px 0}.score-circle{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;box-shadow:0 8px 20px #667eea4d}.score-value{font-size:3em;font-weight:700;line-height:1}.score-label{font-size:1em;margin-top:5px;opacity:.9}.relationships-section{margin:30px 0}.relationships-section h3{font-size:1.3em;margin-bottom:15px;color:#333}.relationships-tags{display:flex;flex-wrap:wrap;gap:10px}.relationship-tag{padding:8px 16px;border-radius:20px;color:#fff;font-weight:700;font-size:1em;box-shadow:0 2px 8px #0003}.analysis-section{margin:30px 0;padding:20px;background:#f5f5f5;border-radius:10px;border-left:4px solid #667eea}.analysis-section h3{font-size:1.3em;margin-bottom:15px;color:#333}.analysis-section p{font-size:1.1em;line-height:1.8;color:#555;margin:0}.relationship-info{margin-top:30px;padding-top:20px;border-top:2px solid #e0e0e0}.relationship-info h3{font-size:1.3em;margin-bottom:15px;color:#333}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.info-item{padding:15px;background:#f9f9f9;border-radius:8px;border-left:3px solid #667eea}.info-label{font-weight:700;color:#667eea;display:block;margin-bottom:5px}.info-desc{color:#666;font-size:.95em}@media (max-width: 768px){.shengxiao-pairing{padding:15px}.pairing-header h1{font-size:2em}.back-btn{position:relative;margin-bottom:20px}.shengxiao-grid{grid-template-columns:repeat(4,1fr)}.shengxiao-btn{padding:12px;font-size:1.1em}.result-header{flex-direction:column;align-items:flex-start;gap:15px}.score-circle{width:120px;height:120px}.score-value{font-size:2.5em}.info-grid{grid-template-columns:1fr}}.app{min-height:100vh;display:flex;flex-direction:column;padding:2rem;max-width:1400px;margin:0 auto;width:100%;position:relative;overflow-x:hidden;box-sizing:border-box}.app:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,107,157,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(74,144,226,.1) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(255,165,0,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}.app:after{content:"✨";position:fixed;font-size:2rem;opacity:.1;animation:sparkle 4s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes sparkle{0%,to{transform:translate(0) scale(1);opacity:.1}25%{transform:translate(100px,100px) scale(1.5);opacity:.2}50%{transform:translate(-50px,200px) scale(.8);opacity:.15}75%{transform:translate(150px,-50px) scale(1.2);opacity:.2}}.app-header{text-align:center;margin-bottom:3rem;padding:2rem 0;position:relative}.category-selector{display:flex;justify-content:center;margin:1.5rem 0;background:transparent!important;padding:0!important;border:none!important;box-shadow:none!important}.category-select{padding:.7rem 3rem .7rem 1.5rem;background:#0f346099!important;border:2px solid rgba(255,255,255,.15)!important;border-radius:25px;color:var(--color-text)!important;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#0f346099!important;background-repeat:no-repeat;background-position:right 1rem center;background-size:12px;min-width:180px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-select:hover{background:#0f3460b3!important;border-color:#ffffff40!important}.category-select:focus{outline:none;border-color:var(--color-accent)!important;box-shadow:0 0 0 3px #e9456033;background:#0f3460b3!important}.category-select:active{background:#0f3460b3!important}.category-select option{background:#0f3460f2!important;color:var(--color-text)!important;padding:.5rem;border:none}.carousel-container{position:relative;display:flex;align-items:center;justify-content:center;margin:3rem 0;height:300px;perspective:1000px;touch-action:pan-y;-webkit-overflow-scrolling:touch}.carousel-wrapper{position:relative;width:100%;height:100%;perspective:1000px;transform-style:preserve-3d;overflow:visible}.transition-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none;z-index:50;overflow:visible}.effect-particles{position:absolute;width:100%;height:100%;top:0;left:0}.particle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,rgba(233,69,96,1) 0%,rgba(74,144,226,.8) 50%,transparent 100%);border-radius:50%;animation:particleFloat .8s ease-out forwards;box-shadow:0 0 8px #e94560cc,0 0 12px #4a90e299;transform:translate(-50%,-50%)}@keyframes particleFloat{0%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}to{opacity:0;transform:translate(calc(-50% + (var(--random-x, .5) - .5) * 300px),calc(-50% + (var(--random-y, .5) - .5) * 300px)) scale(0) rotate(360deg)}}.effect-light{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200%;height:200%;background:radial-gradient(circle,rgba(233,69,96,.3) 0%,rgba(74,144,226,.2) 30%,transparent 70%);animation:lightPulse .6s ease-out;pointer-events:none}@keyframes lightPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.carousel-track.effect-mystic{filter:blur(2px);animation:mysticGlow .6s ease-in-out}@keyframes mysticGlow{0%,to{filter:blur(0px) brightness(1)}50%{filter:blur(3px) brightness(1.3)}}.carousel-track.effect-sparkle{animation:sparkleShine .6s ease-in-out}@keyframes sparkleShine{0%,to{filter:brightness(1) drop-shadow(0 0 0 rgba(233,69,96,0))}50%{filter:brightness(1.4) drop-shadow(0 0 20px rgba(233,69,96,.8))}}.carousel-track.effect-glow{animation:glowPulse .6s ease-in-out}@keyframes glowPulse{0%,to{box-shadow:0 0 #e9456000}50%{box-shadow:0 0 40px #e9456099,0 0 80px #4a90e266}}.carousel-track.effect-fade{animation:fadeTransition .6s ease-in-out}@keyframes fadeTransition{0%,to{opacity:1}50%{opacity:.5}}.carousel-track.effect-swirl{animation:swirlRotate .6s ease-in-out}@keyframes swirlRotate{0%,to{transform:translateZ(-400px) rotateY(var(--carousel-rotation)) scale(1) rotate(0)}50%{transform:translateZ(-410px) rotateY(var(--carousel-rotation)) scale(1.05) rotate(5deg)}}.carousel-track.effect-zoom{animation:zoomTransition .6s ease-in-out}@keyframes zoomTransition{0%{transform:translateZ(-420px) rotateY(var(--carousel-rotation)) scale(.9);filter:blur(2px);opacity:.7}50%{transform:translateZ(-380px) rotateY(var(--carousel-rotation)) scale(1.05);filter:blur(0);opacity:1}to{transform:translateZ(-400px) rotateY(var(--carousel-rotation)) scale(1);filter:blur(0);opacity:1}}.carousel-track.effect-flip{animation:flipTransition .6s ease-in-out}@keyframes flipTransition{0%{transform:translateZ(-400px) rotateY(calc(var(--carousel-rotation) - 45deg));opacity:.4}50%{transform:translateZ(-380px) rotateY(calc(var(--carousel-rotation) + 10deg));opacity:1}to{transform:translateZ(-400px) rotateY(var(--carousel-rotation));opacity:1}}.carousel-track.effect-warp{animation:warpTransition .6s ease-in-out}@keyframes warpTransition{0%{transform:translateZ(-380px) rotateY(var(--carousel-rotation)) skew(8deg);filter:blur(1px)}50%{transform:translateZ(-430px) rotateY(var(--carousel-rotation)) skew(-4deg);filter:blur(2px)}to{transform:translateZ(-400px) rotateY(var(--carousel-rotation)) skew(0);filter:blur(0)}}.carousel-track{position:relative;width:280px;height:180px;margin:0 auto;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform}.carousel-track.no-transition{transition:none}.carousel-item{position:absolute;width:280px;height:180px;transform-style:preserve-3d;cursor:pointer;transition:transform .3s ease;z-index:1;will-change:transform}.carousel-item.center{z-index:100;isolation:isolate;transform-style:preserve-3d}.carousel-item.center .feature-card{transform:scale(1.2);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-major) 100%);border-color:var(--color-accent);box-shadow:0 8px 30px #e9456080;z-index:100;position:relative;isolation:isolate;transform-style:preserve-3d}.carousel-item:not(.center){z-index:1}.carousel-item:not(.center) .feature-card{opacity:.6;filter:blur(2px);z-index:1;position:relative;transform-style:preserve-3d}.carousel-container{cursor:grab;-webkit-user-select:none;user-select:none}.carousel-container:active{cursor:grabbing}.feature-card{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;background:#0f346066;border:2px solid rgba(255,255,255,.1);border-radius:16px;color:var(--color-text);cursor:pointer;transition:all .3s ease;text-align:center;backface-visibility:hidden}.feature-card:hover{background:#0f346099;border-color:#ffffff4d;transform:translateY(-4px);box-shadow:0 8px 20px #0000004d}.feature-card.active{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-major) 100%);border-color:var(--color-accent);box-shadow:0 6px 20px #e9456066;transform:translateY(-2px)}.feature-icon{font-size:2.5rem;margin-bottom:.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.feature-card.active .feature-icon{filter:drop-shadow(0 2px 8px rgba(255,255,255,.3))}.feature-name{font-size:.9rem;font-weight:600;line-height:1.3}.header-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.app-header:before{content:"🔮";position:absolute;left:50%;top:-1rem;transform:translate(-50%);font-size:4rem;opacity:.2;animation:floatHeader 3s ease-in-out infinite}@keyframes floatHeader{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.app-header h1{font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-major) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;text-shadow:0 0 30px rgba(233,69,96,.3)}.subtitle{font-size:1.2rem;color:var(--color-text-secondary);font-weight:300}.app-main{flex:1;display:flex;flex-direction:column;gap:2rem;width:100%;overflow-x:hidden;box-sizing:border-box}.controls{display:flex;justify-content:center;margin-bottom:1rem}.three-card-reading{width:100%;padding:2rem;background:#0f34604d;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);margin-bottom:2rem}.reading-title{text-align:center;font-size:2rem;font-weight:700;margin-bottom:2rem;color:var(--color-text);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-major) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.three-cards-container{display:flex;justify-content:center;align-items:flex-start;gap:2rem;flex-wrap:wrap}.three-card-item{display:flex;flex-direction:column;align-items:center;gap:1rem;flex:1;min-width:280px;max-width:320px}@media (max-width: 1024px) and (min-width: 769px){.three-card-reading{padding:1.5rem}.three-cards-container{gap:1.5rem}.three-card-item{min-width:240px;max-width:280px}}.card-position-label{font-size:1.2rem;font-weight:600;color:var(--color-accent);padding:.5rem 1.5rem;background:#e945601a;border:2px solid var(--color-accent);border-radius:25px;text-align:center;width:fit-content;box-shadow:0 4px 15px #e9456033}.three-card-item .card-display{width:100%;padding:1rem}.three-card-item .card{width:100%;max-width:280px;margin:0 auto}.reading-interpretation{margin-top:3rem;padding:2rem;background:#0f346066;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--color-accent);box-shadow:0 8px 32px #e9456033}.interpretation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.interpretation-title{font-size:1.8rem;font-weight:700;text-align:center;flex:1;color:var(--color-text);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-major) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.export-section{text-align:center;margin-bottom:1rem;display:flex;gap:.5rem;justify-content:center}.action-buttons{display:flex;gap:.5rem}.export-btn,.share-btn{background:linear-gradient(135deg,var(--color-cups) 0%,#5ba3f5 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4a90e24d}.share-btn{background:linear-gradient(135deg,var(--color-wands) 0%,#ff8c00 100%);box-shadow:0 4px 15px #ffa5004d}.export-btn:hover,.share-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4a90e266}.share-btn:hover{box-shadow:0 6px 20px #ffa50066}.interpretation-content{display:flex;flex-direction:column;gap:1.5rem}.interpretation-summary{padding:1.5rem;background:#e945601a;border-radius:15px;border-left:4px solid var(--color-accent)}.interpretation-summary h4{font-size:1.2rem;color:var(--color-accent);margin:0 0 .75rem;font-weight:600}.interpretation-summary p{font-size:1rem;line-height:1.8;color:var(--color-text);margin:0}.interpretation-stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stage-item{padding:1.5rem;background:#0f346080;border-radius:15px;border:1px solid var(--color-border);transition:all .3s ease}.stage-item:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000004d;border-color:var(--color-accent)}.stage-item h4{font-size:1.1rem;color:var(--color-accent);margin:0 0 .75rem;font-weight:600}.stage-item p{font-size:.95rem;line-height:1.7;color:var(--color-text);margin:0}.interpretation-advice{padding:1.5rem;background:#ffa5001a;border-radius:15px;border-left:4px solid var(--color-wands)}.interpretation-advice h4{font-size:1.2rem;color:var(--color-wands);margin:0 0 .75rem;font-weight:600}.interpretation-advice p{font-size:1rem;line-height:1.8;color:var(--color-text);margin:0;font-style:italic}.drawn-cards{margin-top:3rem;padding:2rem;background:#0f34604d;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border)}.drawn-cards h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--color-text);text-align:center}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin-top:1rem}.card-thumbnail{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:12px;padding:1rem;cursor:pointer;transition:all .3s ease;text-align:center}.card-thumbnail:hover{transform:translateY(-5px);border-color:var(--color-accent);box-shadow:var(--shadow-hover)}.card-thumbnail.selected{border-color:var(--color-accent);box-shadow:0 0 20px #e9456080;background:#e945601a}.card-thumbnail-content{display:flex;flex-direction:column;gap:.5rem;align-items:center;position:relative}.card-thumbnail-icon{font-size:2rem;margin-bottom:.25rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .3s ease}.card-thumbnail:hover .card-thumbnail-icon{transform:scale(1.2) rotate(5deg)}.card-thumbnail-name{font-size:.9rem;font-weight:600;color:var(--color-text);text-align:center;line-height:1.3}.card-thumbnail-suit{position:absolute;top:.5rem;right:.5rem;font-size:.8rem;opacity:.6}.card-thumbnail-type{font-size:.75rem;color:var(--color-text-secondary)}.reversed-indicator{font-size:.7rem;color:var(--color-accent);margin-left:.3rem;font-weight:600}.app-footer{text-align:center;padding:2rem 0;margin-top:3rem;color:var(--color-text-secondary);font-size:.9rem;border-top:1px solid var(--color-border)}.footer-content{display:flex;flex-direction:column;gap:1rem;align-items:center}.footer-copyright{margin:0;color:var(--color-text-secondary);font-size:.9rem}.footer-team{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:.5rem}.team-label{margin:0;font-size:.85rem;color:var(--color-text-secondary);opacity:.8}.team-name{margin:0;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-major) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px}@media (max-width: 1024px) and (min-width: 769px){.app{padding:1.5rem}.app-header h1{font-size:3rem}.three-cards-container{gap:1.5rem}.three-card-item{min-width:250px;max-width:300px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media (max-width: 768px){.app{padding:1rem}.app-header{margin-bottom:2rem;padding:1.5rem 0}.app-header:before{font-size:3rem;top:-.5rem}.app-header h1{font-size:2rem;margin-bottom:.5rem}.subtitle{font-size:1rem}.category-selector{margin:1rem 0}.category-select{padding:.6rem 2.5rem .6rem 1.2rem;font-size:.9rem;min-width:160px}.carousel-container{height:250px;margin:2rem 0;display:flex;align-items:center;justify-content:center}.carousel-wrapper{width:100%;display:flex;align-items:center;justify-content:center}.carousel-track{width:220px;height:140px;margin:0 auto}.carousel-item{width:220px;height:140px}.transition-effect{width:220px;height:140px;left:50%;top:50%;transform:translate(-50%,-50%)}.particle{width:3px;height:3px;--particle-distance: 200px}.effect-light{width:150%;height:150%}.feature-card{padding:1rem .5rem}.feature-icon{font-size:2rem;margin-bottom:.4rem}.feature-name{font-size:.8rem}.header-actions{margin-top:1rem;gap:.5rem}.header-actions button{font-size:.85rem;padding:.6rem 1.2rem}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem}.three-cards-container{flex-direction:column;gap:1.5rem}.three-card-item{min-width:100%;max-width:100%}.reading-title{font-size:1.5rem}.interpretation-stages{grid-template-columns:1fr}.interpretation-title{font-size:1.5rem}.reading-interpretation,.drawn-cards{padding:1.5rem;margin-top:2rem}.drawn-cards h2{font-size:1.3rem;margin-bottom:1rem}.card-thumbnail{padding:.75rem}.card-thumbnail-icon{font-size:1.5rem}.card-thumbnail-name{font-size:.8rem}.export-section{flex-direction:column;gap:.75rem}.export-btn,.share-btn{width:100%;padding:.85rem 1.5rem}}@media (max-width: 480px){.app{padding:.75rem}.category-selector{margin:.8rem 0}.category-select{padding:.5rem 2.2rem .5rem 1rem;font-size:.85rem;min-width:140px}.carousel-container{height:200px;margin:1.5rem 0;display:flex;align-items:center;justify-content:center}.carousel-wrapper{width:100%;display:flex;align-items:center;justify-content:center}.carousel-track{width:180px;height:110px;margin:0 auto}.carousel-item{width:180px;height:110px}.transition-effect{width:180px;height:110px;left:50%;top:50%;transform:translate(-50%,-50%)}.particle{width:2px;height:2px;--particle-distance: 150px}.effect-light{width:120%;height:120%}.carousel-nav{width:35px;height:35px;font-size:1.2rem}.carousel-nav-left{left:.5rem}.carousel-nav-right{right:.5rem}.feature-card{padding:.8rem .4rem}.feature-icon{font-size:1.5rem;margin-bottom:.3rem}.feature-name{font-size:.7rem}.app-header{margin-bottom:1.5rem;padding:1rem 0}.app-header h1{font-size:1.75rem}.subtitle{font-size:.9rem}.header-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;width:100%}.nav-btn{width:100%;font-size:.8rem;padding:.5rem .8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{flex-direction:column;width:100%;gap:.5rem}.header-actions button{width:100%;font-size:.8rem;padding:.7rem 1rem}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}.card-thumbnail{padding:.5rem}.card-thumbnail-icon{font-size:1.3rem}.card-thumbnail-name{font-size:.75rem}.card-thumbnail-type{font-size:.7rem}.drawn-cards{padding:1rem}.drawn-cards h2{font-size:1.2rem}.three-card-reading{padding:1rem}.reading-title{font-size:1.3rem}.card-position-label{font-size:1rem;padding:.4rem 1.2rem}.reading-interpretation{padding:1rem}.interpretation-title{font-size:1.3rem;margin-bottom:1.5rem}.interpretation-summary,.stat-detail-card,.stage-item{padding:1rem}.footer-content{gap:.75rem}.footer-copyright{font-size:.85rem}.team-name{font-size:1rem}}:root{--color-bg: #1a1a2e;--color-bg-secondary: #16213e;--color-bg-card: #0f3460;--color-text: #eaeaea;--color-text-secondary: #a0a0a0;--color-accent: #e94560;--color-major: #ff6b9d;--color-wands: #ffa500;--color-cups: #4a90e2;--color-swords: #c0c0c0;--color-pentacles: #d4af37;--color-border: rgba(255, 255, 255, .1);--shadow: 0 8px 32px rgba(0, 0, 0, .3);--shadow-hover: 0 12px 48px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;width:100%;position:relative}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-bg-secondary) 100%),radial-gradient(circle at top left,rgba(255,107,157,.1) 0%,transparent 50%),radial-gradient(circle at bottom right,rgba(74,144,226,.1) 0%,transparent 50%);background-attachment:fixed;color:var(--color-text);min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden;width:100%;-webkit-tap-highlight-color:transparent;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch}@media (max-width: 768px){body{font-size:14px}}@media (max-width: 480px){body{font-size:13px}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 60% 70%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 50% 50%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 80% 10%,rgba(255,255,255,.2),transparent),radial-gradient(2px 2px at 90% 40%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 33% 60%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 66% 80%,rgba(255,255,255,.2),transparent);background-size:200% 200%;background-position:0% 0%;animation:starfield 20s linear infinite;pointer-events:none;z-index:0}@keyframes starfield{0%{background-position:0% 0%}to{background-position:100% 100%}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1;width:100%;overflow-x:hidden}