.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}.subtitle{color:var(--color-text-secondary);font-size:1.1rem}.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}}.zodiac-pairing-section{margin-top:30px;margin-bottom:20px}.pairing-toggle-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}.pairing-toggle-btn:hover{background:linear-gradient(135deg,#7c5cff,#8d6cff);transform:translateY(-1px);box-shadow:0 4px 12px #7c5cff4d}.pairing-panel{margin-top:12px;padding:20px;border:1px solid #363636;background:#1d1d1d;border-radius:14px;animation:fadeIn .3s ease}.pairing-panel h3{margin:0 0 20px;color:#eee;font-size:18px;text-align:center}.pairing-selectors{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.pairing-selector-group{display:flex;flex-direction:column;gap:12px}.pairing-selector-group label{color:#ddd;font-size:15px;font-weight:500}.zodiac-pairing-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.zodiac-pairing-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:10px;border:1px solid #3a3a3a;background:#181818;color:#eaeaea;cursor:pointer;transition:all .3s ease}.zodiac-pairing-btn:hover{border-color:#7c5cff;background:#271f48;transform:translateY(-2px)}.zodiac-pairing-btn.active{border-color:#7c5cff;background:linear-gradient(135deg,#6b5cff,#7c5cff);color:#fff;box-shadow:0 4px 12px #7c5cff4d}.zodiac-pairing-icon{font-size:24px}.zodiac-pairing-name{font-size:12px;font-weight:500}.analyze-pairing-btn{width:100%;padding:12px 20px;border-radius:10px;border:none;background:linear-gradient(135deg,#6b5cff,#7c5cff);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.analyze-pairing-btn:hover{background:linear-gradient(135deg,#7c5cff,#8d6cff);transform:translateY(-2px);box-shadow:0 6px 20px #7c5cff66}.analyze-pairing-btn:active{transform:translateY(0)}.pairing-result-card{margin-top:20px;padding:20px;border:1px solid #363636;background:#181818;border-radius:14px;animation:fadeIn .5s ease}.pairing-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #363636}.pairing-result-header h4{margin:0;color:#eee;font-size:18px}.pairing-compatibility-badge{padding:8px 16px;border-radius:20px;color:#fff;font-size:14px;font-weight:700;box-shadow:0 2px 8px #0003}.pairing-score-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;margin:20px auto;border-radius:50%;background:linear-gradient(135deg,#6b5cff,#7c5cff);color:#fff;box-shadow:0 4px 15px #7c5cff4d}.pairing-score-value{font-size:36px;font-weight:700;line-height:1}.pairing-score-label{font-size:14px;margin-top:5px;opacity:.9}.pairing-relationships{margin:20px 0}.pairing-relationships h5{margin:0 0 12px;color:#ddd;font-size:16px}.pairing-relationship-tags{display:flex;flex-wrap:wrap;gap:8px}.pairing-relationship-tag{padding:6px 14px;border-radius:20px;color:#fff;font-weight:700;font-size:14px;box-shadow:0 2px 6px #0003}.pairing-analysis{margin-top:20px;padding:15px;background:#7c5cff1a;border-radius:10px;border-left:4px solid #7c5cff}.pairing-analysis h5{margin:0 0 10px;color:#ddd;font-size:16px}.pairing-analysis p{margin:0;color:#ccc;font-size:14px;line-height:1.6}@media (max-width: 768px){.zodiac-pairing-grid{grid-template-columns:repeat(4,1fr)}.zodiac-pairing-btn{padding:10px 6px}.zodiac-pairing-icon{font-size:20px}.zodiac-pairing-name{font-size:11px}.pairing-result-header{flex-direction:column;align-items:flex-start;gap:12px}.pairing-score-circle{width:100px;height:100px}.pairing-score-value{font-size:28px}}@media (max-width: 480px){.zodiac-pairing-grid{grid-template-columns:repeat(3,1fr)}.pairing-panel{padding:15px}.pairing-score-circle{width:90px;height:90px}.pairing-score-value{font-size:24px}}.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}.back-btn:hover{background:#0f3460b3;transform:translate(-5px)}.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}}.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}}