/* Attribute knowledge page v2 */
.knowledge-page{background:linear-gradient(180deg,#071423 0,#06101d 42%,#07111f 100%)}.knowledge-wrap{max-width:980px}.knowledge-head{padding:54px 4px 24px}.knowledge-head h1{font-size:clamp(34px,6vw,54px);margin:8px 0 10px}.knowledge-head>p:last-child{color:var(--muted);margin:0;line-height:1.7}.section-nav{position:sticky;top:64px;z-index:8;display:flex;gap:8px;overflow-x:auto;padding:12px 0 16px;background:linear-gradient(180deg,#071423 76%,transparent);scrollbar-width:none}.section-nav::-webkit-scrollbar{display:none}.section-nav a{flex:0 0 auto;padding:9px 15px;border:1px solid #29415e;border-radius:999px;background:#0b1a2c;color:#b8c7d9;font-size:14px}.section-nav a:first-child{color:#08111d;background:var(--gold);border-color:var(--gold);font-weight:700}.zodiac-panel,.data-section,.data-note{background:linear-gradient(150deg,#0e2035,#0a1829);border:1px solid #213955;border-radius:20px;box-shadow:0 14px 45px #0000002e}.zodiac-panel{padding:24px;margin:4px 0 18px;scroll-margin-top:130px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-title small{color:var(--gold);letter-spacing:1.6px}.section-title h2{margin:5px 0 0;font-size:23px}.section-title>span{font-size:13px;color:#9eb1c7;border:1px solid #2e4662;border-radius:999px;padding:7px 11px}.animal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.animal-card{display:grid;grid-template-columns:68px 1fr;align-items:center;min-width:0;padding:15px;background:#081725;border:1px solid #1c344e;border-radius:14px}.animal-name{display:flex;align-items:center;gap:8px}.animal-name span{font-size:25px}.animal-name b{font-size:18px}.ball-row{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.num-ball{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;background:#f6f8fb;color:#101722;border:3px solid;border-radius:50%;font-style:normal;font-size:13px;font-weight:800;box-shadow:0 4px 9px #0006}.num-ball.red,.num-chip.red{border-color:#ff5964}.num-ball.blue,.num-chip.blue{border-color:#4598ff}.num-ball.green,.num-chip.green{border-color:#35ca82}.sections{display:grid;gap:14px}.data-section{overflow:hidden;scroll-margin-top:130px}.data-section summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:20px 22px;font-size:19px;font-weight:750}.data-section summary::-webkit-details-marker{display:none}.data-section summary i{font-style:normal;color:var(--gold);transition:.2s}.data-section[open] summary i{transform:rotate(180deg)}.section-body{padding:0 22px 12px}.data-row{display:grid;grid-template-columns:82px 1fr;gap:16px;padding:17px 0;border-top:1px solid #1d334b}.row-label{font-weight:700;color:#f0f5fb;padding-top:5px}.chip-row,.text-chip-row{display:flex;flex-wrap:wrap;gap:8px}.num-chip{display:grid;place-items:center;min-width:35px;height:35px;padding:0 7px;background:#0c1b2d;border:1px solid;border-radius:10px;color:#dfeaff;font-style:normal;font-size:13px;font-weight:700}.text-chip{padding:7px 10px;border-radius:9px;background:#10243a;border:1px solid #263e59;color:#c9d8e8;font-size:14px}.data-note{margin:18px 0 50px;padding:20px 22px}.data-note p{color:var(--muted);line-height:1.7;margin-bottom:0}@media(max-width:680px){.knowledge-wrap{width:min(100% - 20px,980px)}.knowledge-head{padding:35px 4px 18px}.knowledge-head h1{font-size:34px;letter-spacing:-1px}.section-nav{top:64px;margin:0 -10px;padding-left:10px;padding-right:10px}.zodiac-panel{padding:15px;border-radius:16px}.section-title{margin:2px 2px 16px}.animal-grid{grid-template-columns:1fr;gap:9px}.animal-card{grid-template-columns:64px 1fr;padding:13px 12px}.animal-name span{font-size:22px}.animal-name b{font-size:17px}.ball-row{gap:6px}.num-ball{width:35px;height:35px;flex-basis:35px}.data-section{border-radius:16px}.data-section summary{padding:18px;font-size:18px}.section-body{padding:0 16px 10px}.data-row{grid-template-columns:1fr;gap:9px;padding:15px 0}.row-label{padding:0;color:var(--gold);font-size:14px}.chip-row{gap:7px}.num-chip{min-width:34px;height:34px;padding:0 6px}.text-chip-row{gap:7px}.text-chip{font-size:13px;padding:7px 9px}.text-row{grid-template-columns:58px 1fr;align-items:start}.text-row .row-label{padding-top:7px}.data-note{border-radius:16px;margin-bottom:30px}}
@media(max-width:380px){.animal-card{grid-template-columns:56px 1fr}.num-ball{width:32px;height:32px;flex-basis:32px;font-size:12px}.ball-row{gap:5px}.nav nav{gap:9px;font-size:13px}}

/* Mobile knowledge layout refinement */
.knowledge-top{position:sticky;top:0;z-index:30;height:58px;display:flex;align-items:center;gap:11px;padding:0 max(14px,calc((100vw - 980px)/2));background:#fff;border-bottom:1px solid #e5eaf0;box-shadow:0 2px 12px #20364d08}.knowledge-top>a,.knowledge-top>button{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:0;border-radius:11px;background:#f3f6f9;color:#26394d;text-decoration:none;font-size:26px}.knowledge-top>button{margin-left:auto;font-size:22px}.knowledge-top div{min-width:0}.knowledge-top b{display:block;font-size:16px}.knowledge-top small{display:block;margin-top:2px;color:#8492a1;font-size:10px}.knowledge-head{padding-top:25px!important}.section-nav{top:58px!important;margin-bottom:11px;padding:9px 0 12px!important;background:linear-gradient(180deg,#f5f7fa 76%,#f5f7fae8)!important}.section-nav a{padding:10px 16px!important;border-radius:999px!important;font-size:14px!important}.zodiac-panel{scroll-margin-top:130px}.data-section{scroll-margin-top:130px}.data-section summary i{font-size:0}.data-section summary i:after{content:'⌃';font-size:17px}.data-section:not([open]) summary i:after{content:'⌄'}.num-chip{background:#fff!important;border-width:1.5px!important}.num-chip.red{color:#33485d!important;border-color:#e16d78!important}.num-chip.blue{color:#33485d!important;border-color:#5d9bdd!important}.num-chip.green{color:#33485d!important;border-color:#58ba87!important}
@media(max-width:680px){.knowledge-wrap{width:100%!important}.knowledge-head{margin:0 14px;padding:20px 1px 13px!important}.knowledge-head h1{font-size:25px!important}.knowledge-head>p:last-child{font-size:12px}.section-nav{margin:0!important;padding:8px 14px 12px!important;border-bottom:1px solid #e7ebef!important}.zodiac-panel,.sections,.data-note{margin-left:12px!important;margin-right:12px!important}.zodiac-panel{padding:15px!important}.data-section{border-radius:15px!important}.data-section summary{padding:17px 19px!important}.section-body{padding:0 19px 7px!important}.data-row{grid-template-columns:1fr!important;gap:11px!important;padding:17px 0!important}.data-row+.data-row{border-top:1px solid #e8ecf0!important}.row-label{padding:0!important;color:#1d2d3e!important;font-size:16px!important}.chip-row{gap:9px!important}.num-chip{min-width:47px!important;height:43px!important;padding:0 9px!important;border-radius:11px!important;font-size:14px!important}.text-row{grid-template-columns:62px 1fr!important}.text-row .row-label{padding-top:7px!important;font-size:14px!important}.data-note{padding:17px 19px!important}.animal-card{background:#fff!important}.num-ball{width:38px;height:38px;flex-basis:38px}.section-title h2{font-size:20px}.knowledge-page footer{padding-bottom:30px}}
@media(max-width:420px){.knowledge-top{padding:0 11px}.knowledge-top>a,.knowledge-top>button{width:34px;height:34px;flex-basis:34px}.knowledge-head{margin:0 11px}.section-nav{padding-left:11px!important;padding-right:11px!important}.zodiac-panel,.sections,.data-note{margin-left:9px!important;margin-right:9px!important}.zodiac-panel{border-radius:15px!important}.animal-card{grid-template-columns:58px 1fr!important;padding:13px 10px!important}.animal-name{gap:6px}.animal-name span{font-size:20px}.animal-name b{font-size:16px}.ball-row{gap:5px}.num-ball{width:34px;height:34px;flex-basis:34px}.data-section summary{padding:16px 18px!important}.section-body{padding:0 18px 6px!important}.chip-row{gap:8px!important}.num-chip{min-width:45px!important;height:42px!important;padding:0 8px!important}.text-row{grid-template-columns:56px 1fr!important}}