#app[data-v-ab333cbb]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:800px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}header[data-v-ab333cbb]{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #eaeaea}header h1[data-v-ab333cbb]{color:#2c3e50;font-size:1.8rem;margin:0}.language-switcher[data-v-ab333cbb]{display:flex;gap:8px;margin-top:10px}.language-switcher button[data-v-ab333cbb]{padding:8px 15px;border:1px solid #3498db;background:#fff;color:#3498db;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.language-switcher button[data-v-ab333cbb]:hover{background:#f8f9fa}.language-switcher button.active[data-v-ab333cbb]{background:#3498db;color:#fff;border-color:#2980b9}main[data-v-ab333cbb]{flex:1}footer[data-v-ab333cbb]{margin-top:40px;padding-top:15px;text-align:center;color:#7f8c8d;font-size:.9rem;border-top:1px solid #eaeaea}@media (max-width: 768px){#app[data-v-ab333cbb]{padding:15px}header[data-v-ab333cbb]{flex-direction:column;align-items:flex-start;gap:15px}header h1[data-v-ab333cbb]{font-size:1.5rem}.language-switcher[data-v-ab333cbb]{width:100%;justify-content:center}.language-switcher button[data-v-ab333cbb]{padding:6px 12px;font-size:.85rem}}@media (max-width: 480px){#app[data-v-ab333cbb]{padding:10px}header h1[data-v-ab333cbb]{font-size:1.3rem}}.logo-page[data-v-bb8af657]{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background:linear-gradient(to bottom,#e0e0e0,#f0f0f0,#fff,#f0f0f0,#e0e0e0);background-attachment:fixed;position:fixed;top:0;left:0;overflow:hidden;animation:pageFadeIn-bb8af657 .5s ease-out;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform:translateZ(0)}.logo-container[data-v-bb8af657]{display:flex;justify-content:center;align-items:center;animation:contentFadeIn-bb8af657 .8s ease-out .2s both}.logo-image[data-v-bb8af657]{width:clamp(200px,50vw,600px);height:clamp(200px,50vw,600px);object-fit:contain;filter:none}@keyframes pageFadeIn-bb8af657{0%{opacity:0}to{opacity:1}}@keyframes contentFadeIn-bb8af657{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-height: 500px) and (orientation: landscape){.logo-image[data-v-bb8af657]{width:clamp(160px,40vw,500px);height:clamp(160px,40vw,500px)}}@media (max-width: 360px){.logo-image[data-v-bb8af657]{width:clamp(180px,44vw,560px);height:clamp(180px,44vw,560px)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.logo-image[data-v-bb8af657]{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion: reduce){.logo-page[data-v-bb8af657],.logo-container[data-v-bb8af657]{animation:none}}.logo-page[data-v-bb8af657]{-webkit-overflow-scrolling:touch}.logo-image[data-v-bb8af657]:focus{outline:none}.logo-container[data-v-bb8af657]{position:relative;z-index:1;margin-top:-50px}html[data-v-bb8af657]{scroll-behavior:smooth}.intro-page{min-height:100vh;background-color:#f0ede8;padding:40px 20px 20px;display:flex;justify-content:center;align-items:flex-start;font-family:Segoe UI,Arial,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#333}.intro-container{max-width:520px;width:100%;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden;padding:28px 30px;border:none}.top-header{display:flex;flex-direction:column;gap:14px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid #E8E2DA}.logo-title{display:flex;align-items:center;gap:12px}.logo-img{width:92px;height:92px;object-fit:contain;flex-shrink:0}.title-content{text-align:center;flex:1}.title-content h1{color:#2c2416;font-size:22px;margin:0 0 4px;font-weight:700;letter-spacing:-.3px}.subtitle{color:#8a8279;font-size:13px;margin:0}.language-switcher{display:flex;gap:0;background:#f5f2ed;padding:4px;border-radius:10px;border:1px solid #E2DCD3}.language-switcher button{flex:1;padding:8px 16px;border:none;background:transparent;color:#8a8279;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .25s ease;text-align:center}.language-switcher button.active{background:linear-gradient(135deg,#c9a66b,#a8854e);color:#fff;box-shadow:0 2px 8px #a8854e59}.tabs-container{margin-bottom:20px}.tabs-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.tab-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:14px 10px;border:none;background:#faf8f5;color:#5a534a;border-radius:12px;cursor:pointer;font-size:13px;font-weight:600;transition:all .25s ease;min-height:80px;border:1px solid #EDE9E2}.tab-btn.active{background:linear-gradient(135deg,#d4a963,#e0bc85 45%,#eed4a5);color:#5c4018;border-color:#c9a66b;box-shadow:0 2px 10px #c9a66b40}.tab-icon{font-size:22px}.tab-text{font-size:12.5px;line-height:1.35;text-align:center}.tabs-content{background:#faf8f5;border-radius:12px;padding:22px;border:1px solid #EDE9E2;min-height:340px}.tab-header{margin-bottom:20px;text-align:left}.tab-header h2{color:#6b5028;font-size:19px;margin:0 0 8px;font-weight:700}.tab-desc{color:#7a7268;font-size:13.5px;line-height:1.65;margin:0}.steps-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:18px}.step-card{background:#fff;border-radius:10px;padding:15px 17px;border:1px solid #E5DFD6;box-shadow:0 1px 3px #0000000a}.step-header{display:flex;align-items:flex-start;gap:12px}.step-number{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#c9a66b,#a07840);color:#fff;font-size:13px;font-weight:600;flex-shrink:0;box-shadow:0 2px 5px #a0784040}.step-header h3{color:#2c2416;font-size:14px;margin:0;line-height:1.55;font-weight:600}.conclusion-card{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:10px;border:1px solid #E5DFD6}.conclusion-icon{font-size:20px;color:#10b981;flex-shrink:0}.conclusion-card p{color:#2c2416;font-size:14px;font-weight:600;margin:0;line-height:1.55}.usage-cards{display:grid;grid-template-columns:1fr;gap:12px}.usage-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border-radius:10px;border:1px solid #E5DFD6}.usage-icon{font-size:20px;flex-shrink:0;margin-top:2px}.usage-content p{color:#3a332a;font-size:14px;line-height:1.65;margin:0}.faq-accordion{display:flex;flex-direction:column;gap:10px}.faq-item{background:#fff;border-radius:10px;border:1px solid #E5DFD6;overflow:hidden}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;cursor:pointer}.faq-question:hover{background:#faf8f5}.faq-question h3{color:#2c2416;font-size:14px;margin:0;flex:1;font-weight:600}.faq-toggle{color:#b8956b;font-size:16px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fbf8f3;border-radius:50%;font-weight:600;flex-shrink:0}.faq-answer{padding:0 17px 16px;border-top:1px solid #EDE9E2}.faq-answer p,.faq-points li{color:#6a625a;font-size:13.5px;line-height:1.65;margin:0}.point-number{font-weight:600;color:#b8956b;margin-right:5px}.faq-conclusion{margin-top:10px!important;color:#3a332a!important;font-weight:500}.contact-cards{display:grid;grid-template-columns:1fr;gap:12px}.contact-card{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:10px;border:1px solid #E5DFD6}.contact-icon{font-size:22px;flex-shrink:0}.contact-details h3{color:#2c2416;font-size:14px;margin:0;line-height:1.45;font-weight:600;font-family:PingFang SC,Microsoft YaHei,Segoe UI,Arial,sans-serif}.bottom-section{margin-top:22px;padding-top:18px;border-top:1px solid #E8E2DA}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:13px 15px;background:#faf8f5;border-radius:10px;border:1px solid #EDE9E2}.footer-logo-img{width:36px;height:36px;object-fit:contain}.footer-text p{color:#3a332a;font-size:13.5px;line-height:1.5;margin:0;font-weight:500}.hint-text{text-align:center;color:#8b7355;font-size:13px;font-weight:500;margin-bottom:16px;padding:11px;background:#fbf6ee;border-radius:10px;border:1px solid #EDE0D0}.action-buttons{display:flex;justify-content:space-between;gap:14px}.exit-btn,.next-btn{padding:12px 28px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;flex:1;letter-spacing:.2px}.exit-btn{background:#f5f2ed;color:#6a625a;border:1px solid #DDD7CE}.exit-btn:hover{background:#ede9e2}.next-btn{background:linear-gradient(135deg,#c9a66b,#a8854e);color:#fff;box-shadow:0 2px 10px #a8854e52}.next-btn:hover{background:linear-gradient(135deg,#ba9560,#987542);box-shadow:0 4px 14px #a8854e73}@media (max-width: 480px){.tabs-nav{grid-template-columns:repeat(2,1fr);gap:8px}.top-header{gap:12px}.action-buttons{flex-direction:column;gap:10px}.intro-container{padding:20px}.tabs-content{padding:18px}}.fortune-form[data-v-b74ac644]{min-height:100vh;min-height:-webkit-fill-available;background-color:#f9f7f4;padding:20px;display:flex;align-items:center;justify-content:center;overflow-x:hidden;width:100%;max-width:100vw;box-sizing:border-box}.form-container[data-v-b74ac644]{width:100%;max-width:480px;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:40px 30px;border:1px solid #E8E6E1;box-sizing:border-box}.form-header[data-v-b74ac644]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px;width:100%;box-sizing:border-box}.form-logo[data-v-b74ac644]{display:flex;align-items:center;gap:12px}.logo-icon[data-v-b74ac644]{width:40px;height:40px;background:#8b7355;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0}.logo-text[data-v-b74ac644]{font-size:24px;font-weight:300;color:#333}.form-title[data-v-b74ac644]{font-size:28px;font-weight:400;color:#333;margin-bottom:8px}.form-subtitle[data-v-b74ac644]{font-size:16px;color:#666;font-weight:300;line-height:1.5}.language-selector-wrapper[data-v-b74ac644]{position:relative;width:fit-content;max-width:100%}.language-selector[data-v-b74ac644]{padding:8px 40px 8px 16px;border:1px solid #E8E6E1;border-radius:8px;background:#fff;color:#666;font-size:14px;cursor:pointer;min-width:120px;box-sizing:border-box}.language-icon[data-v-b74ac644]{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#666;pointer-events:none;font-size:14px}.form-body[data-v-b74ac644]{display:flex;flex-direction:column;gap:24px;width:100%;box-sizing:border-box}.input-group[data-v-b74ac644]{display:flex;flex-direction:column;gap:8px;width:100%;box-sizing:border-box}.input-label[data-v-b74ac644]{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#333}.input-icon[data-v-b74ac644]{color:#8b7355;font-size:14px;flex-shrink:0}.input-field[data-v-b74ac644]{padding:14px 16px;border:1px solid #E8E6E1;border-radius:8px;background:#fff;color:#333;font-size:16px;transition:all .3s ease;width:100%;max-width:100%;box-sizing:border-box}.input-field[data-v-b74ac644]:focus{border-color:#8b7355;box-shadow:0 0 0 3px #8b73551a;outline:none}.input-hint[data-v-b74ac644]{font-size:13px;color:#666;margin-top:4px}.datetime-inputs[data-v-b74ac644]{display:flex;gap:12px;width:100%;box-sizing:border-box}.datetime-input[data-v-b74ac644]{flex:1;min-width:0;cursor:pointer;-webkit-user-select:none;user-select:none;max-width:100%}.gender-options[data-v-b74ac644]{display:flex;gap:16px;margin-top:8px;width:100%;box-sizing:border-box}.gender-option[data-v-b74ac644]{flex:1;padding:16px;border:1px solid #E8E6E1;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.gender-option[data-v-b74ac644]:hover{border-color:#8b7355;background:#f5f3f0}.gender-option.active[data-v-b74ac644]{border-color:#8b7355;background:#8b73550d}.gender-option-icon[data-v-b74ac644]{width:32px;height:32px;border-radius:50%;background:#f5f3f0;display:flex;align-items:center;justify-content:center;color:#8b7355;font-size:14px}.gender-option.active .gender-option-icon[data-v-b74ac644]{background:#8b7355;color:#fff}.gender-option-label[data-v-b74ac644]{font-size:14px;color:#333;font-weight:500}.birthplace-selector2[data-v-b74ac644]{display:flex;flex-direction:column;gap:10px;width:100%;box-sizing:border-box}.birthplace-selector2 .input-field[data-v-b74ac644]{width:100%;max-width:100%;box-sizing:border-box}.birthplace-selector2[data-v-b74ac644] .country-select-field,.birthplace-selector2[data-v-b74ac644] .region-select-field,.birthplace-selector2[data-v-b74ac644] select,.birthplace-selector2[data-v-b74ac644] .v-select,.birthplace-selector2[data-v-b74ac644] .vs__dropdown-toggle{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.error-message[data-v-b74ac644]{display:flex;align-items:center;gap:12px;padding:16px;background:#d32f2f0d;border:1px solid rgba(211,47,47,.2);border-radius:8px;color:#d32f2f;font-size:14px;opacity:0;transform:translateY(-10px);transition:all .3s ease}.error-message.show[data-v-b74ac644]{opacity:1;transform:translateY(0)}.error-icon[data-v-b74ac644]{font-size:16px}.submit-button[data-v-b74ac644]{padding:16px 24px;background:#8b7355;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px}.submit-button[data-v-b74ac644]:hover:not(:disabled){background:#7a6348;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.submit-button[data-v-b74ac644]:disabled{opacity:.6;cursor:not-allowed}.privacy-notice[data-v-b74ac644]{display:flex;align-items:center;gap:12px;padding:16px;background:#8b73550d;border-radius:8px;font-size:13px;color:#666;margin-top:24px;line-height:1.5}.privacy-icon[data-v-b74ac644]{color:#8b7355;font-size:16px}.form-footer[data-v-b74ac644]{text-align:center;margin-top:30px;padding-top:24px;border-top:1px solid #E8E6E1;color:#666;font-size:14px}.loading-overlay[data-v-b74ac644]{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.loading-overlay.show[data-v-b74ac644]{opacity:1;visibility:visible}.loading-content[data-v-b74ac644]{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-spinner[data-v-b74ac644]{width:50px;height:50px;border:4px solid #E8E6E1;border-top:4px solid #8B7355;border-radius:50%;animation:spin-b74ac644 1s linear infinite}@keyframes spin-b74ac644{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-b74ac644]{font-size:16px;color:#333}@media (max-width: 768px){.fortune-form[data-v-b74ac644]{padding:12px}.form-container[data-v-b74ac644]{padding:28px 20px;border-radius:16px}.form-title[data-v-b74ac644]{font-size:24px}.gender-options[data-v-b74ac644]{flex-direction:row}.form-body[data-v-b74ac644]{gap:20px}}@media (max-width: 480px){.fortune-form[data-v-b74ac644]{padding:10px}.form-container[data-v-b74ac644]{padding:24px 16px;border-radius:14px}.form-title[data-v-b74ac644]{font-size:22px}.input-field[data-v-b74ac644]{padding:12px 14px;font-size:15px}.gender-options[data-v-b74ac644]{gap:10px}.gender-option[data-v-b74ac644]{padding:12px 10px}.submit-button[data-v-b74ac644]{padding:14px 20px;font-size:15px}.form-body[data-v-b74ac644]{gap:18px}.datetime-inputs[data-v-b74ac644]{flex-direction:row;gap:8px}.datetime-input[data-v-b74ac644]{min-width:0;flex:1}.form-header[data-v-b74ac644]{flex-direction:column;align-items:stretch;gap:12px}.form-logo[data-v-b74ac644]{justify-content:center;text-align:center}.language-selector-wrapper[data-v-b74ac644]{width:100%}.language-selector[data-v-b74ac644]{width:100%;min-width:100%}.birthplace-selector2[data-v-b74ac644]{gap:8px}.privacy-notice[data-v-b74ac644]{padding:12px;margin-top:18px}.error-message[data-v-b74ac644]{padding:12px}}@media (max-width: 380px){.fortune-form[data-v-b74ac644]{padding:8px}.form-container[data-v-b74ac644]{padding:20px 12px;border-radius:12px}.form-title[data-v-b74ac644]{font-size:20px}.form-header[data-v-b74ac644]{gap:10px;margin-bottom:20px}.gender-options[data-v-b74ac644]{gap:8px}.gender-option[data-v-b74ac644]{padding:10px 8px}.gender-option-icon[data-v-b74ac644]{width:28px;height:28px;font-size:12px}.gender-option-label[data-v-b74ac644]{font-size:13px}.input-field[data-v-b74ac644]{padding:10px 12px;font-size:14px}.submit-button[data-v-b74ac644]{padding:12px 16px;font-size:14px}.form-body[data-v-b74ac644]{gap:16px}.datetime-inputs[data-v-b74ac644],.birthplace-selector2[data-v-b74ac644]{gap:6px}.privacy-notice[data-v-b74ac644]{padding:10px;margin-top:14px;font-size:12px}.error-message[data-v-b74ac644]{padding:10px;font-size:13px}.loading-text[data-v-b74ac644]{font-size:14px}.loading-spinner[data-v-b74ac644]{width:40px;height:40px}}@media (max-width: 320px){.fortune-form[data-v-b74ac644]{padding:6px}.form-container[data-v-b74ac644]{padding:16px 10px;border-radius:10px}.form-title[data-v-b74ac644]{font-size:18px}.gender-options[data-v-b74ac644]{gap:6px}.gender-option[data-v-b74ac644]{padding:8px 6px}.gender-option-icon[data-v-b74ac644]{width:24px;height:24px;font-size:11px}.gender-option-label[data-v-b74ac644]{font-size:12px}.input-field[data-v-b74ac644]{padding:8px 10px;font-size:13px}.submit-button[data-v-b74ac644]{padding:10px 14px;font-size:13px}.form-body[data-v-b74ac644]{gap:14px}.datetime-inputs[data-v-b74ac644]{flex-direction:column;gap:6px}.datetime-input[data-v-b74ac644]{width:100%}.birthplace-selector2[data-v-b74ac644]{gap:6px}.privacy-notice[data-v-b74ac644]{padding:8px;margin-top:12px;font-size:11px}}input[type=date][data-v-b74ac644]::-webkit-calendar-picker-indicator{filter:invert(.3);cursor:pointer}input[type=date][data-v-b74ac644]::-webkit-datetime-edit{padding:2px}input[type=date][data-v-b74ac644]::-webkit-datetime-edit-fields-wrapper{display:flex}input[type=date][data-v-b74ac644]::-webkit-datetime-edit-text{padding:0 4px}input[type=date][data-v-b74ac644]::-webkit-datetime-edit-month-field,input[type=date][data-v-b74ac644]::-webkit-datetime-edit-day-field,input[type=date][data-v-b74ac644]::-webkit-datetime-edit-year-field{padding:2px 6px}input[type=date][lang=zh-CN][data-v-b74ac644]{font-family:Microsoft YaHei,PingFang SC,sans-serif}input[type=date][lang=en-US][data-v-b74ac644],input[type=date][lang=es-ES][data-v-b74ac644]{font-family:Arial,Helvetica,sans-serif}#main-page[data-v-f86db07d]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:800px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}header[data-v-f86db07d]{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #eaeaea}header h1[data-v-f86db07d]{color:#2c3e50;font-size:1.8rem;margin:0}main[data-v-f86db07d]{flex:1}footer[data-v-f86db07d]{margin-top:40px;padding-top:15px;text-align:center;color:#7f8c8d;font-size:.9rem;border-top:1px solid #eaeaea}@media (max-width: 768px){#main-page[data-v-f86db07d]{padding:15px}header[data-v-f86db07d]{flex-direction:column;align-items:flex-start;gap:15px}header h1[data-v-f86db07d]{font-size:1.5rem}}@media (max-width: 480px){#main-page[data-v-f86db07d]{padding:10px}header h1[data-v-f86db07d]{font-size:1.3rem}}.result-display{min-height:100vh;background-color:#f9f7f4;padding:20px 20px 150px}.result-container{max-width:800px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:30px;border:1px solid #E8E6E1}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #E8E6E1}.back-button{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid #E8E6E1;border-radius:8px;color:#333;cursor:pointer;transition:all .3s ease;font-size:14px;box-shadow:0 2px 4px #0000000d}.back-button:hover{background:#f5f3f0;border-color:#8b7355;transform:translateY(-1px);box-shadow:0 4px 8px #8b735526}.back-button i{font-size:12px;transition:transform .2s ease}.back-button:hover i{transform:translate(-2px)}.result-title{display:flex;align-items:center;gap:12px}.title-icon{width:40px;height:40px;background:#8b7355;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.title-text{font-size:24px;font-weight:400;color:#333}.language-selector-wrapper{position:relative}.language-selector{padding:8px 40px 8px 16px;border:1px solid #E8E6E1;border-radius:8px;background:#fff;color:#666;cursor:pointer;min-width:120px}.language-icon{position:absolute;right:25px;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.date-navigation{margin-bottom:30px}.date-nav{display:flex;justify-content:space-between;background:#fff;border:1px solid #E8E6E1;border-radius:16px;padding:12px}.date-item{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-radius:8px;cursor:pointer;transition:all .3s ease;min-width:60px}.date-item:hover{background:#f5f3f0}.date-item.date-selected{background:#8b7355;color:#fff}.date-weekday{font-size:12px;color:#666;margin-bottom:4px}.date-day{font-size:18px;font-weight:500;color:#333}.date-item.date-selected .date-weekday,.date-item.date-selected .date-day{color:#fff}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-spinner{width:50px;height:50px;border:4px solid #E8E6E1;border-top:4px solid #8B7355;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.result-content{display:flex;flex-direction:column;gap:16px;margin-bottom:30px}.score-card,.indicators-card{background:#fff;border:1px solid #E8E6E1;border-radius:20px;padding:32px;transition:all .3s ease;margin-bottom:16px}.wuxing-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:1px solid rgba(46,139,87,.2);border-radius:20px;padding:32px;transition:all .3s ease;margin-bottom:16px;box-shadow:0 4px 15px #2e8b571a}.wuxing-card.fire-background{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:1px solid rgba(255,69,0,.4);box-shadow:0 4px 20px #ff45004d,0 0 30px #ffd70033 inset;position:relative;overflow:hidden;animation:fire-flicker 3s infinite alternate}@keyframes fire-flicker{0%,to{box-shadow:0 4px 20px #ff45004d,0 0 30px #ffd70033 inset}50%{box-shadow:0 4px 25px #ff450066,0 0 40px #ffd7004d inset}}.wuxing-card.fire-background:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px;animation:fire-particles 10s infinite linear;opacity:.3;pointer-events:none}@keyframes fire-particles{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-100px) rotate(360deg)}}.wuxing-card.fire-background .card-title{color:#006400!important;text-shadow:0 1px 3px rgba(255,255,255,.5)}.wuxing-card.fire-background .bar-label,.wuxing-card.fire-background .summary-label,.wuxing-card.fire-background .summary-value,.wuxing-card.fire-background .summary-text,.wuxing-card.fire-background .bar-value{color:#006400!important;text-shadow:0 1px 2px rgba(255,255,255,.5)}.wuxing-card.water-background{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:1px solid rgba(30,144,255,.4);box-shadow:0 4px 20px #1e90ff4d,0 0 30px #87cefa33 inset,0 0 60px #1e90ff26;position:relative;overflow:hidden;animation:water-ripple 4s infinite alternate}@keyframes water-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.wuxing-card.water-background{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background-size:200% 200%;animation:water-ripple 4s infinite alternate,water-shimmer 8s infinite ease-in-out}@keyframes water-ripple{0%,to{box-shadow:0 4px 20px #1e90ff4d,0 0 30px #87cefa33 inset}50%{box-shadow:0 4px 25px #1e90ff66,0 0 40px #87cefa4d inset}}.wuxing-card.water-background:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 60% 5%,rgba(255,255,255,.3) 2px,transparent 2px);background-size:60px 60px;animation:rain-fall 6s infinite linear;opacity:.8;pointer-events:none;filter:blur(.5px)}@keyframes rain-fall{0%{transform:translateY(0) translate(0)}to{transform:translateY(100px) translate(50px)}}@keyframes rain-fall-2{0%{transform:translateY(0) translate(0)}to{transform:translateY(80px) translate(-30px)}}.wuxing-card.water-background .card-title{color:#006400!important;text-shadow:0 1px 3px rgba(255,255,255,.5)}.wuxing-card.water-background .bar-label,.wuxing-card.water-background .summary-label,.wuxing-card.water-background .summary-value,.wuxing-card.water-background .summary-text,.wuxing-card.water-background .bar-value{color:#006400!important;text-shadow:0 1px 2px rgba(255,255,255,.5)}@keyframes rain-drop{0%{transform:translateY(-20px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100px);opacity:0}}.wuxing-card.water-background .rain-drop{position:absolute;width:3px;height:25px;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.9) 20%,rgba(173,216,230,.8) 50%,rgba(135,206,250,.6) 80%,transparent 100%);border-radius:50% 50% 40% 40%;box-shadow:0 0 8px #ffffffb3,0 0 12px #87cefa80,inset 0 1px 2px #ffffffe6;animation:rain-drop 1.5s infinite linear;pointer-events:none;z-index:1}.wuxing-card.water-background .rain-drop:nth-child(1){left:10%;animation-delay:0s}.wuxing-card.water-background .rain-drop:nth-child(2){left:20%;animation-delay:2.13s}.wuxing-card.water-background .rain-drop:nth-child(3){left:30%;animation-delay:1.21s}.wuxing-card.water-background .rain-drop:nth-child(4){left:40%;animation-delay:2.42s}.wuxing-card.water-background .rain-drop:nth-child(5){left:50%;animation-delay:3.51s}.wuxing-card.water-background .rain-drop:nth-child(6){left:60%;animation-delay:1.21s}.wuxing-card.water-background .rain-drop:nth-child(7){left:70%;animation-delay:1.61s}.wuxing-card.water-background .rain-drop:nth-child(8){left:80%;animation-delay:1.98s}.wuxing-card.water-background .rain-drop:nth-child(9){left:90%;animation-delay:2.6s}.wuxing-card.water-background .water-drop{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffffe6,#add8e6b3);box-shadow:0 0 10px #fffc,0 0 20px #87cefa99,inset 0 2px 4px #ffffffe6,inset 0 -2px 4px #4682b466;pointer-events:none;z-index:1;animation-timing-function:ease-in-out}@keyframes water-drop-slide{0%{transform:translateY(-10px) scale(.8);opacity:0}10%{opacity:1;transform:translateY(0) scale(1)}90%{opacity:1}to{transform:translateY(150px) scale(.9);opacity:0}}.wuxing-card.water-background .water-drop-1{width:12px;height:12px;left:15%;top:10%;animation:water-drop-slide 8s infinite}.wuxing-card.water-background .water-drop-2{width:10px;height:10px;left:35%;top:5%;animation:water-drop-slide 10s infinite 1s}.wuxing-card.water-background .water-drop-3{width:14px;height:14px;left:55%;top:8%;animation:water-drop-slide 12s infinite 2s}.wuxing-card.water-background .water-drop-4{width:8px;height:8px;left:75%;top:12%;animation:water-drop-slide 9s infinite 3s}.wuxing-card.water-background .water-drop-5{width:11px;height:11px;left:90%;top:3%;animation:water-drop-slide 11s infinite 4s}.wuxing-card.metal-background{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:1px solid rgba(255,215,0,.4);box-shadow:0 4px 20px #ffd7004d,0 0 30px #ffd70033 inset,0 0 60px #ffd70026;position:relative;overflow:hidden;animation:metal-shimmer 3s infinite alternate}@keyframes metal-shimmer{0%,to{box-shadow:0 4px 20px #ffd7004d,0 0 30px #ffd70033 inset}50%{box-shadow:0 4px 25px #ffd70066,0 0 40px #ffd7004d inset}}.wuxing-card.metal-background:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 20%,rgba(255,215,0,.2) 1px,transparent 1px),radial-gradient(circle at 60% 40%,rgba(255,215,0,.15) 1px,transparent 1px),radial-gradient(circle at 80% 70%,rgba(255,215,0,.1) 1px,transparent 1px);background-size:40px 40px;animation:metal-particles 8s infinite linear;opacity:.4;pointer-events:none}@keyframes metal-particles{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-80px) rotate(180deg)}}.wuxing-card.metal-background:after{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:metal-stripe 4s infinite linear;pointer-events:none}@keyframes metal-stripe{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.wuxing-card.wood-background{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:1px solid rgba(50,205,50,.4);box-shadow:0 4px 20px #32cd324d,0 0 30px #90ee9033 inset,0 0 60px #32cd3226;position:relative;overflow:hidden;animation:wood-breathe 4s infinite alternate}@keyframes wood-breathe{0%,to{box-shadow:0 4px 20px #32cd324d,0 0 30px #90ee9033 inset}50%{box-shadow:0 4px 25px #32cd3266,0 0 40px #90ee904d inset}}.wuxing-card.wood-background:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,rgba(144,238,144,.1) 2px,transparent 2px),radial-gradient(circle at 50% 70%,rgba(144,238,144,.08) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(144,238,144,.12) 3px,transparent 3px);background-size:60px 60px;animation:leaf-veins 12s infinite linear;opacity:.3;pointer-events:none}@keyframes leaf-veins{0%{background-position:0 0}to{background-position:60px 60px}}.wuxing-card.wood-background .leaf{position:absolute;width:15px;height:15px;background:linear-gradient(135deg,#90ee90cc,#32cd3299);clip-path:polygon(50% 0%,0% 100%,100% 100%);animation:leaf-fall 8s infinite linear;pointer-events:none;z-index:1}@keyframes leaf-fall{0%{transform:translateY(-20px) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(200px) rotate(360deg);opacity:0}}.wuxing-card.wood-background .leaf:nth-child(1){left:10%;animation-delay:0s}.wuxing-card.wood-background .leaf:nth-child(2){left:25%;animation-delay:1.5s}.wuxing-card.wood-background .leaf:nth-child(3){left:40%;animation-delay:3s}.wuxing-card.wood-background .leaf:nth-child(4){left:60%;animation-delay:4.5s}.wuxing-card.wood-background .leaf:nth-child(5){left:80%;animation-delay:6s}.wuxing-card.earth-background{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:1px solid rgba(205,133,63,.4);box-shadow:0 4px 20px #cd853f4d,0 0 30px #d2b48c33 inset,0 0 60px #cd853f26;position:relative;overflow:hidden;animation:earth-pulse 5s infinite alternate}@keyframes earth-pulse{0%,to{box-shadow:0 4px 20px #cd853f4d,0 0 30px #d2b48c33 inset}50%{box-shadow:0 4px 25px #cd853f66,0 0 40px #d2b48c4d inset}}.wuxing-card.earth-background:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 10% 20%,rgba(210,180,140,.15) 1px,transparent 1px),radial-gradient(circle at 30% 50%,rgba(205,133,63,.12) 2px,transparent 2px),radial-gradient(circle at 70% 30%,rgba(139,69,19,.1) 1.5px,transparent 1.5px),radial-gradient(circle at 90% 80%,rgba(210,180,140,.08) 1px,transparent 1px);background-size:30px 30px;animation:sand-shift 20s infinite linear;opacity:.4;pointer-events:none}@keyframes sand-shift{0%{background-position:0 0}to{background-position:30px 30px}}.wuxing-card.earth-background .sand-particle{position:absolute;width:4px;height:4px;background:#cd853fb3;border-radius:50%;animation:sand-flow 10s infinite linear;pointer-events:none;z-index:1}@keyframes sand-flow{0%{transform:translateY(-10px) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(150px) translate(20px);opacity:0}}.floating-music-player{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#333;border-top:1px solid #E8E6E1;box-shadow:0 -4px 20px #0000001a;transition:transform .3s ease;display:flex;flex-direction:column}.floating-music-player.fire-background{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-top:1px solid rgba(255,107,107,.3)}.floating-music-player.water-background{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-top:1px solid rgba(54,209,220,.3)}.floating-music-player.metal-background{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-top:1px solid rgba(142,158,171,.3)}.floating-music-player.wood-background{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-top:1px solid rgba(86,171,47,.3)}.floating-music-player.earth-background{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-top:1px solid rgba(218,159,91,.3)}.player-container{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;min-height:70px}.player-info{display:flex;align-items:center;gap:15px;flex:1}.player-details{display:flex;flex-direction:column;gap:4px}.player-title{font-size:16px;font-weight:600;color:#333}.player-controls{display:flex;align-items:center;gap:15px}.control-btn{width:40px;height:40px;border-radius:50%;background:#8b73551a;border:1px solid rgba(139,115,85,.2);color:#8b7355;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.control-btn:hover{background:#8b735533;transform:scale(1.05)}.control-btn i{font-size:16px}.play-btn{background:#8b735526}.stop-btn,.autoplay-btn{background:#8b73551a}.autoplay-btn.autoplay-active{background:#4caf5033;border-color:#4caf5066;color:#4caf50}.volume-control{display:flex;align-items:center;gap:10px}.volume-icon{font-size:16px;color:#666}.volume-slider{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#8b735533;border-radius:2px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#8b7355;cursor:pointer}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#8b7355;cursor:pointer;border:none}.player-close{width:30px;height:30px;border-radius:50%;background:#8b73551a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin-left:15px}.player-close:hover{background:#8b735533;transform:rotate(90deg)}.player-close i{font-size:14px;color:#8b7355}.marquee-container{background:#8b73550d;padding:8px 20px;overflow:hidden;border-top:1px solid #E8E6E1}.marquee-content{white-space:nowrap;animation:marquee 20s linear infinite;font-size:14px;color:#666;padding:4px 0}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}@media (max-width: 768px){.player-container{padding:10px 15px;min-height:60px}.player-title{font-size:14px}.control-btn{width:36px;height:36px}.control-btn i{font-size:14px}.volume-slider{width:60px}.marquee-content{font-size:12px}}@media (max-width: 480px){.player-container{padding:8px 12px;min-height:55px;flex-wrap:wrap}.player-info{order:1;width:100%;margin-bottom:8px;justify-content:center}.player-controls{order:2;flex:1;justify-content:center}.player-close{order:3;margin-left:0}.player-title{font-size:13px;text-align:center}.marquee-content{font-size:11px;animation-duration:15s}}.wuxing-card.earth-background .sand-particle:nth-child(1){left:15%;animation-delay:0s}.wuxing-card.earth-background .sand-particle:nth-child(2){left:30%;animation-delay:1s}.wuxing-card.earth-background .sand-particle:nth-child(3){left:45%;animation-delay:2s}.wuxing-card.earth-background .sand-particle:nth-child(4){left:60%;animation-delay:3s}.wuxing-card.earth-background .sand-particle:nth-child(5){left:75%;animation-delay:4s}.wuxing-card.earth-background .sand-particle:nth-child(6){left:90%;animation-delay:5s}.wuxing-card.metal-background .card-title,.wuxing-card.wood-background .card-title,.wuxing-card.earth-background .card-title{color:#006400!important;text-shadow:0 1px 3px rgba(255,255,255,.5)}.wuxing-card.metal-background .bar-label,.wuxing-card.metal-background .summary-label,.wuxing-card.metal-background .summary-value,.wuxing-card.metal-background .summary-text,.wuxing-card.metal-background .bar-value,.wuxing-card.wood-background .bar-label,.wuxing-card.wood-background .summary-label,.wuxing-card.wood-background .summary-value,.wuxing-card.wood-background .summary-text,.wuxing-card.wood-background .bar-value,.wuxing-card.earth-background .bar-label,.wuxing-card.earth-background .summary-label,.wuxing-card.earth-background .summary-value,.wuxing-card.earth-background .summary-text,.wuxing-card.earth-background .bar-value{color:#006400!important;text-shadow:0 1px 2px rgba(255,255,255,.5)}.fortune-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:1px solid rgba(65,105,225,.2);border-radius:20px;padding:32px;transition:all .3s ease;margin-bottom:16px;box-shadow:0 4px 15px #4169e11a}.lucky-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:1px solid rgba(147,112,219,.2);border-radius:20px;padding:32px;transition:all .3s ease;margin-bottom:16px;box-shadow:0 4px 15px #9370db1a}.wuxing-music-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:1px solid rgba(139,0,139,.2);border-radius:20px;padding:32px;transition:all .3s ease;margin-bottom:16px;box-shadow:0 4px 15px #8b008b1a}.bracelets-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:1px solid rgba(255,140,0,.2);border-radius:20px;padding:8px 0 0;transition:all .3s ease;margin-bottom:16px;box-shadow:0 4px 15px #ff8c001a}.score-card:hover,.indicators-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.wuxing-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2e8b5733}.fortune-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4169e133}.lucky-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #9370db33}.wuxing-music-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b008b33}.bracelets-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff8c0033}.combined-score-indicators-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:1px solid rgba(255,215,0,.2);border-radius:20px;padding:32px;transition:all .3s ease;margin-bottom:16px;min-height:260px;box-shadow:0 4px 15px #ffd7001a;position:relative;overflow:visible}.combined-score-indicators-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffd70033}.combined-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid #F0EDE8}.combined-card-title{display:flex;align-items:center;gap:16px;font-size:20px;font-weight:600;color:#2c3e50}.combined-card-subtitle{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500;color:#666}.combined-card-content{display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.combined-score-section{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:-8px}.modern-score-display{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center}.modern-score-container{position:relative;width:140px;height:140px;background:linear-gradient(135deg,#8b7355,#a68b6f);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 30px #8b735533;overflow:hidden;z-index:2}.modern-score-value{font-size:42px;font-weight:800;color:#fff;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.2);margin-bottom:4px}.modern-score-label{font-size:16px;font-weight:600;color:#ffffffe6;margin-bottom:12px;text-align:center;line-height:1.3;padding:0 4px;word-break:break-word}.modern-score-stars{display:flex;gap:6px}.modern-score-stars i{font-size:14px;color:#ffffff4d;transition:all .3s ease}.modern-score-stars i.active{color:gold;text-shadow:0 0 8px rgba(255,215,0,.5)}.modern-score-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none}.modern-score-bg-circle{position:absolute;border-radius:50%;background:#ffffff1a}.modern-score-bg-circle.circle-1{width:40px;height:40px;top:20px;left:20px}.modern-score-bg-circle.circle-2{width:30px;height:30px;bottom:30px;right:25px}.modern-score-bg-circle.circle-3{width:20px;height:20px;top:50px;right:15px}.combined-score-label{font-size:14px;color:#666;margin-top:4px}.combined-score-description{text-align:center;max-width:200px}.combined-score-text{font-size:16px;color:#333;line-height:1.5}.combined-indicators-section{flex:2;margin-top:8px}.tree-bar-chart{display:flex;justify-content:space-between;gap:16px;height:200px;align-items:flex-end;position:relative;z-index:1}.tree-bar-item{display:flex;flex-direction:column;align-items:center;flex:1;gap:8px;max-width:80px}.tree-bar-value{font-size:14px;font-weight:700;color:#333;margin-bottom:8px;position:relative;z-index:2;text-align:center;width:100%;white-space:nowrap;overflow:visible}.tree-bar-label-container{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;margin-top:8px}.tree-bar-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;flex-shrink:0}.tree-bar-icon.love{background:#ff6b8b}.tree-bar-icon.wealth{background:#4a90e2}.tree-bar-icon.career{background:#50c878}.tree-bar-icon.health{background:#9b59b6}.tree-bar-label{font-size:12px;font-weight:500;color:#333;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.tree-bar-container{position:relative;width:24px;height:140px;background:#ffffffb3;border-radius:4px;overflow:visible;border:1px solid rgba(0,0,0,.1)}.tree-bar-fill{position:absolute;bottom:0;width:100%;border-radius:4px 4px 0 0;transition:height .8s ease}.tree-bar-fill.love{background:linear-gradient(to top,#ff6b8b,#ff8fa3)}.tree-bar-fill.wealth{background:linear-gradient(to top,#4a90e2,#6aa8ff)}.tree-bar-fill.career{background:linear-gradient(to top,#50c878,#6ce89c)}.tree-bar-fill.health{background:linear-gradient(to top,#9b59b6,#b57edc)}.tree-bar-grid{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.tree-bar-grid-line{height:1px;background:#0000000d;width:100%}.card-header{margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid #F0EDE8}.card-title{display:flex;align-items:center;gap:16px;font-size:20px;font-weight:600;margin-bottom:0}.combined-score-indicators-card .card-title,.combined-score-indicators-card .combined-card-title{color:#8b4513}.wuxing-card .card-title{color:#006400}.fortune-card .card-title{color:#00008b}.lucky-card .card-title{color:indigo}.bracelets-card .card-title{color:#8b4513}.bracelets-card .card-header{padding-left:32px;padding-right:32px;margin-bottom:4px;padding-bottom:4px}.wuxing-music-card .card-title{color:#8b008b}.card-icon{color:#8b7355}.wuxing-card .bar-label,.wuxing-card .summary-label,.wuxing-card .summary-value,.wuxing-card .summary-text,.fortune-card .fortune-text{color:#006400}.lucky-card .lucky-label,.lucky-card .lucky-value{color:indigo}.bracelets-card .bracelet-name{color:#8b4513}.card-subtitle{font-size:14px;color:#666}.score-content{display:flex;align-items:center;gap:30px}.score-circle{position:relative;width:120px;height:120px}.circle-progress{width:100%;height:100%;border-radius:50%;background:conic-gradient(#8b7355 calc(var(--progress) * 360deg),#e8e6e1 0deg);display:flex;align-items:center;justify-content:center}.circle-inner{width:90px;height:90px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-value{font-size:28px;font-weight:600;color:#333}.score-label{font-size:14px;color:#666}.score-text{font-size:16px;color:#333;line-height:1.6}.indicators-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.indicator-item{display:flex;flex-direction:column;gap:12px}.indicator-header{display:flex;align-items:center;gap:12px}.indicator-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.indicator-icon.love{background:#ff6b8b}.indicator-icon.wealth{background:#4a90e2}.indicator-icon.career{background:#50c878}.indicator-icon.health{background:#9b59b6}.indicator-label{font-size:16px;font-weight:500;color:#333}.indicator-progress{display:flex;align-items:center;gap:12px}.progress-bar{flex:1;height:8px;background:#ffffffb3;border-radius:4px;overflow:hidden;border:1px solid rgba(0,0,0,.1)}.progress-fill{height:100%;border-radius:4px;transition:width .6s ease}.progress-fill.love{background:#ff6b8b}.progress-fill.wealth{background:#4a90e2}.progress-fill.career{background:#50c878}.progress-fill.health{background:#9b59b6}.progress-value{font-size:14px;font-weight:600;color:#333;min-width:40px}.wuxing-content{display:flex;flex-direction:column;gap:24px}.wuxing-bars{display:flex;justify-content:space-between;align-items:flex-end;height:160px}.wuxing-bar{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;max-width:60px}.bar-label{font-size:14px;font-weight:500;color:#333}.bar-container{width:40px;height:120px;background:#ffffffb3;border-radius:4px;overflow:hidden;position:relative;border:1px solid rgba(0,0,0,.1)}.bar-fill{position:absolute;bottom:0;width:100%;border-radius:4px 4px 0 0;transition:height .6s ease}.bar-fill.metal{background:gold}.bar-fill.wood{background:#32cd32}.bar-fill.water{background:#1e90ff}.bar-fill.fire{background:#ff4500}.bar-fill.earth{background:peru}.bar-value{font-size:14px;font-weight:600;color:#333}.wuxing-summary{display:flex;flex-direction:column;gap:12px}.summary-item{display:flex;align-items:center;gap:8px}.summary-label{font-size:14px;color:#666}.summary-value{font-size:14px;font-weight:600;color:#333}.summary-text{font-size:13px;color:#666;line-height:1.5}.fortune-content{padding:10px 0}.fortune-text{font-size:13px;color:#1a237e;line-height:1.7;font-weight:400}.wuxing-music-content{display:flex;flex-direction:column;gap:20px}.music-info{display:flex;flex-direction:column;gap:12px}.music-title{font-size:18px;font-weight:600;color:#8b008b}.music-description{font-size:14px;color:#666;line-height:1.6;background:#8b008b0d;padding:16px;border-radius:12px;border-left:4px solid #8B008B}.music-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.music-control-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #E8E6E1;border-radius:8px;color:#333;cursor:pointer;transition:all .3s ease;font-size:14px;box-shadow:0 2px 4px #0000000d}.music-control-btn:hover{background:#f5f3f0;border-color:#8b008b;transform:translateY(-1px);box-shadow:0 4px 8px #8b008b26}.music-control-btn.playing{background:#8b008b;color:#fff;border-color:#8b008b}.music-control-btn i{font-size:14px}.volume-control-small{display:flex;align-items:center;gap:8px;margin-left:auto}.volume-icon-small{color:#666;font-size:14px}.volume-slider-small{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e8e6e1;border-radius:2px;outline:none}.volume-slider-small::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#8b008b;cursor:pointer}.volume-slider-small::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#8b008b;cursor:pointer;border:none}.lucky-grid{display:flex;flex-direction:column;gap:12px;margin-top:20px}.lucky-item{display:flex;flex-direction:row;align-items:center;gap:16px;padding:14px 20px;background:#fff;border-radius:12px;border:1px solid #F0EDE8;transition:all .3s ease;box-shadow:0 2px 8px #0000000a;min-height:60px}.lucky-item:hover{transform:translate(4px);box-shadow:0 8px 24px #00000014;border-color:#e8e6e1}.lucky-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;box-shadow:0 4px 12px #0000001a;flex-shrink:0}.lucky-icon.direction{background:linear-gradient(135deg,#4a90e2,#ff8fa3);box-shadow:0 4px 12px #4a90e233}.lucky-icon.number{background:linear-gradient(135deg,#4a90e2,#ff8fa3);box-shadow:0 4px 12px #50c87833}.lucky-icon.constellation{background:linear-gradient(135deg,#4a90e2,#ff8fa3);box-shadow:0 4px 12px #9b59b633}.lucky-icon.color{background:linear-gradient(135deg,#4a90e2,#ff8fa3);box-shadow:0 4px 12px #ff6b8b33}.lucky-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.lucky-label{font-size:12px;color:#999;text-align:left;width:100%;line-height:1.3}.lucky-value{font-size:16px;font-weight:600;color:#333;text-align:left;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bracelets-content{margin-top:0}.carousel-container{position:relative;overflow:hidden;border-radius:12px}.carousel{display:flex;transition:transform .5s ease}.carousel-item{flex:0 0 100%;display:flex;flex-direction:column;align-items:center;gap:0;padding:0;cursor:pointer;position:relative}.bracelet-image-wrap{width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.bracelet-image{width:100%;display:flex;align-items:center;justify-content:center;background:transparent;overflow:hidden}.bracelet-image img{width:100%;height:auto;display:block}.bracelet-name{font-size:16px;font-weight:500;color:#fff;padding:4px 32px;text-align:center;position:absolute;bottom:24px;left:0;right:0;z-index:3;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.5)}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#ffffffe6;border:1px solid #E8E6E1;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:2}.carousel-button:hover{background:#fff;border-color:#8b7355}.carousel-button.prev{left:16px}.carousel-button.next{right:16px}.carousel-indicators{display:flex;justify-content:center;gap:8px;margin-top:0;padding:4px 32px;position:absolute;bottom:0;left:0;right:0;z-index:3}.indicator{width:8px;height:8px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .3s ease}.indicator.active{width:24px;background:#ffffffe6;border-radius:4px}.result-footer{text-align:center;padding-top:24px;border-top:1px solid #E8E6E1;color:#666;font-size:14px}@media (max-width: 768px){.result-container{padding:20px;border-radius:16px}.result-header{flex-direction:row;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.back-button{flex:0 0 auto;min-width:80px;order:1}.result-title{flex:1 1 auto;order:2;justify-content:center;min-width:0;overflow:hidden}.language-selector-wrapper{flex:0 0 auto;order:3;align-self:center;min-width:100px;white-space:nowrap}.date-navigation{margin-bottom:25px}.result-content{gap:12px}.date-nav{flex-wrap:nowrap;justify-content:space-between;gap:2px;padding:8px 4px;overflow:hidden}.date-item{flex:1;min-width:0;padding:6px 2px;text-align:center}.date-weekday{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-day{font-size:15px;font-weight:600}.combined-score-indicators-card{padding:24px}.combined-card-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.combined-card-subtitle{font-size:15px}.combined-card-content{flex-direction:row;gap:15px;align-items:center;flex-wrap:nowrap;overflow-x:visible;overflow-y:visible}.combined-score-section{flex:0 0 auto;width:40%;min-width:150px}.combined-score-circle{width:120px;height:120px;margin:0 auto}.combined-circle-inner{width:90px;height:90px}.combined-score-value{font-size:28px}.combined-indicators-section{flex:1;width:60%;margin-top:8px}.tree-bar-chart{height:160px;gap:12px}.tree-bar-item{max-width:60px}.tree-bar-container{width:20px;height:110px}.tree-bar-value{font-size:12px;margin-bottom:6px}.tree-bar-label-container{margin-top:6px}.tree-bar-icon{width:28px;height:28px;font-size:11px}.tree-bar-label{font-size:11px}.score-content{flex-direction:column;text-align:center;gap:20px}.indicators-grid{grid-template-columns:1fr}.lucky-grid{display:flex;flex-direction:column;gap:10px;margin-top:16px}.lucky-item{width:100%;min-height:52px;padding:12px 16px;gap:14px}.lucky-icon{width:40px;height:40px;font-size:16px}.lucky-label{font-size:11px;line-height:1.2}.lucky-value{font-size:14px}.bracelet-image{width:100%}}@media (max-width: 480px){.result-display{padding:12px}.result-container{padding:16px}.title-text{font-size:18px}.result-header{gap:8px}.back-button{min-width:70px;padding:6px 10px;font-size:13px}.back-button i{font-size:11px}.title-icon{width:32px;height:32px;font-size:14px}.language-selector-wrapper{font-size:13px;min-width:90px;white-space:nowrap}.language-selector{min-width:90px;padding:6px 30px 6px 12px;font-size:12px}.date-navigation{margin-bottom:20px}.result-content{gap:10px}.date-nav{gap:1px;padding:6px 2px}.date-item{padding:4px 1px}.date-weekday{font-size:9px}.date-day{font-size:13px}.combined-score-indicators-card{padding:20px 16px;border-radius:16px}.combined-card-header{margin-bottom:16px;padding-bottom:12px}.combined-card-title{font-size:18px}.combined-card-subtitle{font-size:14px}.combined-card-content{flex-direction:row;gap:10px;align-items:center;flex-wrap:nowrap;overflow-x:visible;overflow-y:visible}.combined-score-section{flex:0 0 auto;width:35%;min-width:120px}.combined-score-circle{width:80px;height:80px}.combined-circle-inner{width:75px;height:75px}.combined-score-value{font-size:24px}.combined-indicators-section{flex:1;width:65%;margin-top:8px}.tree-bar-chart{height:140px;gap:8px}.tree-bar-item{max-width:50px}.tree-bar-container{width:16px;height:90px}.tree-bar-value{font-size:11px;margin-bottom:4px}.tree-bar-label-container{margin-top:4px}.tree-bar-icon{width:24px;height:24px;font-size:10px}.tree-bar-label{font-size:10px}.score-card,.indicators-card,.wuxing-card,.fortune-card,.lucky-card{padding:20px 16px;border-radius:16px;margin-bottom:16px}.bracelets-card{padding:8px 0 0;border-radius:16px;margin-bottom:16px}.bracelets-card .card-header{padding-left:16px;padding-right:16px}.bracelet-name{padding:2px 16px 0}.carousel-indicators{padding:0 16px}.card-header{margin-bottom:16px;padding-bottom:12px}.card-title{font-size:17px;gap:10px}.lucky-grid{display:flex;flex-direction:column;gap:8px;margin-top:14px}.lucky-item{width:100%;min-height:48px;padding:10px 14px;gap:12px}.lucky-icon{width:36px;height:36px;font-size:15px}.lucky-value{font-size:13px}.lucky-label{font-size:11px}.carousel-button{width:36px;height:36px}}@media (max-width: 360px){.language-selector-wrapper{min-width:80px}.language-selector{min-width:80px;padding:5px 25px 5px 10px;font-size:11px}.combined-card-content{flex-direction:row;gap:8px;align-items:center;flex-wrap:nowrap;overflow-x:visible;overflow-y:visible}.combined-score-section{flex:0 0 auto;width:30%;min-width:100px}.combined-indicators-section{flex:1;width:70%;margin-top:8px}.tree-bar-chart{height:120px;gap:6px}.tree-bar-item{max-width:45px}.tree-bar-container{width:14px;height:80px}.tree-bar-icon{width:22px;height:22px;font-size:9px}.tree-bar-label{font-size:9px}.tree-bar-value{font-size:10px;margin-bottom:3px}.lucky-grid{grid-template-columns:repeat(2,1fr);gap:8px}.lucky-item{min-height:120px;padding:8px 4px;gap:6px}.lucky-icon{width:40px;height:40px;font-size:14px}.lucky-label{font-size:11px;width:100%;padding:0 2px;line-height:1.2;word-break:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lucky-value{font-size:12px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}}.inline-music-player{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:1px solid rgba(139,115,85,.2);border-radius:16px;padding:20px;margin-top:20px;transition:all .3s ease;box-shadow:0 4px 12px #00000014}.inline-music-player:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.inline-music-player.fire-background{background:linear-gradient(135deg,#fff5f5,#ffd7d7);border-color:#ff6b6b4d}.inline-music-player.water-background{background:linear-gradient(135deg,#f0f9ff,#c2e9fb);border-color:#36d1dc4d}.inline-music-player.metal-background{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-color:#8e9eab4d}.inline-music-player.wood-background{background:linear-gradient(135deg,#f0fff4,#c6f6d5);border-color:#56ab2f4d}.inline-music-player.earth-background{background:linear-gradient(135deg,#fffaf0,#fed7aa);border-color:#da9f5b4d}.player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(139,115,85,.1)}.player-title{font-size:18px;font-weight:600;color:#333;flex:1}.player-status{display:flex;align-items:center;gap:8px;font-size:14px;color:#666;padding:6px 12px;background:#8b73550d;border-radius:20px;border:1px solid rgba(139,115,85,.1)}.player-status.playing{background:#4caf501a;border-color:#4caf5033;color:#4caf50}.player-status i{font-size:14px}.player-controls-inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.control-btn-inline{display:flex;align-items:center;justify-content:center;padding:12px;background:#fff;border:1px solid #E8E6E1;border-radius:8px;color:#333;cursor:pointer;transition:all .3s ease;font-size:14px;box-shadow:0 2px 4px #0000000d;width:48px;height:48px;min-width:auto}.control-btn-inline:hover{background:#f5f3f0;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.control-btn-inline i{font-size:14px}.play-btn-inline{background:#8b73551a;border-color:#8b735533;color:#8b7355}.play-btn-inline.playing{background:#4caf5033;border-color:#4caf5066;color:#4caf50}.play-btn-inline:hover{background:#8b735533}.stop-btn-inline{background:#f443361a;border-color:#f4433633;color:#f44336}.stop-btn-inline:hover{background:#f4433633}.autoplay-btn-inline{background:#2196f31a;border-color:#2196f333;color:#2196f3}.autoplay-btn-inline.autoplay-active{background:#4caf5033;border-color:#4caf5066;color:#4caf50}.autoplay-btn-inline:hover{background:#2196f333}.volume-control-inline{display:flex;align-items:center;gap:10px;margin-left:auto;background:#8b73550d;padding:8px 16px;border-radius:20px;border:1px solid rgba(139,115,85,.1)}.volume-icon-inline{font-size:16px;color:#666}.volume-slider-inline{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#8b735533;border-radius:2px;outline:none}.volume-slider-inline::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#8b7355;cursor:pointer}.volume-slider-inline::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#8b7355;cursor:pointer}.volume-value{font-size:12px;color:#666;min-width:40px;text-align:center}@media (max-width: 768px){.inline-music-player{padding:16px}.player-controls-inline{gap:8px;flex-wrap:wrap;justify-content:space-between;overflow-x:visible;padding-bottom:0}.player-controls-inline::-webkit-scrollbar{display:none}.control-btn-inline{padding:10px;width:44px;height:44px;flex-shrink:0}.control-btn-inline i{font-size:16px}.volume-control-inline{margin-left:0;width:auto;flex-shrink:0;padding:8px 12px;order:4;width:100%;margin-top:12px;justify-content:space-between}.volume-slider-inline{width:100px;flex-grow:1;margin:0 8px}.volume-value{min-width:35px;font-size:11px;flex-shrink:0}.player-header{flex-direction:row;align-items:center;gap:12px;margin-bottom:16px}.player-title{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.player-status{align-self:center;font-size:12px;padding:4px 10px;flex-shrink:0}.status-text{display:inline}}@media (max-width: 480px){.inline-music-player{padding:14px}.player-controls-inline{gap:6px}.control-btn-inline{width:40px;height:40px;padding:8px;flex-grow:1;max-width:calc(25% - 12px)}.control-btn-inline i{font-size:14px}.volume-control-inline{padding:8px 10px;margin-top:10px}.volume-slider-inline{width:80px}.player-title{font-size:14px}.player-status{font-size:11px;padding:3px 8px}.player-status .status-text{display:inline}}@media (max-width: 360px){.inline-music-player{padding:12px}.player-controls-inline{gap:4px}.control-btn-inline{width:36px;height:36px;padding:6px;max-width:calc(25% - 8px)}.control-btn-inline i{font-size:13px}.volume-control-inline{padding:6px 8px;margin-top:8px}.volume-slider-inline{width:70px}.volume-value{min-width:30px;font-size:10px}.player-title{font-size:13px}.player-status{font-size:10px;padding:2px 6px}}@media (max-width: 768px){.player-controls-inline{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.volume-control-inline{grid-column:1 / -1;display:flex;align-items:center;gap:8px;margin-top:8px}.control-btn-inline{width:100%;height:44px;max-width:100%}}@media (max-width: 480px){.player-controls-inline{grid-template-columns:repeat(4,1fr);gap:6px}.control-btn-inline{height:40px}}@media (max-width: 360px){.player-controls-inline{grid-template-columns:repeat(4,1fr);gap:4px}.control-btn-inline{height:36px}}.email-save-card{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;border:1px solid #E8E6E1;box-shadow:0 4px 16px #0000000f}.email-save-content{display:flex;flex-direction:column;gap:16px}.email-save-description{font-size:14px;color:#666;line-height:1.6;text-align:center;padding:8px 4px;background:#8b73550d;border-radius:8px;border:1px solid rgba(139,115,85,.1)}.email-input-group{display:flex;gap:12px;flex-wrap:wrap}.email-input{flex:1;min-width:200px;padding:12px 16px;border:1px solid #E8E6E1;border-radius:8px;font-size:14px;color:#333;transition:all .3s ease;background:#fff}.email-input:focus{border-color:#8b7355;box-shadow:0 0 0 3px #8b73551a;outline:none}.email-input:disabled{background:#f5f3f0;color:#999;cursor:not-allowed}.save-email-btn{padding:12px 24px;background:#8b7355;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.save-email-btn:hover:not(:disabled){background:#7a6348;transform:translateY(-2px);box-shadow:0 4px 12px #8b73554d}.save-email-btn:disabled{opacity:.6;cursor:not-allowed}.save-email-btn.saved{background:#4caf50}.save-email-btn.saved:hover{background:#45a049}.email-save-message{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;font-size:14px;animation:fadeIn .3s ease}.email-save-message.success{background:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.2)}.email-save-message.error{background:#d32f2f1a;color:#d32f2f;border:1px solid rgba(211,47,47,.2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-id-display{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f5f3f0;border-radius:8px;font-size:14px}.user-id-label{color:#666;font-weight:500}.user-id-value{color:#333;font-family:Courier New,monospace;font-weight:600;background:#fff;padding:4px 12px;border-radius:4px;border:1px solid #E8E6E1}.copy-btn{padding:6px 12px;background:#fff;border:1px solid #E8E6E1;border-radius:4px;color:#666;cursor:pointer;transition:all .3s ease}.copy-btn:hover{background:#8b7355;color:#fff;border-color:#8b7355}@media (max-width: 768px){.email-input-group{flex-direction:column}.email-input{min-width:100%}.save-email-btn{width:100%}}@media (max-width: 480px){.email-save-card{padding:20px}.user-id-display{flex-wrap:wrap;gap:8px}.user-id-value{font-size:12px;word-break:break-all}}