.hexagram-panel *{margin:0;padding:0;box-sizing:border-box;font-size:3.3vmin;color:var(--text-primary-color)}:root{--bg-color:#edf1f7;--card-bg-color:#ffffff;--card-shadow:0 24px 80px rgba(15,23,42,0.08);--header-text-color:#0f172a;--muted-text-color:#8b8fa3;--text-primary-color:#4b5563;--text-nouse-color:#94a3b8;--symbol-primary-color:#4b5662;--symbol-active-color:#111827;--symbol-nouse-color:#cbd5f5;--content-bg-color:transparent;--symbol-edit-bg-color:#dbeafe;--button-primary-bg-color:#2563eb;--button-primary-text-color:#fff;--rate-tip-color:#e2e8f0;--accent-color:#2563eb;--surface-muted:#f6f7fb}.hexagram-panel{font-size:2vmin;overflow-x:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--text-primary-color);background:transparent;font-family:PingFang SC,SF Pro Display,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;flex-direction:column;gap:2vmin;width:100%;flex:1;--hx-panel-shadow:0 25px 70px rgba(106,126,182,0.18);--hx-panel-border:rgba(148,163,184,0.35);--hx-panel-bg:transparent;--hx-surface-bg:rgba(255,255,255,0.95);--hx-surface-border:rgba(226,232,240,0.9)}.hexagram-panel .icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.hexagram-panel button{color:var(--button-primary-text-color);background:var(--button-primary-bg-color);outline:none;border:1px solid transparent;box-shadow:none;padding:.6vmin 2.2vmin;border-radius:999px;margin:0;font-size:2vmin;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.6vmin;transition:transform .2s ease,box-shadow .2s ease}.hexagram-panel button:active{transform:scale(.98)}.hexagram-panel button:disabled{filter:grayscale(1);opacity:.5;cursor:not-allowed}@keyframes rotate{0%{transform:rotate(0)}5%{transform:rotate(0)}50%{transform:rotate(-90deg)}95%{transform:rotate(-90deg)}to{transform:rotate(-90deg)}}.hexagram-panel .modal{width:100vw;height:100vh;position:absolute;top:0;left:0;backdrop-filter:blur(10px);display:none;z-index:999}.hexagram-panel .modal .close{width:4vmin;height:4vmin;border-radius:100%;position:fixed;right:4vw;top:1vh;background:#000}.hexagram-panel .modal .close:after,.hexagram-panel .modal .close:before{content:" ";display:block;border-top:2px solid #fff;width:50%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg)}.hexagram-panel .modal .close:after{transform:translateX(-50%) translateY(-50%) rotate(-45deg)}.hexagram-panel .modal.show{display:block;animation:showModal .3s;animation-timing-function:ease-in-out}.hexagram-panel .modal-content{padding:6vh 4vw;display:flex;width:100vw;height:100vh;overflow:hidden}.hexagram-panel .modal-content .remark{width:100%;border:1px solid #ccc;padding:4vmin;outline:none}@keyframes showModal{0%{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(10px)}}.hexagram-panel .timer-panel{display:flex;flex-direction:column;gap:1.4vmin}.hexagram-panel .calendar-picker{display:flex;align-items:center;gap:1.2vmin}.hexagram-panel .calendar-display{position:relative;display:inline-flex;align-items:center;gap:.8vmin;border-radius:14px;border:1px solid var(--hx-surface-border);background:var(--hx-surface-bg);padding:.8vmin 1.6vmin;font-size:2vmin;color:var(--text-primary-color);cursor:pointer}.hexagram-panel .calendar-display.disabled{opacity:.6;cursor:not-allowed}.hexagram-panel .calendar-display-icon{color:var(--muted-text-color)}.hexagram-panel .calendar-input-overlay{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;color:var(--text-primary-color);font-size:inherit;cursor:text}.hexagram-panel .calendar-input-field{border:none;background:transparent;color:var(--text-primary-color);font-size:2vmin;padding:0;outline:none;flex:1}.hexagram-panel .manual-plate-btn{border-radius:16px;border:1px solid var(--hx-surface-border);background:var(--hx-surface-bg);padding:1.1vmin 3.2vmin;font-size:2.4vmin;font-weight:600;color:var(--text-primary-color);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap;margin-left:auto;margin-right:.5vmin}.hexagram-panel .manual-plate-btn:disabled{opacity:.6;cursor:not-allowed}.hexagram-panel .manual-plate-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(15,23,42,.15)}.hexagram-panel .manual-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.hexagram-panel .manual-modal{width:min(520px,90%);background:var(--hx-surface-bg);border-radius:20px;border:1px solid var(--hx-surface-border);box-shadow:var(--hx-panel-shadow);padding:2vmin;display:flex;flex-direction:column;gap:1.2vmin}.hexagram-panel .manual-modal h3{margin:0;font-size:2.4vmin;color:var(--text-primary-color);text-align:center}.hexagram-panel .manual-modal-desc{font-size:1.6vmin;color:var(--muted-text-color)}.hexagram-panel .manual-modal-lines{display:flex;flex-direction:column;gap:.8vmin}.hexagram-panel .manual-line-row{display:flex;align-items:center;justify-content:space-between;gap:1vmin;font-size:1.7vmin}.hexagram-panel .manual-line-row select{border-radius:12px;border:1px solid var(--hx-surface-border);background:var(--hx-surface-bg);padding:.4vmin .8vmin;font-size:1.7vmin;color:var(--text-primary-color);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.hexagram-panel .manual-modal-actions{display:flex;justify-content:flex-end;gap:1vmin}.hexagram-panel .manual-modal-actions button{border-radius:12px;border:1px solid var(--hx-surface-border);background:transparent;padding:.6vmin 1.6vmin;font-size:1.7vmin;cursor:pointer}.hexagram-panel .manual-modal-actions .manual-modal-confirm{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.hexagram-panel .manual-modal-actions .manual-modal-cancel{color:var(--text-primary-color)}.hexagram-panel .content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.2vmin;margin-top:1vmin;padding:0 0 1vmin}.hexagram-panel .content.hexagram-layout{grid-template-columns:repeat(3,minmax(0,1fr));background:transparent;border-radius:0;padding:0;gap:2.4vmin;box-shadow:none;border:none;position:relative;overflow:visible;min-height:auto;margin-top:1.4vmin;align-items:stretch;--header-text-color:#1f2547;--text-primary-color:#394063;--muted-text-color:rgba(76,90,133,0.7);--symbol-primary-color:#3f4869;--symbol-active-color:#0f1b3f;--symbol-nouse-color:rgba(136,144,174,0.45)}.hexagram-panel .app-header{background:var(--hx-surface-bg);color:var(--header-text-color);border-radius:20px;padding:2.6vmin 3vmin;box-shadow:var(--hx-panel-shadow);border:1px solid var(--hx-surface-border);display:flex;flex-direction:column;gap:1.8vmin}.hexagram-panel .header-top{flex-wrap:wrap;justify-content:space-between}.hexagram-panel .brand-block,.hexagram-panel .header-top{display:flex;align-items:center;gap:1.4vmin}.hexagram-panel .brand-icon{width:5.4vmin;height:5.4vmin;border-radius:18px;background:#f0f4ff;display:flex;align-items:center;justify-content:center;font-size:3vmin;color:var(--accent-color);box-shadow:inset 0 0 0 1px rgba(37,99,235,.15)}.hexagram-panel .brand-text{display:flex;flex-direction:column;gap:.4vmin}.hexagram-panel .brand-link{background:none;border:0;box-shadow:none;padding:0;margin:0;font-size:3.4vmin;font-weight:700;color:var(--header-text-color);cursor:pointer;display:inline-flex;align-items:baseline;gap:.6vmin}.hexagram-panel .brand-link sup{font-size:1.5vmin;color:var(--muted-text-color);position:relative;margin-left:.5vmin;top:-.6vmin}.hexagram-panel .brand-subtitle{font-size:1.8vmin;color:var(--muted-text-color)}.hexagram-panel .header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.8vmin}.hexagram-panel .header-actions button{background:var(--hx-surface-bg);color:#1f2937;border-color:var(--hx-surface-border);box-shadow:none}.hexagram-panel .header-actions button:hover{box-shadow:0 12px 30px rgba(15,23,42,.12);transform:translateY(-1px)}.hexagram-panel .header-actions .locker{background:color-mix(in srgb,var(--accent-color) 8%,transparent);border-color:color-mix(in srgb,var(--accent-color) 30%,var(--hx-surface-border))}.hexagram-panel .header-actions .locker.locked{background:color-mix(in srgb,#ef4444 15%,transparent);border-color:color-mix(in srgb,#ef4444 40%,var(--hx-surface-border));color:#b91c1c}.hexagram-panel .header-form-card{background:var(--hx-surface-bg);border-radius:18px;padding:1.6vmin 2.4vmin;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.6vmin;box-shadow:inset 0 0 0 1px var(--hx-surface-border)}.hexagram-panel .input-group{display:flex;flex-direction:column;gap:.8vmin}.hexagram-panel .input-group label{font-size:1.8vmin;color:var(--muted-text-color)}.hexagram-panel .input-shell{display:flex;align-items:center;gap:.8vmin;border:1px solid #e2e8f0;border-radius:12px;padding:.6vmin 1.6vmin;background:var(--surface-muted);transition:.3s ease}.hexagram-panel .input-shell:focus-within{border-color:rgba(37,99,235,.4);box-shadow:0 0 0 2px rgba(37,99,235,.12);background:var(--hx-surface-bg)}.hexagram-panel .input-icon{color:var(--muted-text-color);display:flex;align-items:center;justify-content:center}.hexagram-panel .input-text{border:0;outline:none;background:transparent;flex:1;font-size:2.2vmin;color:var(--header-text-color)}.hexagram-panel select{border:1px solid #e2e8f0;border-radius:12px;outline:none;background:var(--hx-surface-bg);padding:.6vmin 1.4vmin;font-size:1.9vmin;color:var(--text-primary-color)}.hexagram-panel .time-selector{display:flex;align-items:center;gap:1.1vmin;padding:1.2vmin 0;background:transparent;border-radius:0;box-shadow:none}.hexagram-panel .time-selector .datetime{display:flex;align-items:center;flex:1}.hexagram-panel .time-selector>div:nth-child(2){font-size:2.4vmin;color:var(--muted-text-color);text-align:center}.hexagram-panel .time-selector .date-time{outline:none;border:0;background:transparent;font-size:2.4vmin;font-weight:600;color:var(--header-text-color)}.hexagram-panel .time-selector>div:last-child{display:flex;gap:1vmin}.hexagram-panel .time-selector>div:last-child button:first-child{background:var(--accent-color);color:#fff;box-shadow:0 15px 30px rgba(37,99,235,.3)}.hexagram-panel .time-selector>div:last-child button:last-child{background:#fff;border-color:rgba(37,99,235,.35);color:var(--accent-color)}.hexagram-panel .floor2{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.4vmin;padding:1.4vmin 2.4vmin;background:#fff;border-radius:18px;box-shadow:var(--card-shadow)}.hexagram-panel .floor2 .configs{display:flex;align-items:center;gap:.8vmin;font-size:2vmin;color:var(--text-primary-color)}.hexagram-panel .floor2 .configs input[type=checkbox]{width:2.6vmin;height:2.6vmin;accent-color:var(--accent-color)}.hexagram-panel .power{display:flex;flex:1;justify-content:center;align-items:center;gap:2vmin;flex-wrap:wrap}.hexagram-panel .power>div:first-child{display:none}.hexagram-panel .power span{font-size:2.4vmin;font-weight:600;color:var(--header-text-color);position:relative;padding:1vmin 1.8vmin;background:var(--surface-muted);border-radius:14px;display:inline-flex;align-items:center;gap:.6vmin}.hexagram-panel .power sup{position:absolute;left:1.2vmin;top:-1.4vmin;background:#fff;white-space:nowrap;text-align:center;font-size:1.6vmin;border-radius:999px;padding:.2vmin 1.2vmin;font-weight:400;box-shadow:0 6px 16px rgba(15,23,42,.08)}.hexagram-panel .power select{min-width:12vmin}.hexagram-panel .plumagram-numbers{display:flex;flex:1;align-items:center;justify-content:center;gap:1vmin}.hexagram-panel .plumagram-numbers input{border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;padding:.4vmin 1.2vmin;font-size:2vmin;outline:none}.hexagram-panel .save-success{opacity:0;animation:fadeIn 3s ease-in-out forwards}.hexagram-panel .new{position:relative}.hexagram-panel .new:before{content:"NEW";display:block;position:absolute;left:-1.5vmin;top:-.8vmin;font-size:1.5vmin;color:red}@keyframes fadeIn{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}.hexagram-panel .symbols-panel{display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column;padding:2.2vmin 0;background:transparent;border-radius:0;box-shadow:none;border:none;min-height:100%}.hexagram-panel .symbols-panel .diagram-name{margin-bottom:1vmin;position:relative;font-size:2.4vmin;font-weight:600;color:var(--header-text-color);display:flex;flex-direction:column;gap:.4vmin}.hexagram-panel .symbols-panel .diagram-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.8vmin;flex-wrap:wrap}.hexagram-panel .symbols-panel .diagram-column-label{font-size:1.4vmin;color:var(--muted-text-color);font-weight:600}.hexagram-panel .symbols-panel .diagram-title{font-size:2.2vmin;font-weight:600;color:var(--header-text-color);flex:1 0 100%;text-align:center}.hexagram-panel .symbols-panel .diagram-element{display:block;font-size:1.1vmin;color:var(--muted-text-color);width:100%;text-align:center}.hexagram-panel .symbols-panel .diagram-host{font-size:1.1vmin;color:var(--muted-text-color)}.hexagram-panel .symbols-panel .diagram-name .tip{display:block;font-size:1.2vmin;text-align:center;color:var(--muted-text-color);margin-top:.2vmin}.hexagram-panel .symbols-panel .symbols{width:100%;transition:all .5s;padding:2vmin;border-radius:0;flex:1;display:flex;justify-content:space-between;align-items:stretch;flex-direction:column-reverse;background:transparent;box-shadow:none}.hexagram-panel .symbols-panel .symbols.edit{box-shadow:inset 0 0 0 2px rgba(79,70,229,.3),0 12px 40px rgba(79,70,229,.15)}.hexagram-panel .symbols-panel .symbols.edit .bar:active,.hexagram-panel .symbols-panel .symbols.edit .bar:hover .left,.hexagram-panel .symbols-panel .symbols.edit .bar:hover .middle,.hexagram-panel .symbols-panel .symbols.edit .bar:hover .right{background:var(--symbol-active-color)}.hexagram-panel .symbols-panel .symbols.showIcon{padding-bottom:2vmin}.hexagram-panel .symbols-panel .symbols .symbol{width:100%;min-height:calc(100% / 11);display:flex;position:relative;justify-content:flex-start;align-items:center;gap:.8vmin;padding:.3vmin 0}.hexagram-panel .symbols-panel .symbols .symbol .bar{display:flex;flex:1;height:1.6vmin;border-radius:999px;overflow:hidden;background:transparent}.hexagram-panel .symbols-panel .symbols .symbol .bar .left,.hexagram-panel .symbols-panel .symbols .symbol .bar .middle,.hexagram-panel .symbols-panel .symbols .symbol .bar .right{flex:1;background:var(--symbol-active-color);transition:background .2s ease}.hexagram-panel .symbols-panel .symbols .symbol[data-symbol="6"] .middle,.hexagram-panel .symbols-panel .symbols .symbol[data-symbol="8"] .middle{background:transparent!important}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol[data-symbol="7"] .bar,.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol[data-symbol="9"] .bar{background:var(--symbol-active-color)}.hexagram-panel .symbols-panel .symbols .symbol.no-use{opacity:.55}.hexagram-panel .symbols-panel .symbols .symbol .symbol-marker{position:static;right:auto;top:auto;transform:none;width:auto;display:inline-flex;align-items:flex-start;justify-content:flex-start;pointer-events:none;margin-left:.6vmin;text-align:left}.hexagram-panel .symbols-panel .symbols .symbol .symbol-marker.inline,.hexagram-panel .symbols-panel .symbols .symbol .symbol-marker.only-change{width:auto}.hexagram-panel .symbols-panel .symbols .symbol .each-other{color:var(--header-text-color);display:inline-flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:.3vmin;font-size:1.9vmin;font-weight:500;line-height:1.2;pointer-events:auto;text-align:left}.hexagram-panel .symbols-panel .symbols .symbol .symbol-marker.inline .each-other{flex-direction:row;gap:.4vmin}.hexagram-panel .symbols-panel .symbols .symbol .marker-stack{display:inline-flex;flex-direction:row;align-items:flex-start;gap:.2vmin;justify-content:flex-start;white-space:nowrap}.hexagram-panel .symbols-panel .symbols .symbol .marker-stack.inline{gap:.4vmin}.hexagram-panel .symbols-panel .symbols .symbol .marker-label{font-size:inherit;color:inherit;font-weight:500;letter-spacing:0}.hexagram-panel .symbols-panel .symbols .symbol .change-indicator{font-size:1.1vmin;color:var(--symbol-primary-color);letter-spacing:.15vmin}.hexagram-panel .symbols-panel .symbols .symbol .marker-combined{display:inline-flex;align-items:center;justify-content:center;gap:.3vmin;font-size:inherit;font-weight:500;color:inherit;white-space:nowrap}.hexagram-panel .symbols-panel.plumagram .change-indicator{letter-spacing:0;font-size:1.4vmin}.hexagram-panel .symbols-panel .symbols .symbol .six-member{display:flex;justify-content:center;align-items:center;margin-right:1.4vmin;position:relative;font-size:1.9vmin;color:var(--header-text-color);gap:.4vmin}.hexagram-panel .symbols-panel .symbols .symbol .six-member sup{position:absolute;left:-4%;top:-85%;background:#fff;white-space:nowrap;text-align:center;font-size:1.6vmin;border-radius:999px;padding:.2vmin .8vmin;box-shadow:0 8px 20px rgba(15,23,42,.12)}.hexagram-panel .symbols-panel .symbols .symbol .six-member .dead{border:1px dotted #94a3b8}.hexagram-panel .symbols-panel .symbols .symbol .six-member .day-break,.hexagram-panel .symbols-panel .symbols .symbol .six-member .day-half-break,.hexagram-panel .symbols-panel .symbols .symbol .six-member .month-break,.hexagram-panel .symbols-panel .symbols .symbol .six-member .month-half-break{text-decoration:line-through}.hexagram-panel .symbols-panel .symbols .symbol .six-member .day-half-break,.hexagram-panel .symbols-panel .symbols .symbol .six-member .month-half-break{text-decoration-style:dotted}.hexagram-panel .symbols-panel .symbols .symbol .six-member .dead.active,.hexagram-panel .symbols-panel .symbols .symbol .six-member .dead.day-break{border:1px solid #475569}.hexagram-panel .symbols-panel .symbols .symbol .six-member .dead.month-break{text-decoration:line-through}.hexagram-panel .symbols-panel .symbols .symbol .six-member .active,.hexagram-panel .symbols-panel .symbols .symbol .six-member .dead.day-break{text-decoration:none;animation:blink .8s ease-out infinite alternate-reverse forwards}.hexagram-panel .symbols-panel .symbols .symbol .six-member .active.inner{animation:none;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}@keyframes blink{0%{opacity:.25}to{opacity:1}}.hexagram-panel .symbols-panel .symbols .symbol .change .changeMean{position:absolute;white-space:nowrap;top:-1.5vmin;font-size:1.4vmin}.hexagram-panel .symbols-panel .footer{margin-top:1.4vmin;font-size:1.6vmin;color:var(--muted-text-color)}.hexagram-panel .content.hexagram-layout .symbols-panel{background:transparent;border:none;box-shadow:none;backdrop-filter:none;border-radius:0;min-height:100%;--column-accent:#f2b034;--column-accent-soft:rgba(242,176,52,0.18)}.hexagram-panel .content.hexagram-layout .symbols-panel[data-element="木"]{--column-accent:#23b07d;--column-accent-soft:rgba(35,176,125,0.25)}.hexagram-panel .content.hexagram-layout .symbols-panel[data-element="火"]{--column-accent:#f05252;--column-accent-soft:rgba(240,82,82,0.2)}.hexagram-panel .content.hexagram-layout .symbols-panel[data-element="土"]{--column-accent:#d97706;--column-accent-soft:rgba(217,119,6,0.25)}.hexagram-panel .content.hexagram-layout .symbols-panel[data-element="金"]{--column-accent:#d4af37;--column-accent-soft:rgba(212,175,55,0.2)}.hexagram-panel .content.hexagram-layout .symbols-panel[data-element="水"]{--column-accent:#1d4ed8;--column-accent-soft:rgba(29,78,216,0.25)}.hexagram-panel .content.hexagram-layout .diagram-heading-row{gap:1.2vmin}.hexagram-panel .content.hexagram-layout .diagram-column-label{padding:.2vmin 1.6vmin;border-radius:999px;border:1px solid var(--column-accent);background:var(--column-accent-soft);color:var(--column-accent)}.hexagram-panel .content.hexagram-layout .diagram-title{font-size:2.4vmin;text-align:center;color:#1f2547;width:100%}.hexagram-panel .content.hexagram-layout .diagram-element{font-size:1.1vmin;color:var(--muted-text-color);width:100%;text-align:center}.hexagram-panel .content.hexagram-layout .diagram-name .tip{font-size:1.6vmin;color:rgba(76,90,133,.8);text-align:center;width:100%}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols{background:transparent;border:none;box-shadow:none;padding:2.2vmin 0}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(0,1.2fr) minmax(3vmin,3.6vmin);align-items:center;gap:1.2vmin;padding:.6vmin 0}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol.no-use{opacity:.45}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .six-member{align-items:center;justify-content:flex-start;gap:.6vmin;color:#1e2142}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .six-member sup{left:0;top:-.4vmin;transform:translateY(-100%);display:inline-flex;gap:.4vmin;padding:.2vmin .8vmin;border-radius:999px;background:rgba(255,255,255,.95);border:1px solid rgba(255,182,87,.3);box-shadow:0 8px 20px rgba(187,198,221,.45);color:rgba(76,90,133,.85)}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .six-member-info{display:flex;align-items:center;gap:.3vmin;flex-wrap:wrap}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .six-member-info .six-god{background:transparent;border-radius:0;padding:0;box-shadow:none;border:none}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .six-member-info .six-god,.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .six-member-info .six-relation{color:inherit;font-size:inherit;font-weight:500;line-height:1.2;display:inline-flex;align-items:center}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .six-member .branch{background:transparent;border:none;padding:0;border-radius:0;font-weight:500;box-shadow:none}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .six-member .branch .element-name{font-size:1.4vmin}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .six-member .branch.dead{border-style:dotted;border-color:rgba(148,163,184,.8);background:rgba(252,247,248,.85)}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .bar{height:1.6vmin;background:transparent;border-radius:999px;overflow:hidden}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .bar .left,.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .bar .middle,.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .bar .right{background:var(--symbol-active-color)}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .symbol-marker{position:static;width:auto;height:100%;display:flex;align-items:center;justify-content:flex-start;border-left:none;padding-left:.6vmin;text-align:left}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .symbol-marker.inline{border-left:none;padding-left:0}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .each-other{position:static;left:auto;width:auto;display:inline-flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:.3vmin;font-size:1.9vmin;font-weight:500;color:#1e2142;line-height:1.2;text-align:left}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .symbol-marker.inline .each-other{flex-direction:row;gap:.4vmin}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .marker-stack{display:inline-flex;flex-direction:row;justify-content:flex-start;gap:.3vmin;align-items:flex-start;white-space:nowrap}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .marker-stack.inline{gap:.4vmin}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .marker-label{color:inherit;font-size:inherit;font-weight:500;letter-spacing:0}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .change-indicator{color:var(--column-accent);font-size:1.2vmin;text-shadow:0 3px 8px rgba(242,176,52,.3)}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .marker-combined{color:inherit;letter-spacing:0;font-size:inherit;font-weight:500}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .change .changeMean{position:static;font-size:1.2vmin;color:var(--muted-text-color);white-space:nowrap}.hexagram-panel .symbols-panel .symbols .symbol .six-member .branch{display:inline-flex;align-items:center;gap:.3vmin;background:transparent;border:none;padding:0;border-radius:0;box-shadow:none}.hexagram-panel .symbols-panel .symbols .symbol .six-member .branch .element-name{font-size:1.6vmin;opacity:.85}.hexagram-panel .symbols-panel .symbols .symbol .six-member-info{display:inline-flex;align-items:center;gap:.3vmin;margin-right:.6vmin;line-height:1.2}.hexagram-panel .symbols-panel .symbols .symbol .six-member-info .six-god{background:transparent;border-radius:0;padding:0;border:none}.hexagram-panel .symbols-panel .symbols .symbol .six-member-info .six-god,.hexagram-panel .symbols-panel .symbols .symbol .six-member-info .six-relation{font-size:inherit;font-weight:500;color:inherit;display:inline-flex;align-items:center}.hexagram-panel .short-relation{display:none}@media (max-width:768px){.hexagram-panel .full-relation{display:none!important}.hexagram-panel .short-relation{display:inline-block;margin-right:.2vmin;font-weight:500}.hexagram-panel .content.hexagram-layout>:first-child{display:none}.hexagram-panel .content.hexagram-layout{grid-template-columns:1.4fr 1fr;gap:1.5vmin;padding:1vmin}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols,.hexagram-panel .symbols-panel{padding:.5vmin}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol{gap:.8vmin;grid-template-columns:auto 8vmin 1fr}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .bar{width:100%}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .six-member .branch .element-name{font-size:2.2vmin}.hexagram-panel .symbols-panel .symbols .symbol .six-member{font-size:2.2vmin;margin-right:0;white-space:nowrap;flex-wrap:nowrap}.hexagram-panel .symbols-panel .symbols .symbol .six-member-info .six-god{font-size:2vmin;margin-right:.4vmin}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .bar{height:1.2vmin}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .branch,.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .each-other,.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .marker-stack,.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .six-member,.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .six-member-info{white-space:nowrap!important;flex-wrap:nowrap!important}.hexagram-panel .manual-modal{width:90vw;padding:24px;gap:16px}.hexagram-panel .manual-modal h3{font-size:18px;font-weight:600}.hexagram-panel .manual-modal-desc{font-size:14px;line-height:1.5}.hexagram-panel .manual-modal-lines{gap:12px;margin:8px 0}.hexagram-panel .manual-line-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:16px}.hexagram-panel .manual-line-row span{width:3.5em;flex-shrink:0}.hexagram-panel .manual-line-row select{flex:1;width:auto;padding:10px 12px;font-size:16px;height:auto;background-color:var(--hx-surface-bg);border:1px solid var(--hx-surface-border)}.hexagram-panel .manual-modal-actions{margin-top:8px;gap:12px}.hexagram-panel .manual-modal-actions button{font-size:16px;padding:10px 20px;flex:1;justify-content:center}}.manual-select-container{position:relative;flex:1;font-size:1.7vmin}.manual-select-trigger{border-radius:12px;border:1px solid var(--hx-surface-border);background:var(--hx-surface-bg);padding:.4vmin .8vmin;display:flex;align-items:center;justify-content:space-between;cursor:pointer;min-height:2.8vmin}.manual-select-trigger .arrow{font-size:.8em;opacity:.5;margin-left:.5em}.manual-select-dropdown{position:absolute;top:100%;left:0;width:100%;background:var(--hx-surface-bg);border:1px solid var(--hx-surface-border);border-radius:12px;margin-top:4px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:1000;overflow:hidden}.manual-select-option{padding:.6vmin 1vmin;cursor:pointer;transition:background .2s}.manual-select-option:hover{background:var(--surface-muted)}.manual-select-option.selected{background:var(--symbol-edit-bg-color);color:var(--symbol-active-color)}.option-content{display:flex;align-items:center;gap:.8em;width:100%}.option-content .label{min-width:2.5em}.option-content .note{opacity:.7;font-size:.9em;margin-left:auto}.symbol-container{width:4em;justify-content:flex-start}.symbol-container,.yao-symbol{display:flex;align-items:center}.yao-symbol{gap:.4em;width:100%}.yao-symbol .bar-group{display:flex;width:2.4em;height:.8em;align-items:center}.yao-symbol .bar-group.yin{justify-content:space-between}.yao-symbol .block{background-color:currentColor;height:100%}.yao-symbol .block.full{width:100%;border-radius:2px}.yao-symbol .bar-group.yin .block{width:40%;border-radius:2px}.yao-symbol .marker{width:1em;text-align:center;font-weight:700}@media (max-width:768px){.manual-select-container{font-size:14px;flex:none;width:auto}.manual-select-trigger{padding:8px;min-height:36px}.manual-select-dropdown{box-shadow:0 8px 24px rgba(0,0,0,.15);width:-moz-max-content;width:max-content;min-width:100%;right:0;left:auto}.manual-select-option{padding:8px}.option-content{gap:8px;justify-content:flex-start;white-space:nowrap}.option-content .label{min-width:2em}.option-content .note{margin-left:0;white-space:nowrap}.symbol-container{width:50px}.yao-symbol .bar-group{width:38px;height:10px}}@media (min-width:768px){.hexagram-panel{max-width:860px;margin:0 auto;font-size:14px;gap:20px;padding:24px 0;--hx-surface-border:#e2e8f0}.hexagram-panel *{font-size:inherit}.dark .hexagram-panel{--hx-surface-border:#1e293b}.hexagram-panel button{font-size:14px;padding:6px 16px;border-radius:8px;gap:8px}.hexagram-panel .app-header{padding:24px;gap:16px;border-radius:16px}.hexagram-panel .brand-icon{width:42px;height:42px;font-size:20px;border-radius:12px}.hexagram-panel .brand-link{font-size:18px;gap:8px}.hexagram-panel .brand-link sup{font-size:12px;top:-4px;margin-left:4px}.hexagram-panel .brand-subtitle{font-size:12px;margin-top:4px}.hexagram-panel .header-form-card{padding:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;border-radius:12px}.hexagram-panel .input-group{gap:4px}.hexagram-panel .input-group label{font-size:13px}.hexagram-panel .input-shell{padding:6px 12px;border-radius:8px;height:36px}.hexagram-panel .input-text{font-size:14px}.hexagram-panel .time-selector{gap:12px}.hexagram-panel select{padding:0 12px;height:32px;font-size:13px;border-radius:8px}.hexagram-panel .time-selector .date-time{font-size:14px}.hexagram-panel .content.hexagram-layout{margin-top:20px;grid-template-columns:repeat(3,1fr);gap:16px;align-items:flex-start}.hexagram-panel .symbols-panel{padding:0}.hexagram-panel .symbols-panel .diagram-heading-row{margin-bottom:16px;gap:8px}.hexagram-panel .symbols-panel .diagram-column-label{padding:2px 8px;font-size:12px;white-space:nowrap}.hexagram-panel .symbols-panel .diagram-title{font-size:18px;text-align:left;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hexagram-panel .symbols-panel .diagram-name .tip{font-size:12px;text-align:left;margin-top:4px}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol{display:grid;grid-template-columns:1fr 80px 48px;gap:8px;height:48px;padding:0;align-items:center}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .bar{height:10px;border-radius:6px}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .six-member{font-size:14px;justify-content:flex-end;margin-right:0;gap:6px;white-space:nowrap}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .six-member sup{top:-6px;left:auto;right:100%;margin-right:-4px;font-size:10px;padding:1px 4px;transform:none;position:absolute;white-space:nowrap}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .six-member-info .six-god{font-size:13px;margin-right:4px;white-space:nowrap}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .six-member-info .six-relation{font-size:14px;white-space:nowrap}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .six-member .branch .element-name{font-size:11px;white-space:nowrap}.hexagram-panel .symbols-panel .symbols .symbol .six-member .branch{white-space:nowrap}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .symbol-marker{margin-left:0;padding-left:0;justify-content:flex-start;white-space:nowrap}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .each-other{font-size:14px;white-space:nowrap}.hexagram-panel .symbols-panel .symbols .symbol .marker-stack{white-space:nowrap}.hexagram-panel .content.hexagram-layout .symbols-panel .symbols .symbol .change-indicator{font-size:11px}.hexagram-panel .floor2{padding:20px;gap:16px}.hexagram-panel .manual-plate-btn{padding:6px 16px;font-size:13px;border-radius:8px}.liuyao-display-compact .hexagram-panel{max-width:640px;padding:12px 0;gap:16px;font-size:13px}.liuyao-display-compact .content.hexagram-layout{margin-top:12px;gap:12px}.liuyao-display-compact .symbols-panel .diagram-heading-row{margin-bottom:8px;gap:4px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:auto;width:100%}.liuyao-display-compact .symbols-panel .diagram-title{font-size:11px;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.2;text-align:center;width:100%;margin-top:2px}.liuyao-display-compact .symbols-panel .diagram-column-label{font-size:10px;padding:1px 6px;line-height:normal;margin-top:0;background-color:var(--column-accent,#3b82f6);color:#fff;border-radius:10px;display:inline-block;align-self:center}.liuyao-display-compact .content.hexagram-layout .symbols-panel .symbols .symbol{height:36px;gap:6px;grid-template-columns:1fr 60px 48px}.liuyao-display-compact .content.hexagram-layout .symbols-panel .symbols .symbol .bar{height:8px}.liuyao-display-compact .content.hexagram-layout .symbols-panel .symbols .symbol .six-member{font-size:13px}.liuyao-display-compact .content.hexagram-layout .symbols-panel .symbols .symbol .each-other,.liuyao-display-compact .content.hexagram-layout .symbols-panel .symbols .symbol .six-member-info .six-god,.liuyao-display-compact .content.hexagram-layout .symbols-panel .symbols .symbol .six-member-info .six-relation{font-size:12px}}