/* 九霄问道 V2.5.0 · 灵兽正式版 */
#spiritBeastRootV267{--sb-bg:rgba(19,16,11,.88);--sb-line:rgba(191,156,86,.22);--sb-gold:#d9b56f;--sb-text:#eee2c8;--sb-dim:#a89a80;color:var(--sb-text);min-height:180px}
.sbv267-loading,.sbv267-empty{border:1px dashed var(--sb-line);border-radius:18px;padding:28px;text-align:center;background:rgba(255,255,255,.018)}.sbv267-loading i{display:block;width:28px;height:28px;margin:0 auto 12px;border:2px solid rgba(217,181,111,.22);border-top-color:var(--sb-gold);border-radius:50%;animation:sbspin 1s linear infinite}.sbv267-empty b{display:block;font-size:16px;color:#e9cf9a}.sbv267-empty p{margin:8px 0 0;color:var(--sb-dim);line-height:1.7}.sbv267-empty.compact{padding:18px}
@keyframes sbspin{to{transform:rotate(360deg)}}
.sbv267-shell{display:grid;gap:14px}.sbv267-hero{display:flex;gap:18px;align-items:flex-end;justify-content:space-between;padding:22px;border-radius:20px;border:1px solid var(--sb-line);background:radial-gradient(circle at 90% 0,rgba(84,126,86,.16),transparent 45%),linear-gradient(145deg,rgba(54,43,24,.88),rgba(15,18,14,.94));box-shadow:inset 0 1px rgba(255,255,255,.05)}.sbv267-hero span{font-size:12px;letter-spacing:.14em;color:#c7a96e}.sbv267-hero h3{margin:5px 0 5px;font-size:25px}.sbv267-hero p{margin:0;max-width:680px;color:var(--sb-dim);line-height:1.65}.sbv267-hero-stats{text-align:right;white-space:nowrap}.sbv267-hero-stats b{font-size:26px;color:#f0d49b}.sbv267-hero-stats small{display:block;color:var(--sb-dim)}
.sbv267-encounter{display:grid;grid-template-columns:74px 1fr auto;gap:16px;align-items:center;padding:16px;border:1px solid rgba(214,155,77,.35);border-radius:18px;background:linear-gradient(100deg,rgba(93,49,20,.28),rgba(25,21,15,.9))}.sbv267-glyph,.sbv267-portrait,.sbv267-beast-glyph{display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(231,190,105,.28),rgba(68,50,27,.72));border:1px solid rgba(231,190,105,.35);color:#f5d591;font-family:serif}.sbv267-glyph{width:64px;height:64px;font-size:28px}.sbv267-enc-copy span,.sbv267-detail-head span{font-size:12px;color:#c5a365}.sbv267-enc-copy h4{margin:3px 0;font-size:18px}.sbv267-enc-copy p{margin:0;color:#b8aa90}.sbv267-enc-copy small{display:block;margin-top:6px;color:#8f8069}.sbv267-capture{display:grid;gap:6px;min-width:155px}
.sbv267-shell button,.sbv267-shell select{font:inherit}.sbv267-shell button{border:1px solid rgba(206,171,101,.25);background:rgba(31,28,22,.82);color:#e4d5b8;border-radius:10px;padding:8px 11px;cursor:pointer;transition:.18s}.sbv267-shell button:hover{border-color:rgba(223,185,107,.55);transform:translateY(-1px)}.sbv267-shell button:disabled{opacity:.4;cursor:not-allowed;transform:none}.sbv267-shell button.primary{background:linear-gradient(135deg,#725329,#9b7136);border-color:#c99b55;color:#fff2d6}.sbv267-shell button.danger{border-color:rgba(183,76,61,.4);color:#e9a398}
.sbv267-tabs,.sbv267-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.sbv267-tabs button.active{background:rgba(171,127,60,.25);border-color:#b78b4c;color:#f5d7a1}.sbv267-toolbar{padding:11px 12px;border:1px solid var(--sb-line);border-radius:14px;background:rgba(10,10,8,.34)}.sbv267-toolbar span{font-size:12px;color:#b7a88e;border-left:1px solid rgba(255,255,255,.08);padding-left:10px}
.sbv267-stable-layout{display:grid;grid-template-columns:minmax(240px,310px) 1fr;gap:14px}.sbv267-beast-list{display:grid;align-content:start;gap:8px;max-height:720px;overflow:auto;padding-right:2px}.sbv267-beast-card{text-align:left;display:grid!important;grid-template-columns:42px 1fr;gap:9px!important;padding:10px!important}.sbv267-beast-card.selected{border-color:#c69a54!important;background:rgba(123,91,44,.2)!important}.sbv267-beast-card.active{box-shadow:inset 3px 0 #c69a54}.sbv267-beast-glyph{width:40px;height:40px;grid-row:1/3}.sbv267-beast-main b{display:block}.sbv267-beast-main small,.sbv267-beast-meta i{display:block;color:#998b74;font-size:11px;font-style:normal}.sbv267-beast-meta{grid-column:2;display:flex;gap:7px;flex-wrap:wrap}.sbv267-beast-meta i{padding:2px 6px;border-radius:20px;background:rgba(255,255,255,.04)}
.sbv267-detail{border:1px solid var(--sb-line);border-radius:18px;background:linear-gradient(145deg,rgba(26,24,18,.93),rgba(12,13,11,.9));padding:17px}.sbv267-detail-head{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center}.sbv267-portrait{width:68px;height:68px;font-size:28px}.sbv267-detail-head h3{margin:3px 0;font-size:22px}.sbv267-detail-head p{margin:0;color:#a89a80;line-height:1.55}.sbv267-detail-head>strong{color:#d8b670}.sbv267-stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:14px}.sbv267-stat-grid span{padding:9px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.05)}.sbv267-stat-grid small{display:block;color:#8f826d;font-size:11px}.sbv267-stat-grid b{font-size:13px}.sbv267-exp{height:22px;position:relative;overflow:hidden;border-radius:12px;background:#11120f;margin:10px 0}.sbv267-exp i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,rgba(82,137,83,.55),rgba(186,155,78,.7))}.sbv267-exp span{position:relative;z-index:1;display:block;text-align:center;font-size:11px;line-height:22px}.sbv267-skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sbv267-skill-grid>div{padding:11px;border-radius:12px;background:rgba(255,255,255,.026);border:1px solid rgba(255,255,255,.055)}.sbv267-skill-grid small{color:#a68a55}.sbv267-skill-grid b{display:block;margin:3px 0}.sbv267-skill-grid p{margin:0;color:#90836f;font-size:12px}.sbv267-actions,.sbv267-secondary{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.sbv267-secondary{padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.sbv267-secondary label{display:flex;align-items:center;gap:5px;color:#9d8e75;font-size:12px}.sbv267-secondary select{max-width:160px;background:#171611;color:#e6d8bb;border:1px solid rgba(201,160,88,.25);border-radius:8px;padding:7px}
.sbv267-egg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sbv267-egg-grid button{text-align:left!important;display:grid!important;grid-template-columns:44px 1fr;gap:3px 10px!important}.sbv267-egg-grid span{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(184,148,79,.12);color:#dbc18e}.sbv267-egg-grid small{color:#91836e}.sbv267-codex-head,.sbv267-ranking-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sbv267-codex-head span{font-size:12px;color:#94866f}.sbv267-codex{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.sbv267-codex article{min-height:115px;padding:10px;border-radius:12px;text-align:center;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025)}.sbv267-codex article>span{margin:auto;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:rgba(195,158,88,.11);color:#d5b977}.sbv267-codex b,.sbv267-codex small,.sbv267-codex em{display:block}.sbv267-codex small,.sbv267-codex em{font-size:10px;color:#887b68;font-style:normal;margin-top:3px}.sbv267-codex .locked{filter:saturate(.25);opacity:.48}.sbv267-ranking{display:grid;gap:6px}.sbv267-ranking article{display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center;padding:9px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(255,255,255,.025)}.sbv267-ranking article.mine{border-color:rgba(200,157,82,.5);background:rgba(139,99,40,.12)}.sbv267-ranking article>strong{text-align:center;font-size:18px;color:#c49b58}.sbv267-ranking small{display:block;color:#8e806b}.sbv267-ranking em{font-size:11px;color:#bca984;font-style:normal}.sbv267-foot{text-align:center;color:#776d5c;font-size:10px;padding:5px}
.rarity-legendary{--sb-rarity:#ddad4f}.rarity-epic{--sb-rarity:#a789d2}.rarity-rare{--sb-rarity:#7eaec6}.rarity-common{--sb-rarity:#8eb895}.sbv267-detail[class*=rarity-],.sbv267-beast-card[class*=rarity-],.sbv267-codex article[class*=rarity-]{border-color:var(--sb-rarity)}
@media(max-width:850px){.sbv267-encounter{grid-template-columns:54px 1fr}.sbv267-capture{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.sbv267-glyph{width:52px;height:52px}.sbv267-stable-layout{grid-template-columns:1fr}.sbv267-beast-list{grid-template-columns:repeat(2,1fr);max-height:none}.sbv267-stat-grid{grid-template-columns:repeat(3,1fr)}.sbv267-codex{grid-template-columns:repeat(3,1fr)}.sbv267-egg-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.sbv267-hero{padding:15px;align-items:flex-start}.sbv267-hero h3{font-size:20px}.sbv267-hero p{font-size:11px}.sbv267-hero-stats b{font-size:20px}.sbv267-tabs{display:grid;grid-template-columns:repeat(4,1fr)}.sbv267-tabs button{padding:8px 3px;font-size:11px}.sbv267-toolbar span{font-size:10px}.sbv267-beast-list{grid-template-columns:1fr}.sbv267-detail{padding:12px}.sbv267-detail-head{grid-template-columns:55px 1fr}.sbv267-detail-head>strong{grid-column:2}.sbv267-portrait{width:52px;height:52px}.sbv267-stat-grid{grid-template-columns:repeat(2,1fr)}.sbv267-skill-grid{grid-template-columns:1fr}.sbv267-actions button,.sbv267-secondary button{flex:1 1 30%}.sbv267-secondary label{width:100%;justify-content:space-between}.sbv267-secondary select{flex:1;max-width:none}.sbv267-codex{grid-template-columns:repeat(2,1fr)}.sbv267-egg-grid{grid-template-columns:1fr}.sbv267-ranking article{grid-template-columns:32px 1fr}.sbv267-ranking em{grid-column:2}.sbv267-capture{grid-template-columns:1fr}}

/* CACHE139 完整图鉴里程碑 */
.sbv267-codex-rewards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:10px 0 14px}
.sbv267-codex-reward{display:grid;gap:6px;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(10,18,24,.44)}
.sbv267-codex-reward span{font-size:12px;opacity:.72}.sbv267-codex-reward b{font-size:13px;line-height:1.55;font-weight:600}
.sbv267-codex-reward.ready{border-color:rgba(223,185,105,.62);box-shadow:inset 0 0 22px rgba(223,185,105,.07)}
.sbv267-codex-reward.claimed{opacity:.62}.sbv267-codex-reward button{min-height:36px}