.intent-tabs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.intent-tabs>button{display:flex;align-items:center;gap:16px;text-align:left;padding:20px 23px;border:1px solid #dfd4c4;background:#fffcf7;border-radius:13px;transition:background .15s,border-color .15s}.intent-tabs>button:hover{border-color:#ba9279}.intent-tabs>button.active{background:#f7e6d8;border-color:#b26349;box-shadow:inset 0 0 0 1px #b2634918}.intent-tabs>button:nth-child(2).active{background:#eaf0e4;border-color:#658270}.intent-symbol{font:29px SimSun,serif;background:#f2e8da;border:1px solid #dec6af;color:#9d553c;display:grid;place-items:center;width:53px;height:53px;flex:none;border-radius:50%}.intent-tabs>button:nth-child(2) .intent-symbol{background:#edf1e6;color:#4b715e;border-color:#c4d0bf}.intent-tabs b{display:block;font-size:18px;font-weight:600}.intent-tabs small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.intent-tabs i{font-style:normal;margin-left:auto;color:var(--accent);font-size:20px}.intent-tabs>button:nth-child(2) i{color:#4b715e}.intent-panel-head{margin-bottom:17px;display:flex;align-items:baseline;gap:20px;justify-content:space-between}.intent-panel-head h3{font-size:17px;font-weight:500}.intent-panel-head p{font-size:12px}.harmony-grid{grid-template-columns:repeat(4,1fr);gap:12px}.harmony-grid .annual-sign{align-items:center;min-height:123px}.harmony-grid .annual-sign h3>span{font-size:11px;color:#587362}.harmony-grid .annual-sign b{margin-top:11px;color:#4b715e}.harmony-grid .annual-sign>div{flex:1}.meaning-intro strong{font-weight:500;color:var(--ink);display:inline-block;margin-top:13px}.meaning-section{gap:24px 55px}.meaning-steps article>span{font:25px SimSun,serif;display:grid;place-items:center;align-self:flex-start;border:1px solid #d9c1a6;background:#f7efe3;border-radius:50%;width:42px;height:42px;flex:none;color:#a05a42}.meaning-steps article{gap:16px}.meaning-steps h3{font-size:17px}.harmony-diagram{grid-column:1/-1;display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:center;background:#fffaf2b3;border:1px solid #dfcfba;border-radius:14px;padding:25px 24px;gap:12px}.harmony-diagram>div{text-align:center}.diagram-mark{width:48px;height:48px;border-radius:50%;border:1px solid #ccb797;background:#f6ead7;margin:0 auto 11px;display:grid;place-items:center;font:24px SimSun,serif;color:#956345}.diagram-mark.paired{border-radius:12px;background:#e8eedf;color:#496d53;border-color:#c1cfb8}.diagram-mark.screen{border-radius:8px;background:#f5e3d9;color:#a44a35;border-color:#d9b7a7;width:35px}.harmony-diagram b{display:block;font-size:16px;font-weight:500}.harmony-diagram small{display:block;margin-top:5px;font-size:12px;color:var(--muted)}.harmony-diagram>i{font-size:25px;font-style:normal;color:#b29775;text-align:center}.meaning-note strong{color:var(--ink)}.annual-final h2{font-size:27px}
@media(max-width:1150px){.intent-tabs>button{padding:16px;gap:12px}.intent-tabs b{font-size:16px}.intent-tabs small{font-size:11px}.intent-symbol{width:44px;height:44px;font-size:26px}.intent-panel-head{display:block}.intent-panel-head p{margin-top:6px}.harmony-diagram{padding:20px 14px;gap:5px}.harmony-diagram b{font-size:14px}.harmony-diagram small{font-size:11px}.meaning-section{gap:20px 30px}}
@media(max-width:800px){.intent-tabs{grid-template-columns:1fr;gap:10px}.harmony-grid{grid-template-columns:repeat(2,1fr)}.harmony-grid .annual-sign{display:flex;gap:10px}.harmony-grid .annual-sign .zodiac-art{width:40px;height:40px}.harmony-grid .annual-sign h3{font-size:17px}.harmony-grid .annual-sign b{font-size:11px}.harmony-diagram{grid-template-columns:1fr;gap:17px}.harmony-diagram>i{transform:rotate(90deg)}.harmony-diagram>div{display:grid;grid-template-columns:60px 1fr;text-align:left;align-items:center;max-width:280px;width:100%;margin:auto}.diagram-mark{grid-row:1/3;margin:0 auto}.harmony-diagram small{grid-column:2}.annual-final h2{font-size:24px}}