.app-wrap{background:linear-gradient(120deg,#fffdf8fa 0%,#f4f0e8fa 48%,#e7dfd2f5 100%);min-height:100vh;position:relative}.app-wrap:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#1f354207 1px,#0000 1px),linear-gradient(90deg,#1f354207 1px,#0000 1px);background-size:46px 46px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 86%);mask-image:linear-gradient(#000 0%,#0000 86%)}.app-wrap:after{content:"";aspect-ratio:1;opacity:.025;pointer-events:none;z-index:0;background:url(/assets/bg-DEnX2Cro.png) 50%/contain no-repeat;width:min(42vw,560px);position:fixed;top:8%;right:4%}.app-wrap>*{z-index:1;position:relative}.ba-gua{filter:drop-shadow(0 20px 42px #1f354229);background:url(/assets/bg-DEnX2Cro.png) 50%/contain no-repeat;transition:all .5s}.ba-gua:hover{filter:drop-shadow(0 26px 54px #1f354238)}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotate{animation-name:rotating;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}.hexagram-card{background:var(--surface);border:1px solid var(--hairline);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;padding:24px;position:relative;overflow:hidden}.hexagram-card:before{content:none;background:linear-gradient(90deg, var(--china-gold) 0%, var(--china-red) 50%, var(--china-gold) 100%);height:4px;position:absolute;top:0;left:0;right:0}.hexagram-card:after{content:none;background:linear-gradient(90deg, var(--china-gold) 0%, var(--china-red) 50%, var(--china-gold) 100%);height:4px;position:absolute;bottom:0;left:0;right:0}.hexagram-character{color:var(--jade-green);text-shadow:0 14px 34px #235c5029;margin:1rem 0;font-size:5.5rem;font-weight:700;line-height:1}.yao-line{background:var(--jade-green);border-radius:4px;height:7px;margin:4px 0;position:relative}.yao-yang{width:100%}.yao-yin{background:0 0;justify-content:center;gap:8px;width:100%;display:flex}.yao-yin:before,.yao-yin:after{content:"";background:var(--jade-green);border-radius:4px;flex:1;height:8px}.yao-changing{box-shadow:0 0 14px #b9975b80;background:var(--china-gold)!important}.yao-changing.yao-yin:before,.yao-changing.yao-yin:after{background:var(--china-gold);box-shadow:0 0 14px #b9975b80}.divination-btn{color:#fffaf0;letter-spacing:0;box-shadow:var(--shadow-button);text-transform:none;background:linear-gradient(135deg,#214f48 0%,#102a2a 100%);border:1px solid #fffaf02e;border-radius:8px;padding:16px 28px;font-size:1.08rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.divination-btn:before{display:none}.divination-btn:hover:before{left:auto}.divination-btn:hover{background:linear-gradient(135deg,#2b685d 0%,#163634 100%);transform:translateY(-2px);box-shadow:0 18px 38px #235c5042}.divination-btn:active{transform:translateY(-1px);box-shadow:0 4px 15px #8b000066,inset 0 2px #ffd7004d}.divination-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.timeline-traditional{padding-left:30px;position:relative}.timeline-traditional:before{content:"";background:linear-gradient(180deg, var(--china-gold) 0%, var(--china-red) 50%, var(--china-gold) 100%);width:2px;position:absolute;top:0;bottom:0;left:10px}.timeline-item{background:var(--rice-paper-light);border:1px solid var(--china-gold);border-radius:8px;margin-bottom:16px;padding:16px;position:relative;box-shadow:0 2px 8px #8b00001a}.timeline-item:before{content:"";background:var(--china-red);border:2px solid var(--china-gold);border-radius:50%;width:12px;height:12px;position:absolute;top:24px;left:-26px}.nav-icon-btn{border:1px solid var(--hairline);width:44px;height:44px;color:var(--jade-green);cursor:pointer;background:#fffdf8b8;border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex}.nav-icon-btn:hover{background:var(--jade-green);color:#fffaf0;border-color:var(--jade-green);transform:translateY(-1px);box-shadow:0 12px 24px #235c5033}.nav-icon-btn-compact{border:1px solid var(--hairline);min-width:36px;height:36px;color:var(--jade-green);cursor:pointer;background:#fffdf8b8;border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex}.nav-icon-btn-compact:hover{background:var(--jade-green);color:#fffaf0;border-color:var(--jade-green);transform:translateY(-1px);box-shadow:0 10px 20px #235c502e}.judgement-text{color:var(--ink-black);text-align:justify;border-left:3px solid var(--jade-green);background:#235c500f;border-radius:8px;padding:16px;font-size:1rem;font-style:normal;line-height:1.8}.sentence-text{color:var(--ink-gray);text-align:justify;border-left:3px solid var(--china-gold);background:#b9975b1a;border-radius:8px;padding:12px 16px;font-size:.95rem;line-height:1.8}.tag-traditional{color:var(--jade-green);letter-spacing:.05em;background:#235c5014;border-radius:4px;align-items:center;padding:4px 12px;font-size:.85rem;font-weight:600;display:inline-flex}@media (width<=768px){.hexagram-character{font-size:4rem}.divination-btn{padding:14px 22px;font-size:1rem}.hexagram-card{padding:16px}}[data-theme=dark] .app-wrap{background:linear-gradient(135deg, var(--rice-paper) 0%, var(--rice-paper-dark) 50%, var(--rice-paper) 100%)}[data-theme=dark] .ba-gua{filter:drop-shadow(0 10px 30px #daa52033)brightness(.9)}[data-theme=dark] .hexagram-card{background:linear-gradient(135deg, var(--rice-paper-light) 0%, var(--rice-paper) 100%);border-color:var(--china-gold-dark)}