.ziping-formation-suite{display:grid;gap:9px;margin-top:9px}.formation-logic-card{padding:11px;border:1px solid #e4e9e5;border-radius:12px;background:#fff}.formation-logic-card>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.formation-logic-card>header b,.formation-logic-card>header small{display:block}.formation-logic-card>header b{color:#3f574e;font-size:10px}.formation-logic-card>header small{margin-top:2px;color:#98a19d;font-size:6.5px}.formation-logic-card>header strong{padding:5px 8px;border-radius:99px;background:#f3ecda;color:#8d6c24;font:700 8px serif}.formation-logic-flow{display:grid;grid-template-columns:1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;align-items:stretch;gap:2px;margin-top:10px}.formation-logic-flow article{position:relative;min-width:0;padding:9px 6px;border-radius:9px;background:#f5f7f4}.formation-logic-flow article>i{position:absolute;right:5px;top:5px;color:#b8a267;font-size:6px;font-style:normal}.formation-logic-flow small,.formation-logic-flow b{display:block}.formation-logic-flow small{padding-right:15px;color:#9a927b;font-size:6px}.formation-logic-flow b{margin-top:4px;color:#40574f;font-size:7.5px;line-height:1.45}.formation-logic-flow p{margin:5px 0 0;color:#838d88;font-size:6.3px;line-height:1.5}.formation-logic-flow>em{align-self:center;color:#b9c0bc;font-size:8px;font-style:normal}.formation-verdict{margin-top:9px;padding:9px 10px;border-radius:9px;background:#f7f4e9}.formation-verdict>span{color:#927632;font-size:7px;font-weight:700}.formation-verdict p{margin:4px 0 7px;color:#68766f;font-size:7.5px;line-height:1.65}.formation-verdict>b{display:block;height:4px;overflow:hidden;border-radius:99px;background:#e4e6df}.formation-verdict>b i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#315e50,#c1a152)}.formation-verdict>small{display:block;margin-top:4px;text-align:right;color:#9ba39f;font-size:6px}.ziping-god-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ziping-god-pair>article{padding:11px;border:1px solid #e4e9e5;border-radius:12px;background:#fff}.ziping-god-pair article>header{display:flex;align-items:center;gap:7px}.ziping-god-pair article>header>i{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font:700 11px serif;font-style:normal}.favorable-gods header>i{background:#e5f2ea;color:#21815e}.unfavorable-gods header>i{background:#f8e8e5;color:#b74f45}.ziping-god-pair header b,.ziping-god-pair header small{display:block}.ziping-god-pair header b{color:#40574f;font-size:9px}.ziping-god-pair header small{color:#9ba39f;font-size:6px}.ziping-god-pair article>div{display:flex;gap:5px;margin-top:9px}.ziping-god-pair article>div span{flex:1;padding:7px 4px;text-align:center;border-radius:8px;background:#f5f6f2}.ziping-god-pair article>div b,.ziping-god-pair article>div small{display:block}.ziping-god-pair article>div b{font:700 15px serif}.ziping-god-pair article>div small{margin-top:2px;color:#9aa39f;font-size:5.5px}.ziping-god-pair article>p{margin:8px 0 0;color:#6e7a74;font-size:7px;line-height:1.65}.ziping-god-pair .wood{color:#438268}.ziping-god-pair .fire{color:#bd5147}.ziping-god-pair .earth{color:#a67842}.ziping-god-pair .metal{color:#c49332}.ziping-god-pair .water{color:#477fa7}[data-school-panel="ziping"].active .formation-logic-flow article{animation:zipingLogicIn .45s ease both}[data-school-panel="ziping"].active .formation-logic-flow article:nth-of-type(1){animation-delay:.08s}[data-school-panel="ziping"].active .formation-logic-flow article:nth-of-type(2){animation-delay:.18s}[data-school-panel="ziping"].active .formation-logic-flow article:nth-of-type(3){animation-delay:.28s}[data-school-panel="ziping"].active .formation-logic-flow article:nth-of-type(4){animation-delay:.38s}[data-school-panel="ziping"].active .formation-logic-flow article:nth-of-type(5){animation-delay:.48s}[data-school-panel="ziping"].active .formation-verdict>b i{transform-origin:left;animation:schoolBar .9s cubic-bezier(.2,.75,.2,1) .58s both}[data-school-panel="ziping"].active .ziping-god-pair>article{animation:zipingLogicIn .5s ease .62s both}@keyframes zipingLogicIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}@media(max-width:430px){.formation-logic-flow{grid-template-columns:1fr}.formation-logic-flow>em{transform:rotate(90deg);text-align:center}.formation-logic-flow article{padding:9px}.ziping-god-pair{gap:6px}.ziping-god-pair>article{padding:9px}}