:root{--bg-deep: #050608;--bg-nebula: #1a1f35;--bg-card: rgba(20, 24, 35, .7);--gold-primary: #d4af37;--gold-shiny: #f3e5ab;--gold-dim: #8a6d1b;--gold-border: rgba(212, 175, 55, .3);--text-main: #e6e6e6;--text-dim: #8f92a1;--accent-red: #c0392b;--accent-green: #27ae60;--accent-blue: #2980b9;--wx-jin: #f1c40f;--wx-mu: #2ecc71;--wx-shui: #3498db;--wx-huo: #e74c3c;--wx-tu: #e67e22;--glass-blur: blur(20px);--shadow-glow: 0 0 20px rgba(212, 175, 55, .15);--font-serif: "Noto Serif SC", "Songti SC", "Source Han Serif SC", serif;--font-calligraphy: "Ma Shan Zheng", "STKaiti", "KaiTi", cursive;--yao-height: 56px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-deep);background-image:radial-gradient(circle at 50% -10%,var(--bg-nebula) 0%,transparent 70%),radial-gradient(circle at 50% 110%,var(--bg-nebula) 0%,transparent 60%);color:var(--text-main);font-family:var(--font-serif);min-height:100vh;overflow-x:hidden;line-height:1.6;letter-spacing:.05em}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:0}#root{position:relative;z-index:1;max-width:600px;margin:0 auto;min-height:100vh;padding:40px 20px;overflow-x:hidden}.header{text-align:center;margin-bottom:50px;position:relative}.header-title{font-family:var(--font-calligraphy);font-size:3rem;background:linear-gradient(180deg,#fff 0%,var(--gold-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 10px rgba(0,0,0,.8));margin-bottom:20px}.bagua-icon-container{height:80px;display:flex;justify-content:center;align-items:center}.bagua-spinner{width:60px;height:60px;position:relative;animation:spin 30s linear infinite;opacity:.8;filter:drop-shadow(0 0 10px var(--gold-primary))}.bagua-line{position:absolute;top:50%;left:50%;width:100%;height:2px;background:var(--gold-primary);box-shadow:0 0 5px var(--gold-primary)}.line-1{transform:translate(-50%,-50%) rotate(0)}.line-2{transform:translate(-50%,-50%) rotate(60deg)}.line-3{transform:translate(-50%,-50%) rotate(120deg)}.taiji-center{position:absolute;top:50%;left:50%;width:20px;height:20px;border:1px solid var(--gold-primary);border-radius:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 10px var(--gold-primary)}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--gold-border);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:var(--shadow-glow),0 10px 40px #0006}@media(max-width:480px){.card{padding:16px}}.submit-btn{width:100%;padding:16px;margin-top:24px;border:none;border-radius:8px;background:linear-gradient(135deg,#b88a44,#faeab1,#946c29);background-size:200% auto;color:#1a1a1a;font-size:1.1rem;font-weight:700;letter-spacing:.2em;cursor:pointer;transition:all .4s ease;box-shadow:0 4px 20px #b88a4466}.submit-btn:hover:not(:disabled){background-position:right center;transform:translateY(-2px);box-shadow:0 8px 30px #b88a4499}.submit-btn:disabled{background:#333;color:#666;cursor:wait;box-shadow:none}.back-btn{background:transparent;border:1px solid var(--gold-dim);color:var(--gold-primary);padding:6px 16px;border-radius:4px;cursor:pointer;transition:all .3s;font-size:.9rem}.back-btn:hover{background:#d4af371a;border-color:var(--gold-primary)}.form-group{margin-bottom:24px;display:flex;align-items:center;gap:16px}.form-label{color:var(--text-main);font-size:1.1rem;font-family:var(--font-serif);white-space:nowrap;min-width:4em}.form-input{flex:1;background:#ffffff08;border:1px solid var(--gold-border);border-radius:6px;color:var(--gold-shiny);font-size:1.1rem;padding:10px 16px;font-family:var(--font-serif);transition:all .3s ease;outline:none}.form-input:focus{background:#ffffff14;border-color:var(--gold-primary);box-shadow:0 0 15px #d4af3726}.form-input::placeholder{color:#fff3;font-size:1rem;font-style:italic}.mode-tabs{display:flex;justify-content:center;gap:60px;margin-bottom:40px;position:relative}.mode-tabs:after{content:"";position:absolute;bottom:0;left:10%;width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.tab-btn{background:none;border:none;padding:12px 0;font-size:1.1rem;color:var(--text-dim);cursor:pointer;font-family:var(--font-serif);transition:all .3s;position:relative}.tab-btn.active{color:var(--gold-primary);text-shadow:0 0 10px rgba(212,175,55,.5)}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--gold-primary);box-shadow:0 0 10px var(--gold-primary)}.time-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:20px;color:var(--text-dim);font-size:.9rem}.refresh-btn{background:none;border:none;color:var(--gold-primary);cursor:pointer;font-size:1.2rem;transition:transform .5s}.refresh-btn:hover{transform:rotate(180deg)}.coin-qianlong-realistic{width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f4d06f,#d4af37,#8a6d1b);border:1px solid #755a26;box-shadow:inset 0 0 15px #000000b3,0 5px 12px #00000080;position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto}.coin-hole{position:absolute;width:26%;height:26%;background:var(--bg-deep);box-shadow:inset 1px 1px 4px #000;border-radius:2px;z-index:2}.coin-text-layer{position:absolute;inset:0;z-index:1;font-family:KaiTi,serif;color:#4a3b18;font-weight:900;text-shadow:1px 1px 0 rgba(255,255,255,.2)}.face-hanzi .char{position:absolute;font-size:1.3rem;transform:translate(-50%,-50%)}.face-hanzi .char-top{top:18%;left:50%}.face-hanzi .char-bottom{top:82%;left:50%}.face-hanzi .char-right{top:50%;left:82%}.face-hanzi .char-left{top:50%;left:18%}.face-manchu .char{position:absolute;top:50%;font-size:.8rem;transform:translateY(-50%);writing-mode:vertical-lr}.face-manchu .char-left{left:22%}.face-manchu .char-right{right:22%}.spinning{animation:spin3d .6s infinite linear}@keyframes spin3d{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.auto-toss-section{margin-top:30px;text-align:center}.toss-guide{color:var(--text-dim);margin-bottom:30px;font-family:var(--font-calligraphy);font-size:1.2rem}.coins-display{display:flex;justify-content:center;gap:30px;margin:40px 0;perspective:1000px}.result-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--gold-border)}.result-title{font-size:1.8rem;color:var(--gold-primary);font-family:var(--font-calligraphy);margin:0}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info-row{display:flex;justify-content:space-between;font-size:.95rem}.info-label{color:var(--text-dim)}.info-value{color:var(--text-main);font-weight:500}.info-value.highlight{color:var(--gold-shiny)}.gua-tag{display:inline-block;padding:2px 6px;border-radius:4px;font-size:.75rem;margin-left:8px;border:1px solid currentColor;vertical-align:middle}.tag-chong{color:var(--accent-red);border-color:var(--accent-red);box-shadow:0 0 5px #c0392b4d}.tag-he{color:var(--accent-green);border-color:var(--accent-green);box-shadow:0 0 5px #27ae604d}.gua-display{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:20px;position:relative;max-width:100%;overflow-x:hidden}.gua-display:after{content:"";position:absolute;left:50%;top:10%;bottom:10%;width:1px;background:linear-gradient(to bottom,transparent,var(--gold-border),transparent);transform:translate(-.5px)}.gua-column{position:relative}.gua-title{text-align:center;color:var(--gold-primary);font-size:1.4rem;font-family:var(--font-calligraphy);margin-bottom:20px;height:60px}.gua-meta{font-size:.9rem;color:var(--text-dim);margin-top:4px;font-family:var(--font-serif)}.yao-row{display:flex;align-items:center;justify-content:center;height:var(--yao-height);border-bottom:1px solid rgba(255,255,255,.02);position:relative;white-space:nowrap;padding:0 4px;gap:12px}.yao-liushou{width:24px;color:var(--text-dim);font-size:.85rem;transform:scale(.9);text-align:center}.yao-info-col{display:flex;flex-direction:column;justify-content:center;align-items:center;width:110px;text-align:center;position:relative}.yao-main-info{display:flex;align-items:center;justify-content:center;width:100%}.yao-liuqin{font-weight:500;color:var(--text-primary);text-align:right;width:42px;margin-right:6px;flex-shrink:0}.yao-ganzhi{color:var(--gold-light);font-family:Roboto Mono,monospace;font-size:.95rem;text-align:left;width:58px;white-space:nowrap;display:flex;align-items:center;flex-shrink:0}.yao-tags{display:flex;align-items:center;justify-content:flex-start;width:16px;flex-shrink:0}.yao-fushen-row{display:none}.yao-sub-info{display:flex;align-items:center;justify-content:center;gap:4px;font-size:.72rem;color:var(--text-dim);margin-top:0;height:14px;width:100%}.yao-symbol{width:50px;text-align:center;font-size:1.2rem;font-weight:700;display:flex;justify-content:center;align-items:center}.yao-marker{width:24px;text-align:right;font-size:.8rem}.yao-arrow{position:absolute;right:-1.25rem;width:1.5rem;text-align:center;color:var(--gold-primary);font-size:1rem;top:50%;margin-top:-1px;transform:translateY(-50%);z-index:10;animation:breathe 2s infinite ease-in-out}.shi-marker{color:#fff;font-weight:700;background:#c0392b66;border:1px solid rgba(231,76,60,.5);padding:0 4px;border-radius:4px;display:inline-block;min-width:20px;text-align:center;line-height:1.4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 4px #0003}.ying-marker{color:#fff;font-weight:700;background:#27ae6066;border:1px solid rgba(46,204,113,.5);padding:0 4px;border-radius:4px;display:inline-block;min-width:20px;text-align:center;line-height:1.4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 4px #0003}.dong-marker{color:var(--gold-primary);font-weight:700;margin-left:4px;text-shadow:0 0 5px rgba(241,196,15,.5)}.yao-arrow{position:absolute;right:-1.25rem;width:1.5rem;text-align:center;color:var(--gold-primary);font-size:1rem;top:50%;transform:translateY(-50%);z-index:10;animation:breathe 2s infinite ease-in-out}.shensha-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.special-info-list{display:flex;flex-direction:column;gap:8px}.special-info-item{background:#ffffff08;padding:8px 12px;border-radius:4px;font-size:.9rem;color:var(--text-dim);border-left:2px solid var(--gold-dim);display:flex;justify-content:flex-start;align-items:center}.special-info-highlight{color:var(--gold-shiny);margin:0 4px;font-weight:500}.shensha-item{background:#ffffff0d;padding:8px 4px;border-radius:4px;text-align:center}.shensha-name{font-size:.75rem;color:var(--text-dim);margin-bottom:2px}.shensha-value{font-size:.9rem;color:var(--gold-shiny)}.loading-overlay{position:fixed;inset:0;background:#050608f2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.particles-container{position:absolute;inset:0;pointer-events:none}.smoke-particle{position:absolute;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;animation:floatUp 3s ease-out infinite}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:0}20%{opacity:.5}to{transform:translateY(-100px) scale(2);opacity:0}}.loading-text-large{margin-top:40px;font-family:var(--font-calligraphy);font-size:2rem;color:var(--gold-shiny);text-shadow:0 0 20px var(--gold-primary);animation:textPulse 2s infinite}@keyframes textPulse{50%{opacity:.6}}.shake{animation:shake .3s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@media(max-width:480px){#root{padding:20px 10px}.header-title{font-size:2.2rem}.coin-qianlong-realistic{width:70px;height:70px}.face-hanzi .char{font-size:1rem}.yao-row{font-size:.85rem}.yao-liushou{width:30px}.yao-liuqin,.yao-symbol{width:40px}}.custom-select-container{width:100%;position:relative;font-family:var(--font-serif)}.custom-select-trigger{width:100%;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-main);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s}.custom-select-trigger:hover{background:#ffffff14;border-color:var(--gold-border)}.custom-select-options{position:absolute;top:100%;left:0;width:100%;background:#151922;border:1px solid var(--gold-border);border-radius:6px;margin-top:4px;z-index:100;display:none;box-shadow:0 10px 30px #00000080;max-height:250px;overflow-y:auto}.custom-select-options.open{display:block;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes breathe{0%{transform:translateY(-50%) translate(0) scale(1);opacity:.8;filter:drop-shadow(0 0 2px var(--gold-primary))}50%{transform:translateY(-50%) translate(3px) scale(1.1);opacity:1;filter:drop-shadow(0 0 5px var(--gold-bright))}to{transform:translateY(-50%) translate(0) scale(1);opacity:.8;filter:drop-shadow(0 0 2px var(--gold-primary))}}.custom-option{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.03);cursor:pointer;transition:background .2s}.custom-option:last-child{border-bottom:none}.custom-option:hover,.custom-option.selected{background:#d4af3726}.custom-option span{font-size:.95rem}.yao-detail{font-size:.8rem;color:var(--text-dim)}.yao-graphic{display:flex;gap:4px;width:40px;justify-content:center}.yao-bar{height:6px;border-radius:1px;box-shadow:0 0 2px #fff3}.yao-bar.yang{width:100%;background:var(--gold-shiny)}.yao-bar.yin{width:42%;background:var(--gold-shiny)}.yao-bar.lao-yang,.yao-bar.lao-yin-l,.yao-bar.lao-yin-r{background:var(--gold-primary);animation:pulse 2s infinite}.text-wx-jin{color:var(--wx-jin)!important}.text-wx-mu{color:var(--wx-mu)!important}.text-wx-shui{color:var(--wx-shui)!important}.text-wx-huo{color:var(--wx-huo)!important}.text-wx-tu{color:var(--wx-tu)!important}@keyframes pulse{50%{opacity:.5}}@media(max-width:480px){#root{padding:20px 10px}.header-title{font-size:2.2rem}.result-header{flex-direction:column;align-items:flex-start;gap:12px}.back-btn{width:100%;text-align:center;padding:10px}.info-grid{gap:8px}.info-label,.info-value{font-size:.85rem}.gua-display{gap:.5rem}.gua-title{font-size:1.2rem;height:auto;min-height:50px}.yao-row{height:48px;gap:2px;padding:0}.yao-info-col{width:80px}.yao-liuqin{font-size:.8rem;width:32px;margin-right:2px}.yao-ganzhi{font-size:.8rem;width:48px}.yao-tags{width:12px}.yao-symbol{width:36px}.yao-graphic{width:30px}.yao-bar{height:5px}.yao-marker{width:16px;font-size:.7rem}.gua-display:after{display:none}.yao-arrow{right:-.8rem;font-size:.8rem;width:1rem}.shensha-header{padding:12px 10px}.mode-tabs{gap:20px}.tab-btn{padding:12px 10px;font-size:1rem}}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:var(--bg-nebula);border:1px solid var(--gold-primary);border-radius:16px;padding:30px;text-align:center;position:relative;max-width:90%;width:320px;box-shadow:0 0 30px #d4af3733;animation:zoomIn .3s ease-out}@keyframes zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-close{position:absolute;top:10px;right:15px;background:none;border:none;color:var(--text-dim);font-size:1.5rem;cursor:pointer;line-height:1}.modal-close:hover{color:var(--gold-primary)}.qr-container{background:#fff;padding:10px;border-radius:8px;margin-bottom:15px;display:inline-block}.qr-image{width:200px;height:200px;display:block}.consultant-text{font-size:1.1rem;color:var(--gold-light);margin:0;font-family:var(--font-serif);font-weight:700}.deep-analysis-btn{animation:pulse-gold 2s infinite;max-width:300px;margin:0 auto}@keyframes pulse-gold{0%{box-shadow:0 0 #d4af3766}70%{box-shadow:0 0 0 10px #d4af3700}to{box-shadow:0 0 #d4af3700}}