.natal-compare-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.compare-natal-card{min-width:0;overflow:hidden;border:1px solid #e7e7df;border-radius:14px;background:#fff}
.compare-natal-card>header{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:9px 8px;background:#f8f6ef}
.compare-natal-card>header b{min-width:0;overflow:hidden;color:#314b42;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.compare-natal-card>header small{flex:0 0 auto;color:#a18345;font-size:7px}
.compare-natal-card.empty{display:grid;min-height:250px;place-items:center;background:#faf9f4}
.compare-empty{text-align:center}.compare-empty b,.compare-empty span{display:block}.compare-empty b{color:#3e5a50;font-size:11px}.compare-empty span{margin-top:7px;color:#98a29d;font-size:8px}
.compare-scroll{overflow-x:auto}.compare-mingtie{min-width:224px;display:grid;grid-template-columns:38px repeat(4,minmax(40px,1fr));font-size:7px}
.compare-mingtie>div{min-width:0;min-height:31px;display:flex;align-items:center;justify-content:center;padding:4px 1px;border-right:1px solid #ece9df;border-bottom:1px solid #ece9df;text-align:center;overflow-wrap:anywhere}
.compare-mingtie .corner,.compare-mingtie .col-head{background:#f2eee2;color:#776644;font-size:7px;font-weight:800}.compare-mingtie .row-head{justify-content:flex-start;padding-left:5px;background:#f7f5ee;color:#7b8983;font-size:7px}
.compare-mingtie .stem,.compare-mingtie .branch{font-family:serif;font-size:20px;font-weight:800}.compare-mingtie .hidden{font-size:6px;line-height:1.45}
.compare-natal-card .smart-chart-controls{padding:7px 6px 8px}.compare-natal-card .smart-chart-controls>small{max-width:55%;font-size:6px;line-height:1.3}.compare-natal-card .smart-chart-controls button{padding:5px 6px;font-size:7px}
.compare-natal-card .hepan-tip-cell{cursor:help;outline:none}.compare-natal-card .hepan-tip-cell:focus,.compare-natal-card .hepan-tip-cell:hover{background:#fff9eb;color:#9a7130}
.compare-mingtie .wood{color:#438268}.compare-mingtie .fire{color:#bd5147}.compare-mingtie .earth{color:#a67842}.compare-mingtie .metal{color:#c49332}.compare-mingtie .water{color:#477fa7}
@media(max-width:390px){.natal-compare-grid{gap:5px}.hepan-natal-section{padding-inline:7px}.compare-mingtie{min-width:210px;grid-template-columns:34px repeat(4,minmax(38px,1fr))}.compare-mingtie .stem,.compare-mingtie .branch{font-size:18px}}
.hepan-compatibility{margin-top:12px;padding:15px 12px;border-radius:20px;background:#fffdf9;box-shadow:0 8px 24px #203d3212}.hepan-compatibility[hidden]{display:none}.compat-empty{display:grid;min-height:135px;place-content:center;text-align:center}.compat-empty b{color:#25463c;font:700 18px serif}.compat-empty span{margin-top:7px;color:#98a19d;font-size:9px}.compat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.compat-head h2{margin:0;color:#183f35;font:700 18px serif}.compat-head small{display:block;margin-top:4px;color:#929b97;font-size:7px}.compat-head>strong{flex:0 0 auto;font:800 25px serif}.compat-head>strong i{font-size:10px;font-style:normal;font-weight:500}.compat-head .bad,.compat-verdict.bad b{color:#bd5147}.compat-head .low,.compat-verdict.low b{color:#929a96}.compat-head .good,.compat-verdict.good b{color:#438268}.compat-head .excellent,.compat-verdict.excellent b{color:#c49332}.compat-verdict{display:flex;align-items:flex-start;gap:9px;margin-top:11px;padding:9px 10px;border-radius:10px;background:#f6f5ef}.compat-verdict b{flex:0 0 auto;font-size:10px}.compat-verdict span{color:#69766f;font-size:8px;line-height:1.6}.compat-bars{display:grid;gap:9px;margin-top:13px}.compat-bars>div{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px}.compat-bars span{display:flex;justify-content:space-between;color:#50625b;font-size:9px}.compat-bars span b{color:#9a7b34}.compat-bars>div>i{height:7px;overflow:hidden;border-radius:99px;background:#e8ece8}.compat-bars em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#315e50,#c7a34e);animation:compatGrow .7s ease both}.nourish-balance,.impact-chart{margin-top:14px;padding:11px;border:1px solid #e8e8df;border-radius:13px;background:#fff}.nourish-balance header,.impact-chart header{display:flex;justify-content:space-between;gap:8px}.nourish-balance header b,.impact-chart header b{color:#375249;font-size:10px}.nourish-balance header small,.impact-chart header small{color:#9aa29e;font-size:6px}.balance-names{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:6px;margin-top:11px}.balance-names>span{color:#3f574f;font-size:9px}.balance-names>span:last-child{text-align:right}.balance-names small{display:block;margin-top:2px;color:#9ca49f;font-size:6px}.balance-names>b{color:#a3843e;font-size:9px}.balance-track{position:relative;height:11px;margin-top:7px;overflow:visible;border-radius:99px;background:#dde5e0}.balance-track>i{display:block;height:100%;border-radius:99px 0 0 99px;background:linear-gradient(90deg,#b99542,#e2c477)}.balance-track>em{position:absolute;top:-4px;width:2px;height:19px;margin-left:-1px;border-radius:2px;background:#183f35;box-shadow:0 0 0 2px #fff}.impact-chart{display:grid;gap:10px}.impact-row{display:grid;grid-template-columns:72px minmax(0,1fr) 27px;align-items:center;gap:7px}.impact-row>span{color:#63716b;font-size:7px}.impact-row>span b{display:block;margin-top:2px;overflow:hidden;color:#384f47;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.impact-axis{position:relative;height:7px;border-radius:99px;background:#eef0ed}.impact-axis>i{position:absolute;left:50%;top:-3px;width:1px;height:13px;background:#98a29d}.impact-axis>em{position:absolute;top:0;height:100%;width:calc(var(--impact)*.5);border-radius:99px}.impact-axis>em.positive{left:50%;background:#c39a3b}.impact-axis>em.negative{right:50%;background:#bd5147}.impact-row>strong{font-size:8px;text-align:right}.impact-row>strong.positive{color:#b48a2e}.impact-row>strong.negative{color:#bd5147}.hepan-compatibility>div>footer{margin-top:11px;color:#9aa19d;font-size:6.5px;line-height:1.55}@keyframes compatGrow{from{width:0}}@media(max-width:390px){.hepan-compatibility{padding-inline:10px}.compat-head h2{font-size:17px}.compat-head>strong{font-size:23px}.compat-bars>div{grid-template-columns:66px minmax(0,1fr)}.impact-row{grid-template-columns:65px minmax(0,1fr) 25px}}
.compat-bars>div.bad em{background:#bd5147}.compat-bars>div.low em{background:#aeb5b1}.compat-bars>div.good em{background:#438268}.compat-bars>div.excellent em{background:#c49332}.compat-bars>div.bad span b{color:#bd5147}.compat-bars>div.low span b{color:#929a96}.compat-bars>div.good span b{color:#438268}.compat-bars>div.excellent span b{color:#c49332}
.compat-bar-note{grid-column:1/-1;margin:0;padding:7px 9px;border-left:2px solid #d7c28a;border-radius:5px;background:#f8f7f2;line-height:1.55}.compat-bar-note>span,.compat-bar-note>small{display:block}.compat-bar-note>span{color:#596962;font-size:8px}.compat-bar-note>small{margin-top:2px;color:#89938e;font-size:7px}.compat-bars>div.bad .compat-bar-note{border-left-color:#bd5147}.compat-bars>div.low .compat-bar-note{border-left-color:#aeb5b1}.compat-bars>div.good .compat-bar-note{border-left-color:#438268}.compat-bars>div.excellent .compat-bar-note{border-left-color:#c49332}
.compat-reference-note{margin:11px 2px 0;color:#9aa29e;font-size:7px;line-height:1.55;text-align:center}
.compat-method,.pattern-match{margin-top:11px;padding:10px;border:1px solid #e7e8e1;border-radius:12px;background:#fff}.compat-method>b,.pattern-match>b{color:#41584f;font-size:9px}.compat-method>div{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:8px}.compat-method>div>span{padding:6px 2px;border-radius:7px;background:#f5f6f2;color:#68756f;font-size:6px;line-height:1.55;text-align:center}.compat-method span small{display:block;margin-bottom:2px;color:#9aa29e;font-size:6px}.compat-method span.positive{background:#f6f0df;color:#9a7526}.compat-method span.negative{background:#f8ece9;color:#ad554c}.compat-method>footer{margin-top:6px;color:#9a8150;font-size:6.5px;text-align:right}.pattern-match>p{display:grid;grid-template-columns:1fr 16px 1fr;align-items:center;gap:4px;margin:8px 0;text-align:center}.pattern-match>p span{min-width:0;color:#8d9893;font-size:6px}.pattern-match>p strong{display:block;margin-top:3px;overflow:hidden;color:#345249;font:700 12px serif;text-overflow:ellipsis;white-space:nowrap}.pattern-match>p i{color:#b3914a;font-style:normal}.pattern-match>small{display:block;padding-top:7px;border-top:1px dashed #e5e6df;color:#69766f;font-size:7px;line-height:1.55;text-align:center}
.compat-method span>em{display:block;font-style:normal}.compat-method span>em.is-auspicious{color:#c49332;font-weight:800}.compat-method span>em.is-conflict{color:#bd5147;font-weight:800}.compat-method span>em.is-ordinary{color:#68756f}
.compat-method,.pattern-match{margin-top:7px;padding:7px 8px}.compat-method>div{gap:3px;margin-top:5px}.compat-method>div>span{padding:4px 1px;line-height:1.35}.compat-method span small{margin-bottom:1px}.compat-method>footer{margin-top:4px}.pattern-match>p{margin:5px 0}.pattern-match>p strong{margin-top:2px;font-size:11px}.pattern-match>small{padding-top:5px}
.compat-method,.pattern-match{margin-top:5px;padding:6px 7px}.compat-method>b,.pattern-match>b{font-size:8px}.compat-method>div{margin-top:4px}.compat-method>div>span{padding:3px 1px;font-size:5.5px;line-height:1.25}.compat-method span small{font-size:5.5px}.compat-method>footer{margin-top:3px;font-size:6px}.pattern-match>p{margin:4px 0}.pattern-match>p span{font-size:5.5px}.pattern-match>p strong{font-size:10px}.pattern-match>small{padding-top:4px;font-size:6.5px;line-height:1.35}
.day-relation-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:7px;padding:8px 9px;border:1px solid #e7e8e1;border-radius:11px;background:#fff}.day-relation-card>b{color:#92702d;font-size:8px}.day-relation-card>strong{color:#385249;font:700 14px serif;text-align:center}.day-relation-card>span{color:#68756f;font-size:7px;text-align:right}.day-relation-card.positive{border-color:#d9c487;background:#fffaf0}.day-relation-card.positive>strong{color:#b1872e}.day-relation-card.passive{border-color:#cbded3;background:#f4f8f4}.day-relation-card.passive>strong{color:#438268}.day-relation-card.negative{border-color:#e3c4bd;background:#fff7f5}.day-relation-card.negative>strong{color:#bd5147}.day-relation-card.neutral>strong{color:#78847f}@media(max-width:390px){.day-relation-card{grid-template-columns:auto 1fr;gap:4px 7px}.day-relation-card>span{grid-column:1/-1;text-align:left;padding-left:52px}}
.day-relation-card>strong,.day-relation-card>span{font:700 8px/1.35 serif;color:#385249;text-align:center}.day-relation-card.positive>strong,.day-relation-card.positive>span{color:#b1872e}.day-relation-card.passive>strong,.day-relation-card.passive>span{color:#438268}.day-relation-card.negative>strong,.day-relation-card.negative>span{color:#bd5147}@media(max-width:390px){.day-relation-card{grid-template-columns:auto minmax(0,1fr) auto;gap:4px}.day-relation-card>span{grid-column:auto;padding-left:0;text-align:right;font-size:8px}}
.relationship-analysis{margin-top:12px;padding:15px 12px;border-radius:20px;background:#fffdf9;box-shadow:0 8px 24px #203d3212}.relation-analysis-empty{display:grid;min-height:150px;place-items:center;align-content:center;text-align:center}.relation-analysis-empty i{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#edf2ee;color:#9a7832;font:400 19px serif}.relation-analysis-empty b{margin-top:10px;color:#29483e;font-size:13px}.relation-analysis-empty span{margin-top:4px;color:#929d98;font-size:8px}.relationship-analysis header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.relationship-analysis header small{display:block;color:#b18a3d;font-size:6px;letter-spacing:1.4px}.relationship-analysis header h2{margin:3px 0 0;color:#183f35;font:700 18px serif}.relationship-analysis header>span{padding:5px 8px;border-radius:99px;background:#f2eee2;color:#8b7138;font-size:7px}.relation-status-card,.relation-advice-card{margin-top:11px;padding:11px;border:1px solid #e6e9e4;border-radius:13px;background:#fff}.relation-status-card>b,.relation-advice-card>b{color:#92702d;font-size:10px}.relation-status-card>small{display:block;margin-top:5px;color:#98a09c;font-size:7px;line-height:1.55}.relation-status-card>p{margin:7px 0 0;color:#53645d;font-size:9px;line-height:1.75}.relation-status-card>div{display:grid;grid-template-columns:1fr 18px 1fr;align-items:center;gap:4px;margin-top:10px;padding:8px;border-radius:9px;background:#f3f5f1;text-align:center}.relation-status-card>div span{color:#8b9691;font-size:6px}.relation-status-card>div strong{display:block;margin-top:2px;overflow:hidden;color:#385249;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.relation-status-card>div i{color:#b69347;font-size:10px;font-style:normal}.relation-advice-card p{display:grid;grid-template-columns:20px 1fr;align-items:start;gap:7px;margin:8px 0 0}.relation-advice-card p i{display:grid;width:19px;height:19px;place-items:center;border-radius:50%;background:#edf2ee;color:#8e7134;font-size:7px;font-style:normal}.relation-advice-card p span{color:#596861;font-size:8.5px;line-height:1.65}.relationship-analysis footer{display:flex;justify-content:space-between;gap:8px;margin-top:10px;color:#9ba39f;font-size:6.5px}.relationship-analysis footer>span{flex:0 0 auto;color:#a38442}.relationship-analysis footer>small{text-align:right;font-size:6.5px;font-weight:400}@media(max-width:390px){.relationship-analysis{padding-inline:10px}.relationship-analysis header h2{font-size:17px}}
.relation-content-card{margin-top:11px;padding:11px;border:1px solid #e4e8e3;border-radius:13px;background:linear-gradient(145deg,#fffdf7,#f7f8f4)}.relation-content-card>b{color:#92702d;font-size:10px}.relation-content-card>p{margin:7px 0 0;color:#53645d;font-size:9px;line-height:1.78}.relation-final-opinion{display:block;margin-top:7px;padding:8px 9px;border-left:3px solid #b99649;border-radius:7px;background:#f7f3e8;color:#40574f;font-size:9px;line-height:1.65}
.day-relation-card{display:none!important}
.hepan-ganzhi-section{margin-top:12px;padding:15px 10px;background:#fffdf9;border-radius:20px;box-shadow:0 8px 24px #203d3212}.hepan-ganzhi-section[hidden]{display:none}.hepan-ganzhi-section>.section-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 3px 10px}.hepan-ganzhi-section>.section-head h2{margin:0;color:#183d33;font-family:serif;font-size:20px}.hepan-ganzhi-section>.section-head small{color:#9a8a62;font-size:8px}.hepan-ganzhi-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.hepan-ganzhi-card{min-width:0;overflow:hidden;border:1px solid #e5e8e2;border-radius:14px;background:#fff}.hepan-ganzhi-card>header{display:flex;align-items:center;justify-content:space-between;padding:9px 8px;background:#f7f5ee}.hepan-ganzhi-card>header div{min-width:0}.hepan-ganzhi-card>header b{display:block;color:#24483d;font-size:9px}.hepan-ganzhi-card>header span{display:block;overflow:hidden;margin-top:2px;color:#9a8145;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.hepan-ganzhi-card>header small{color:#9aa49f;font-size:7px}.ganzhi-pillars{padding:6px 5px 3px}.ganzhi-label-row,.ganzhi-value-row{display:grid;grid-template-columns:27px repeat(4,minmax(0,1fr));align-items:center}.ganzhi-label-row b{padding:5px 0;color:#867654;font-size:7px;text-align:center}.ganzhi-value-row>span{color:#96a09b;font-size:7px;text-align:center}.ganzhi-char{min-width:0;height:40px;margin:2px 1px;border:1px solid transparent;border-radius:8px;background:#fbfaf6;font-family:serif;font-size:21px;font-weight:800;transition:.18s ease}.ganzhi-char:hover,.ganzhi-char:focus-visible,.ganzhi-char.active{transform:translateY(-1px);border-color:#c6ad70;background:#fff9e9;box-shadow:0 4px 10px #806f4320;outline:0}.ganzhi-char.wood,.ganzhi-detail-head i.wood{color:#258463}.ganzhi-char.fire,.ganzhi-detail-head i.fire{color:#c95550}.ganzhi-char.earth,.ganzhi-detail-head i.earth{color:#a9793e}.ganzhi-char.metal,.ganzhi-detail-head i.metal{color:#c7982f}.ganzhi-char.water,.ganzhi-detail-head i.water{color:#407ea5}.ganzhi-click-detail{min-height:110px;margin:5px;padding:9px;border:1px solid #ece8dd;border-radius:10px;background:linear-gradient(145deg,#fafbf8,#f7f4eb)}.ganzhi-detail-head{display:flex;align-items:center;gap:7px}.ganzhi-detail-head i{display:grid;flex:0 0 29px;height:29px;place-items:center;border-radius:9px;background:#fff;font-family:serif;font-size:17px;font-style:normal;font-weight:800;box-shadow:0 3px 8px #32483e12}.ganzhi-detail-head div{min-width:0}.ganzhi-detail-head b,.ganzhi-detail-head span{display:block}.ganzhi-detail-head b{color:#3c514a;font-size:8px}.ganzhi-detail-head span{margin-top:3px;color:#a0874d;font-size:7px}.ganzhi-click-detail p{margin:7px 0 0;color:#6f7c77;font-size:8px;line-height:1.65;text-align:justify}.hepan-ganzhi-empty{display:grid;min-height:190px;place-items:center;color:#98a29e;font-size:9px}@media(max-width:360px){.hepan-ganzhi-grid{gap:5px}.hepan-ganzhi-section{padding-inline:7px}.ganzhi-char{height:36px;font-size:19px}.ganzhi-click-detail{padding:7px}.ganzhi-click-detail p{font-size:7px}}
.compat-bars>div[data-engine-metric]>span{display:grid;grid-template-columns:1fr auto;align-items:end}.compat-bars>div[data-engine-metric]>span small{grid-column:1;color:#9aa39f;font-size:7px;font-weight:500}.compat-bars>div[data-engine-metric]>span b{grid-column:2;grid-row:1/3}
.engine-compat-bars{display:grid;gap:9px;margin-top:13px}.engine-compat-bars>div{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px}.engine-compat-bars>div>span{display:grid;grid-template-columns:1fr auto;align-items:end;color:#50625b;font-size:9px}.engine-compat-bars>div>span small{grid-column:1;color:#9aa39f;font-size:7px;font-weight:500}.engine-compat-bars>div>span b{grid-column:2;grid-row:1/3;color:#9a7b34}.engine-compat-bars>div>i{height:7px;overflow:hidden;border-radius:99px;background:#e8ece8}.engine-compat-bars>div>i em{display:block;height:100%;border-radius:inherit;animation:compatGrow .7s ease both}.engine-compat-bars>div.bad>i em{background:#bd5147}.engine-compat-bars>div.low>i em{background:#aeb5b1}.engine-compat-bars>div.good>i em{background:#438268}.engine-compat-bars>div.excellent>i em{background:#c49332}.engine-compat-bars>div.bad>span b{color:#bd5147}.engine-compat-bars>div.low>span b{color:#929a96}.engine-compat-bars>div.good>span b{color:#438268}.engine-compat-bars>div.excellent>span b{color:#c49332}.engine-compat-bars>div.bad .compat-bar-note{border-left-color:#bd5147}.engine-compat-bars>div.low .compat-bar-note{border-left-color:#aeb5b1}.engine-compat-bars>div.good .compat-bar-note{border-left-color:#438268}.engine-compat-bars>div.excellent .compat-bar-note{border-left-color:#c49332}@media(max-width:390px){.engine-compat-bars>div{grid-template-columns:66px minmax(0,1fr)}}
.ganzhi-relation-results{margin-top:9px;padding:9px;border:1px solid #e5e8e2;border-radius:14px;background:#fff}.ganzhi-relation-results>header{display:flex;align-items:center;justify-content:space-between}.ganzhi-relation-results>header b{display:block;color:#25483e;font-size:10px}.ganzhi-relation-results>header small{display:block;margin-top:2px;color:#9a8145;font-size:7px}.ganzhi-relation-results>header button{padding:5px 8px;border:1px solid #d9dfda;border-radius:8px;background:#f7f5ee;color:#8d7237;font-size:7px}.ganzhi-filter-hint{margin:7px 0;padding:6px 8px;border-radius:8px;background:#f5f7f3;color:#87938d;font-size:7px}.ganzhi-major-list,.ganzhi-minor-list>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ganzhi-relation-item{min-width:0;padding:8px;border:1px solid #e9e9e2;border-radius:10px;background:#fbfaf6}.ganzhi-relation-item[hidden]{display:none}.ganzhi-relation-item>header{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:6px}.ganzhi-relation-item>header>span{display:grid;width:25px;height:25px;place-items:center;border-radius:8px;background:#eef1ed;color:#6f7d77;font-family:serif;font-size:13px;font-weight:800}.ganzhi-relation-item>header b,.ganzhi-relation-item>header small{display:block}.ganzhi-relation-item>header b{color:#42564f;font-size:8px}.ganzhi-relation-item>header small{margin-top:2px;overflow:hidden;color:#8c9792;font-size:6.5px;text-overflow:ellipsis;white-space:nowrap}.ganzhi-relation-item>header em{color:#a8afab;font-size:7px;font-style:normal}.ganzhi-relation-item>p{margin:6px 0 0;color:#6d7974;font-size:7px;line-height:1.55}.ganzhi-relation-item.gold{border-color:#e7d9ad;background:#fffaf0}.ganzhi-relation-item.gold>header>span{background:#f4e8c4;color:#a47a22}.ganzhi-relation-item.gold>header b{color:#947021}.ganzhi-relation-item.red{border-color:#efd4d1;background:#fff8f7}.ganzhi-relation-item.red>header>span{background:#f5dfdc;color:#b94e48}.ganzhi-relation-item.red>header b{color:#b34e49}.ganzhi-minor-list{margin-top:8px}.ganzhi-minor-list summary{padding:7px 8px;border-radius:8px;background:#f5f7f3;color:#65766f;font-size:8px;cursor:pointer}.ganzhi-minor-list summary span{float:right;color:#a08444}.ganzhi-minor-list>div{margin-top:6px}.ganzhi-no-relation{grid-column:1/-1;margin:0;padding:13px;text-align:center;color:#9ba49f;font-size:7px}@media(max-width:360px){.ganzhi-relation-item{padding:7px}.ganzhi-relation-item>header{grid-template-columns:22px minmax(0,1fr) auto;gap:4px}.ganzhi-relation-item>header>span{width:22px;height:22px}.ganzhi-relation-item>p{font-size:6.5px}}
.hepan-professional-section{margin-top:12px;padding:15px 10px;background:#fffdf9;border-radius:20px;box-shadow:0 8px 24px #203d3212}.hepan-professional-section[hidden]{display:none}.hepan-professional-section>.section-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 3px 10px}.hepan-professional-section>.section-head h2{margin:0;color:#183d33;font-family:serif;font-size:20px}.hepan-professional-section>.section-head small{color:#9a8a62;font-size:8px}.professional-empty{display:grid;min-height:150px;place-items:center;color:#98a29e;font-size:9px}.professional-block{overflow:hidden;margin-top:8px;border:1px solid #e5e8e2;border-radius:14px;background:#fff}.professional-block:first-child{margin-top:0}.professional-block>header{display:flex;align-items:baseline;justify-content:space-between;padding:10px;background:#f7f5ee}.professional-block>header b{color:#274a40;font-size:10px}.professional-block>header small{color:#9a8a62;font-size:7px}.professional-table-head,.professional-row{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(0,1fr) 43px;align-items:center;text-align:center}.professional-table-head{min-height:28px;background:#f4f6f2;color:#847550;font-size:7px}.professional-table-head b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.professional-table-head em{font-style:normal}.professional-row{min-height:34px;border-top:1px solid #eceee9;color:#607069;font-size:8px}.professional-row>span{color:#89948f}.professional-row>b{font-weight:650}.professional-row>em{font-style:normal;font-weight:750}.professional-row>em.positive{color:#b58a29}.professional-row>em.negative{color:#bd5147}.professional-row>em.neutral{color:#89948f}.professional-five-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:3px;padding:5px}.professional-radar{display:block;width:100%;height:auto}.professional-radar-grid polygon,.professional-radar-grid line{fill:none;stroke:#e0e5e1;stroke-width:1}.professional-radar polygon.person-a{fill:#d1a93326;stroke:#c39a2f;stroke-width:2}.professional-radar polygon.person-b{fill:#c95a4a20;stroke:#c75a4a;stroke-width:2}.professional-radar circle.person-a{fill:#c39a2f}.professional-radar circle.person-b{fill:#c75a4a}.professional-radar>text{fill:#68766f;font-size:10px;font-weight:700}.radar-legend text{fill:#78837e;font-size:8px}.professional-five-grid>div p{display:grid;grid-template-columns:20px 1fr;margin:0;padding:6px 3px;border-bottom:1px solid #eef0ec}.professional-five-grid>div p:last-child{border-bottom:0}.professional-five-grid>div i{grid-row:1/3;display:grid;place-items:center;font-style:normal;font-weight:800}.professional-five-grid>div i.wood{color:#258463}.professional-five-grid>div i.fire{color:#c95550}.professional-five-grid>div i.earth{color:#a9793e}.professional-five-grid>div i.metal{color:#c7982f}.professional-five-grid>div i.water{color:#407ea5}.professional-five-grid>div span{color:#697771;font-size:7px;line-height:1.55}.shensha-cross{padding-bottom:8px}.shared-stars{margin:8px;padding:8px;border-radius:9px;background:#fff8e8;color:#967126;font-size:8px;line-height:1.6}.shared-stars.muted{background:#f5f7f3;color:#8d9893}.shensha-cross>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 8px}.shensha-cross article{padding:8px;border:1px solid #e8eae5;border-radius:10px;background:#fbfaf6}.shensha-cross article b{color:#365148;font-size:8px}.shensha-cross article p{margin:5px 0 0;color:#77837e;font-size:7px;line-height:1.65}@media(max-width:360px){.professional-table-head,.professional-row{grid-template-columns:42px minmax(0,1fr) minmax(0,1fr) 38px}.professional-five-grid{grid-template-columns:1fr}.professional-radar{max-height:230px}.professional-five-grid>div{display:grid;grid-template-columns:1fr 1fr}.professional-five-grid>div p:last-child{grid-column:1/-1}}
.professional-useful-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:7px;border-top:1px solid #eceee9}.professional-useful-grid article{padding:9px;border:1px solid #e6e9e4;border-radius:11px;background:#fbfaf6}.professional-useful-grid article>header{display:flex;align-items:center;justify-content:space-between}.professional-useful-grid article>header b{color:#315047;font-size:9px}.professional-useful-grid article>header span{padding:2px 5px;border-radius:6px;background:#edf2ee;color:#7f8e87;font-size:6px}.professional-useful-grid article p{display:flex;align-items:baseline;justify-content:space-between;margin:8px 0 4px;color:#7c8983;font-size:7px}.professional-useful-grid article p strong{color:#b58a2d;font-family:serif;font-size:14px}.professional-useful-grid article>small{display:block;color:#8b9691;font-size:7px;line-height:1.55}.professional-complement{margin:0 7px 8px;padding:10px;border:1px solid #e4e8e3;border-radius:12px;background:#f7f8f5}.professional-complement>header{display:flex;align-items:center;justify-content:space-between}.professional-complement>header small,.professional-complement>header b{display:block}.professional-complement>header small{color:#8d9893;font-size:7px}.professional-complement>header b{margin-top:2px;color:#65756e;font-family:serif;font-size:15px}.professional-complement>header>span{color:#89958f;font-size:8px}.professional-complement>p{margin:8px 0 5px;color:#596a63;font-size:8px;line-height:1.65}.professional-complement>small{display:block;color:#9ba49f;font-size:6.5px;line-height:1.55}.professional-complement.high{border-color:#e5d39e;background:#fff9eb}.professional-complement.high>header b,.professional-complement.high>header>span{color:#a67c23}.professional-complement.medium{border-color:#cfe0d7;background:#f5faf7}.professional-complement.medium>header b,.professional-complement.medium>header>span{color:#438268}.professional-complement.low{border-color:#e1e4e1;background:#f6f7f5}.professional-complement.low>header b{color:#89938e}
.professional-useful-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:7px;border-top:1px solid #eceee9}.professional-useful-grid article{padding:9px;border:1px solid #e6e9e4;border-radius:11px;background:#fbfaf6}.professional-useful-grid article>header{display:flex;align-items:center;justify-content:space-between}.professional-useful-grid article>header b{color:#315047;font-size:9px}.professional-useful-grid article>header span{padding:2px 5px;border-radius:6px;background:#edf2ee;color:#7f8e87;font-size:6px}.professional-god-rows{margin:7px 0}.professional-useful-grid .professional-god-rows p{display:flex;align-items:center;justify-content:space-between;margin:0;padding:6px 1px;border-bottom:1px solid #eceee8;color:#7c8983;font-size:7px}.professional-useful-grid .professional-god-rows p:last-child{border-bottom:0}.professional-useful-grid .professional-god-rows strong{color:#b58a2d;font-family:serif;font-size:12px}.professional-useful-grid .professional-god-rows strong i{font-style:normal}.professional-useful-grid article>small{display:block;color:#8b9691;font-size:7px;line-height:1.55}.professional-complement{margin:0 7px 8px;padding:10px;border:1px solid #e4e8e3;border-radius:12px;background:#f7f8f5}.professional-complement>header{display:flex;align-items:center;justify-content:space-between}.professional-complement>header small,.professional-complement>header b{display:block}.professional-complement>header small{color:#8d9893;font-size:7px}.professional-complement>header b{margin-top:2px;color:#65756e;font-family:serif;font-size:15px}.professional-complement>header>span{color:#89958f;font-size:8px}.professional-complement>p{margin:8px 0 5px;color:#596a63;font-size:8px;line-height:1.65}.professional-complement>small{display:block;color:#9ba49f;font-size:6.5px;line-height:1.55}.professional-complement.high{border-color:#e5d39e;background:#fff9eb}.professional-complement.high>header b,.professional-complement.high>header>span{color:#a67c23}.professional-complement.medium{border-color:#cfe0d7;background:#f5faf7}.professional-complement.medium>header b,.professional-complement.medium>header>span{color:#438268}.professional-complement.low{border-color:#e1e4e1;background:#f6f7f5}.professional-complement.low>header b{color:#89938e}
.professional-god-rows .wood{color:#438268!important}.professional-god-rows .fire{color:#bd5147!important}.professional-god-rows .earth{color:#a67842!important}.professional-god-rows .metal{color:#c49332!important}.professional-god-rows .water{color:#477fa7!important}
.hepan-direction-section{margin-top:12px;padding:15px 12px;background:#fffdf9;border-radius:20px;box-shadow:0 8px 24px #203d3212}.hepan-direction-section[hidden]{display:none}.directional-empty{display:grid;min-height:160px;place-content:center;text-align:center}.directional-empty b{color:#25463c;font:700 18px serif}.directional-empty span{margin-top:7px;color:#98a19d;font-size:9px}.directional-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.directional-head>div>small{color:#b18b3b;font-size:7px;letter-spacing:.12em}.directional-head h2{margin:3px 0 0;color:#183f35;font:700 19px serif}.directional-head p{margin:4px 0 0;color:#8d9893;font-size:8px}.directional-head>strong{font:800 25px serif}.directional-head>strong i{font-size:10px;font-style:normal;font-weight:500}.directional-head>strong.bad{color:#bd5147}.directional-head>strong.low{color:#929a96}.directional-head>strong.good{color:#438268}.directional-head>strong.excellent{color:#c49332}.directional-verdict{margin-top:11px;padding:10px;border-radius:11px;background:#f6f5ef}.directional-verdict b{display:block;font-size:10px}.directional-verdict p{margin:5px 0 0;color:#65736d;font-size:8px;line-height:1.65}.directional-verdict.bad b{color:#bd5147}.directional-verdict.low b{color:#929a96}.directional-verdict.good b{color:#438268}.directional-verdict.excellent b{color:#c49332}.directional-chart-title{display:flex;align-items:baseline;justify-content:space-between;margin-top:14px}.directional-chart-title b{color:#385249;font-size:10px}.directional-chart-title small{color:#9aa39f;font-size:7px}.directional-bars{display:grid;gap:9px;margin-top:8px}.directional-bars article{padding:9px;border:1px solid #e7e9e4;border-radius:11px;background:#fff}.directional-bars article>header{display:flex;align-items:end;justify-content:space-between}.directional-bars article>header b,.directional-bars article>header small{display:block}.directional-bars article>header b{color:#415750;font-size:9px}.directional-bars article>header small{margin-top:2px;color:#98a19d;font-size:7px}.directional-bars article>header strong{font-size:11px}.directional-bars article>i{display:block;height:7px;margin-top:7px;overflow:hidden;border-radius:99px;background:#e8ece8}.directional-bars article>i em{display:block;height:100%;border-radius:inherit;animation:compatGrow .7s ease both}.directional-bars article>p{margin:7px 0 0;color:#718079;font-size:7px;line-height:1.55}.directional-bars article.bad>i em{background:#bd5147}.directional-bars article.bad>header strong{color:#bd5147}.directional-bars article.low>i em{background:#aeb5b1}.directional-bars article.low>header strong{color:#929a96}.directional-bars article.good>i em{background:#438268}.directional-bars article.good>header strong{color:#438268}.directional-bars article.excellent>i em{background:#c49332}.directional-bars article.excellent>header strong{color:#c49332}.hepan-direction-section footer{margin-top:11px;color:#9aa19d;font-size:6.5px;line-height:1.55}