:root{--bg-color:#050505;--text-color:#0f0;--accent-color:#00ff41;--plum-color:#0ff;--accent-glow:0 0 10px #00ff41, 0 0 20px #00ff41, 0 0 40px #00ff41;--plum-glow:0 0 10px #0ff, 0 0 20px #0ff, 0 0 40px #0ff;--bg-panel:#00280033;--border-color:#00ff41;--font-mono:"Fira Code", monospace;--font-serif:"Noto Serif SC", serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-mono);background-image:linear-gradient(#00ff4108 1px,#0000 1px),linear-gradient(90deg,#00ff4108 1px,#0000 1px);background-size:30px 30px;flex-direction:column;align-items:center;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#00140080}::-webkit-scrollbar-thumb{background:var(--accent-color);box-shadow:0 0 5px var(--accent-color);border-radius:0}::-webkit-scrollbar-thumb:hover{background:#fff;box-shadow:0 0 10px #fff}.top-nav{border-bottom:1px solid var(--accent-color);font-family:var(--font-mono);z-index:100;background:#001400e6;justify-content:space-between;align-items:center;width:100%;padding:.5rem 1.5rem;font-size:.85rem;display:flex;position:sticky;top:0}.nav-left,.nav-right{align-items:center;gap:1.5rem;display:flex}.nav-center{flex:1;justify-content:center;margin:0 2rem;display:flex;overflow:hidden}.dash-item{gap:.5rem;display:flex}.label{color:#00ff4180;font-weight:400}.dash-item span:not(.label){color:var(--accent-color);font-weight:700}.marquee-box{flex:1;align-items:center;margin-left:.5rem;display:flex;overflow:hidden}.marquee{white-space:nowrap;color:var(--accent-color);opacity:.8;padding-left:20px;animation:30s linear infinite marquee}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}#app{flex-direction:column;gap:2rem;width:100%;max-width:900px;padding:2rem 1rem;display:flex}.nav-item{color:var(--accent-color);border:none;justify-content:center;align-items:center;padding:5px;text-decoration:none;transition:all .3s;display:flex}.nav-item:hover{background:var(--accent-color);color:#000;box-shadow:var(--accent-glow)}.nav-item svg{display:block}.glitch-header{text-align:center;margin-top:3rem;margin-bottom:3rem}.glitch-header h1{text-transform:uppercase;letter-spacing:5px;color:var(--accent-color);text-shadow:var(--accent-glow);font-size:2.5rem}.subtitle{opacity:.8;margin-top:.5rem;font-size:.9rem}.console-container{flex-direction:column;gap:1.5rem;display:flex}.terminal{background:var(--bg-panel);border:1px solid var(--border-color);height:150px;padding:1rem;font-size:.9rem;overflow-y:auto;box-shadow:inset 0 0 10px #00ff4133}.terminal .line{margin-bottom:.3rem}.terminal .line.sys-msg{opacity:.7}.terminal .line.act-msg{color:#fff;text-shadow:0 0 5px #fff}.button-group{justify-content:center;gap:1rem;display:flex}.cyber-btn{border:2px solid var(--accent-color);color:var(--accent-color);font-family:var(--font-mono);cursor:pointer;background:0 0;flex:1;padding:1rem 1.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 0 10px #00ff4133}.cyber-btn:hover{background:var(--accent-color);color:var(--bg-color);box-shadow:var(--accent-glow)}.cyber-btn.plum-btn{border-color:var(--plum-color);color:var(--plum-color);box-shadow:0 0 10px #0ff3}.cyber-btn.plum-btn:hover{background:var(--plum-color);color:var(--bg-color);box-shadow:var(--plum-glow)}.cyber-btn:disabled{opacity:.5;cursor:not-allowed;background:0 0}.result-area{flex-direction:column;gap:2rem;animation:1s ease-in fadeIn;display:flex}.result-area.hidden{display:none}.hexagrams-display{justify-content:space-around;gap:1rem;display:flex}.hexagram-card{border:1px solid var(--border-color);background:var(--bg-panel);text-align:center;flex:1;padding:1.5rem}.hexagram-card.mini{border-color:#555;padding:1rem}.hexagram-card h3{opacity:.8;letter-spacing:2px;margin-bottom:1.5rem;font-size:1rem}.hexagram-card.mini h3{color:#aaa;margin-bottom:1rem;font-size:.8rem}.hex-drawing{flex-direction:column-reverse;align-items:center;gap:8px;margin-bottom:1.5rem;display:flex}.mini-drawing{gap:4px;margin-bottom:1rem}.yao{background:0 0;justify-content:space-between;width:100px;height:12px;display:flex}.mini-drawing .yao{width:60px;height:8px}.yao.yang{background:var(--accent-color);box-shadow:0 0 5px var(--accent-color)}.yao.yin{background:0 0}.yao.yin:before,.yao.yin:after{content:"";background:var(--accent-color);width:45px;height:100%;box-shadow:0 0 5px var(--accent-color)}.mini-drawing .yao.yin:before,.mini-drawing .yao.yin:after{width:27px}.yao-wrapper{align-items:center;gap:12px;display:flex}.yao-animal{color:#888;text-align:right;width:28px;font-size:.8rem;font-family:var(--font-serif)}.yao-shiying{color:var(--accent-color);text-align:left;width:20px;text-shadow:0 0 5px var(--accent-color);font-size:.9rem;font-weight:700}.yao-shiying.ying{color:#aaa;text-shadow:none}.yao-shiying.empty{opacity:0}.yao.changing,.yao.yin.changing:before,.yao.yin.changing:after{background:#f0f;box-shadow:0 0 15px #f0f}.hex-name{font-family:var(--font-serif);text-shadow:var(--accent-glow);font-size:2rem;font-weight:700}.hex-name.small{text-shadow:none;color:#ddd;font-size:1.2rem}.section-title{color:#888;border-bottom:1px dashed #555;margin-top:1rem;padding-bottom:.5rem}.interpretation-card{border:1px solid var(--border-color);background:var(--bg-panel);padding:1.5rem}.interpretation-card h3{border-bottom:1px solid var(--accent-color);margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem}.interpretation-card pre{white-space:pre-wrap;font-family:var(--font-serif);color:#fff;font-size:1.1rem;line-height:1.8}.deep-reading-panel{border:1px dashed var(--accent-color);background:#0014004d;margin-top:1.5rem;padding:.5rem;transition:all .3s}.deep-reading-panel[open]{padding:1rem}.deep-reading-panel summary{cursor:pointer;color:var(--accent-color);opacity:.8;letter-spacing:1px;outline:none;font-size:.95rem;font-weight:700}.deep-reading-panel summary:hover{opacity:1;text-shadow:var(--accent-glow)}.deep-reading-content{font-family:var(--font-serif);border-top:1px solid #00ff4133;margin-top:1rem;padding-top:1rem}.deep-reading-content h4{color:var(--plum-color);font-size:1rem;font-family:var(--font-mono);margin:1rem 0 .5rem}.deep-reading-content p{color:#ddd;font-size:1rem;line-height:1.8}.deep-reading-content .master-notes{white-space:pre-wrap;color:#ccc;border-left:2px solid var(--plum-color);background:#00ffff0d;padding-left:10px;font-style:italic}.wuxing-panel,.holographic-panel,.spatiotemporal-panel{border:1px solid var(--border-color);background:var(--bg-panel);margin-top:1rem;padding:1.5rem}.wuxing-panel{border-color:var(--plum-color);box-shadow:0 0 10px #00ffff1a}.wuxing-panel h3{color:var(--plum-color);border-bottom:1px solid var(--plum-color)}.wuxing-panel h3,.holographic-panel h3,.spatiotemporal-panel h3{border-bottom:1px solid var(--accent-color);margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem}.wx-grid,.holo-grid,.st-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.wx-item,.holo-item,.st-item{font-size:.95rem}.highlight{color:#fff;text-shadow:0 0 5px var(--accent-color);font-weight:700}.wx-desc,.st-tip{font-family:var(--font-serif);color:#ccc;font-size:.95rem}.st-tip{opacity:.6;margin-top:.5rem}.cyber-sync-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.cyber-sync-overlay.hidden{display:none}.sync-content{border:2px solid var(--accent-color);text-align:center;box-shadow:var(--accent-glow);background:#002800e6;width:90%;max-width:600px;padding:3rem}.sync-content h2{color:var(--accent-color);margin-bottom:1rem;animation:1s infinite alternate pulse}.sync-content p{color:#fff;margin-bottom:2rem;font-size:1.1rem}.progress-bar{border:1px solid var(--border-color);width:100%;height:20px;margin-bottom:1rem}.progress-fill{background:var(--accent-color);width:0%;height:100%;transition:width .1s}.hash-text{font-family:var(--font-mono);color:#888;font-size:.9rem!important}@keyframes pulse{0%{opacity:.8}to{opacity:1;text-shadow:var(--accent-glow)}}footer{text-align:center;opacity:.5;margin-top:2rem;font-size:.8rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal{z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal.hidden{display:none}.modal-content{background-color:var(--bg-panel);border:1px solid var(--accent-color);width:80%;max-width:800px;max-height:85vh;box-shadow:var(--accent-glow);padding:2rem;position:relative;overflow-y:auto}.close-btn{color:var(--accent-color);cursor:pointer;font-size:2rem;font-weight:700;transition:all .3s;position:absolute;top:1rem;right:1.5rem}.close-btn:hover{color:#fff}.whitepaper-text{color:#eee;line-height:1.8;font-family:var(--font-serif)}.module-switcher{justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.mod-btn{color:#888;font-family:var(--font-mono);cursor:pointer;background:0 0;border:1px solid #555;padding:.5rem 1.5rem;font-size:1rem;transition:all .3s}.mod-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.mod-btn.active{border-color:var(--accent-color);color:var(--accent-color);text-shadow:0 0 5px var(--accent-color);box-shadow:0 0 10px #00ff4133}.module-view{display:none}.module-view.active{flex-direction:column;animation:.5s ease-in fadeIn;display:flex}.zhiming-container{gap:1.5rem;width:100%}.scan-form-card{border:1px solid var(--border-color);background:var(--bg-panel);padding:2rem;box-shadow:inset 0 0 20px #00ff411a}.scan-form-card h3{color:var(--accent-color);border-bottom:1px dashed #555;margin-bottom:1.5rem;padding-bottom:.5rem}.cyber-form{flex-direction:column;gap:1.5rem;display:flex}.form-row{flex-direction:column;gap:.5rem;display:flex}.form-row label{color:#aaa;font-size:.9rem}.form-row input,.form-row select{color:var(--text-color);font-family:var(--font-mono);background:#001400cc;border:1px solid #555;outline:none;padding:.8rem;font-size:1rem;transition:all .3s}.form-row input:focus,.form-row select:focus{border-color:var(--accent-color);box-shadow:0 0 10px #00ff414d}.form-row input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert()sepia()saturate(5)hue-rotate(80deg);cursor:pointer}.full-width{width:100%;margin-top:1rem}.bazi-matrix-card,.bazi-info-card{border:1px solid var(--plum-color);background:#00282833;padding:1.5rem}.bazi-matrix-card h3,.bazi-info-card h3{color:var(--plum-color);border-bottom:1px solid var(--plum-color);margin-bottom:1rem;padding-bottom:.5rem}.bazi-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.pillar-col{background:#00000080;border:1px solid #444;flex-direction:column;align-items:center;gap:.3rem;padding:1rem .8rem;display:flex;position:relative}.pillar-col:before{content:"";background:var(--plum-color);width:100%;height:2px;box-shadow:var(--plum-glow);position:absolute;top:0;left:0}.bz-header{color:#888;letter-spacing:2px;font-size:.8rem}.bz-god{color:var(--plum-color);margin-bottom:4px;font-size:.85rem}.bz-char{font-family:var(--font-serif);font-size:2.2rem;font-weight:700;line-height:1.2}.bz-char:first-of-type{color:#fff;text-shadow:0 0 8px #fff6}.bz-char:nth-of-type(2){color:var(--accent-color)}.bz-nayin{color:#666;margin-top:2px;font-size:.75rem}.bz-dishi{color:var(--accent-color);margin-top:3px;font-size:.85rem}.bz-hidden{color:#aaa;border-top:1px dashed #444;flex-direction:column;align-items:center;gap:2px;width:100%;margin-top:.5rem;padding-top:.5rem;font-size:.85rem;display:flex}.hidden-char{color:#ccc;font-family:var(--font-serif);font-size:1rem}.whitepaper-text h1{color:var(--accent-color);border-bottom:2px solid var(--accent-color);margin-bottom:1.5rem;padding-bottom:.5rem}.whitepaper-text h2{color:var(--plum-color);margin-top:2rem;margin-bottom:1rem}.whitepaper-text p{margin-bottom:1rem}.whitepaper-text ul{margin-bottom:1rem;padding-left:1.5rem}.whitepaper-text li{margin-bottom:.5rem}.whitepaper-text strong{color:var(--accent-color)}.whitepaper-text hr{border:0;border-top:1px solid #333;margin:2rem 0}.whitepaper-text blockquote{border-left:4px solid var(--accent-color);color:#aaa;margin:1rem 0;padding-left:1rem;font-style:italic}.wx-balance-grid{flex-direction:column;gap:.8rem;display:flex}.wx-bal-item{align-items:center;gap:1rem;display:flex}.wx-bal-label{color:#aaa;text-align:right;width:60px;font-size:.9rem}.wx-bal-bar{background:#00000080;border:1px solid #444;border-radius:4px;flex-grow:1;height:8px;overflow:hidden}.wx-bal-fill{height:100%;transition:width .5s ease-out}.fill-金{background:gold;box-shadow:0 0 5px gold}.fill-木{background:#32cd32;box-shadow:0 0 5px #32cd32}.fill-水{background:#1e90ff;box-shadow:0 0 5px #1e90ff}.fill-火{background:#ff4500;box-shadow:0 0 5px #ff4500}.fill-土{background:peru;box-shadow:0 0 5px peru}.diag-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem;display:grid}.diag-card{border:1px solid var(--border-color);background:#0028004d;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.pattern-card{border-color:var(--accent-color)}.patch-card{border-color:var(--plum-color)}.diag-card h3{border-bottom:1px dashed #00ff414d;margin-bottom:.5rem;padding-bottom:.5rem;font-size:.9rem}.pattern-header{align-items:baseline;gap:10px;display:flex}.pattern-name{font-size:1.8rem;font-family:var(--font-serif);color:#fff;text-shadow:var(--accent-glow)}.strength-tag{background:var(--accent-color);color:#000;padding:2px 8px;font-size:.8rem;font-weight:700}.diag-desc{color:#aaa;font-size:.9rem;line-height:1.6;font-family:var(--font-serif)}.patch-item{font-size:1rem}.collision-card{background:#28000033;border:1px solid #ff4141;margin-top:1rem;padding:1.5rem}.collision-card h3{color:#ff4141;border-bottom:1px solid #ff4141;margin-bottom:1rem;padding-bottom:.5rem}.collision-logs{flex-direction:column;gap:.8rem;display:flex}.collision-item{background:#ff41410d;border-left:3px solid #ff4141;padding:.8rem}.col-header{justify-content:space-between;margin-bottom:4px;display:flex}.col-type{color:#000;background:#ff4141;padding:1px 4px;font-size:.7rem;font-weight:700}.col-msg{color:#fff;font-weight:700}.col-detail{color:#aaa;font-size:.85rem}.collision-item.info{border-left-color:var(--plum-color)}.collision-item.info .col-type{background:var(--plum-color)}.dayun-grid{text-align:center;grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.dy-item{background:#0006;border:1px solid #444;padding:.5rem;transition:all .3s}.dy-item:hover{border-color:var(--plum-color);box-shadow:0 0 8px #0ff3}.dy-ganzhi{font-size:1.2rem;font-family:var(--font-serif);color:#fff;margin-bottom:.3rem}.dy-age,.dy-year{color:#888;font-size:.75rem}@media (width<=768px){.top-nav{border-bottom:2px solid var(--accent-color);background:#000a00f2;grid-template-columns:1fr auto;grid-template-areas:"info wp""status status";gap:.4rem;padding:.6rem;display:grid}.nav-left{border-bottom:none;grid-area:info;grid-template-columns:1fr 1fr;gap:.5rem;padding-bottom:0;display:grid}.nav-left .dash-item{flex-direction:column;align-items:flex-start;gap:1px}.nav-left .dash-item .label{opacity:.6;font-size:.55rem}.nav-left .dash-item span:not(.label){font-size:.75rem}.nav-center{background:#00ff410d;grid-area:status;width:100%;margin:0;padding:2px 4px;font-size:.65rem}.nav-right{grid-area:wp;justify-content:flex-end;align-items:center}.nav-item{background:0 0;border:none;padding:4px}.nav-item svg{width:16px;height:16px}#app{gap:1.5rem;padding:1rem .5rem}.glitch-header{margin-top:1rem;margin-bottom:1.5rem}.glitch-header h1{letter-spacing:2px;font-size:1.6rem}.button-group{flex-direction:column;width:100%}.cyber-btn{width:100%;padding:.8rem;font-size:.95rem}.hexagrams-display{flex-direction:column;gap:1.5rem}.hexagram-card{width:100%;padding:1rem}.hex-name{font-size:1.5rem}.wx-grid,.holo-grid,.st-grid{grid-template-columns:1fr;gap:.8rem}.terminal{height:120px;font-size:.8rem}.modal-content{width:95%;margin:1rem;padding:1rem}.whitepaper-text h1{font-size:1.4rem}.yao{width:140px}.mini-drawing .yao{width:80px}.dayun-grid{grid-template-columns:repeat(2,1fr)}}