.page-main{padding-top:20px;padding-bottom:28px}
.hero{position:relative;overflow:hidden;border-bottom:1px solid #edf0f4;background:linear-gradient(135deg,#16181d 0%,#2d1c19 55%,#7c2d12 100%);color:#fff;padding:58px 0}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 22%,rgba(251,191,36,.28),transparent 30%),linear-gradient(115deg,transparent 52%,rgba(255,255,255,.06));pointer-events:none}
.hero-inner{position:relative;z-index:1;display:grid;gap:32px;align-items:center}
.hero h1{margin:6px 0 0;font-size:46px;line-height:1.08;font-weight:900;letter-spacing:-.04em}
.hero p{max-width:720px;margin:16px 0 0;color:#d6d3d1;font-size:15px;line-height:2}
.hero-search{display:flex;padding:7px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.22)}
.hero-search input{min-width:0;flex:1;border:0!important;background:transparent!important;padding:0 12px;color:#171717;box-shadow:none!important}
.hero-search button,.primary-button{height:40px;border:0;border-radius:7px;background:#2563eb;padding:0 18px;color:#fff;font-size:14px;font-weight:600}
.section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}
.section-head h1,.section-head h2{font-size:24px;line-height:1.3;font-weight:700;color:#151515}
.section-head p{margin-top:5px;color:#6b7280;font-size:13px}
.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.module-card{display:block;border:1px solid #edf0f4;border-radius:8px;background:#fff;padding:18px;transition:.18s ease}
.module-card:hover{transform:translateY(-2px);border-color:#93c5fd;box-shadow:0 12px 28px rgba(15,23,42,.07)}
.module-icon{display:flex;width:42px;height:42px;align-items:center;justify-content:center;margin-bottom:14px;border-radius:7px;background:#eff6ff;color:#2563eb;font-size:22px}
.module-card h3{font-size:16px;font-weight:700;color:#151515}
.module-card p{min-height:42px;margin-top:7px;color:#6b7280;font-size:12px;line-height:1.75}
.module-count{display:block;margin-top:12px;color:#2563eb;font-size:12px;font-weight:600}
.filter-panel{margin-bottom:14px;border:1px solid #edf0f4;border-radius:8px;background:#fff;padding:12px}
.filter-row{display:grid;grid-template-columns:minmax(0,1fr) 180px 110px;gap:10px}
.filter-row.has-four{grid-template-columns:minmax(0,1fr) 190px 160px 110px}
.monster-filter-row{grid-template-columns:minmax(220px,1fr) 150px 140px 170px 100px}
.filter-row input,.filter-row select{width:100%;height:40px;border:1px solid #e5e7eb;border-radius:7px;background:#fff;padding:0 11px;font-size:13px}
.data-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.data-card{display:flex;min-width:0;gap:11px;border:1px solid #edf0f4;border-radius:8px;background:#fff;padding:12px;transition:.16s ease}
.data-card:hover{border-color:#93c5fd;background:#f8fbff}
.data-icon{display:flex;width:52px;height:52px;flex:0 0 52px;align-items:center;justify-content:center;overflow:hidden;border:1px solid #edf0f4;border-radius:7px;background:#f8fafc}
.data-icon img{max-width:44px;max-height:44px;object-fit:contain}
.data-body{min-width:0;flex:1}
.data-body h3{overflow:hidden;margin:1px 0 0;color:#151515;font-size:14px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.data-id{display:block;margin-top:4px;color:#94a3b8;font-family:ui-monospace,monospace;font-size:11px}
.data-meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}
.badge{border-radius:4px;background:#f1f5f9;padding:3px 6px;color:#64748b;font-size:10px;font-style:normal}
.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:18px}
.pagination a,.pagination span{display:flex;height:34px;min-width:34px;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:6px;background:#fff;padding:0 10px;font-size:12px}
.pagination .is-current{border-color:#2563eb;background:#2563eb;color:#fff}
.detail-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px;align-items:start}
.detail-card{border:1px solid #edf0f4;border-radius:8px;background:#fff;padding:16px}
.detail-visual{display:flex;aspect-ratio:1/1;align-items:center;justify-content:center;overflow:hidden;border:1px solid #edf0f4;border-radius:8px;background:linear-gradient(145deg,#f8fafc,#eef2f7)}
.detail-visual img{max-width:90%;max-height:90%;object-fit:contain}
.detail-title{margin:14px 0 3px;color:#151515;font-size:22px;font-weight:750}
.detail-desc{margin-top:12px;white-space:pre-line;color:#6b7280;font-size:13px;line-height:1.9}
.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid #edf0f4;border-radius:7px;background:#edf0f4}
.stat-row{display:grid;grid-template-columns:110px minmax(0,1fr);background:#fff;padding:11px;font-size:13px}
.stat-row dt{color:#6b7280}.stat-row dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#151515;font-weight:600}
.back-link{display:inline-flex;margin-bottom:12px;color:#2563eb;font-size:13px;font-weight:600}
.empty-state{border:1px dashed #dbe1e8;border-radius:8px;background:#fff;padding:48px 20px;text-align:center;color:#6b7280;font-size:13px}
html.dark .section-head h1,html.dark .section-head h2,html.dark .module-card h3,html.dark .data-body h3,html.dark .detail-title,html.dark .stat-row dd{color:#f2f2f2}
html.dark .module-card,html.dark .filter-panel,html.dark .data-card,html.dark .detail-card,html.dark .stat-row,html.dark .empty-state{border-color:#2a2a2a;background:#171717}
html.dark .data-card:hover{border-color:#0ea5e9;background:#1d1d1d}
html.dark .module-icon,html.dark .badge{background:rgba(14,165,233,.12);color:#7dd3fc}
html.dark .data-icon,html.dark .detail-visual{border-color:#333;background:#111}
.monster-source-note{margin:14px 0 0;padding:10px 12px;border-radius:8px;background:#fff8e6;color:#8a5a00;font-size:13px;line-height:1.65}
.monster-server-panel{display:grid;gap:14px}.monster-server-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.monster-server-head span{display:block;color:#6a74a5;font-size:9px;font-weight:800;letter-spacing:.14em}.monster-server-head h2{margin:3px 0 0;color:#252d3a;font-size:19px}.monster-server-head>b{border-radius:999px;background:#fff3df;padding:5px 10px;color:#a45c00;font-size:11px}.monster-server-note{margin:0;border-left:3px solid #f59e0b;background:#fffbeb;padding:10px 12px;color:#78521d;font-size:12px;line-height:1.7}
.qigong-server-panel{display:grid;gap:12px}.qigong-server-panel>header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.qigong-server-panel>header span{display:block;color:#7353a6;font-size:9px;font-weight:800;letter-spacing:.14em}.qigong-server-panel>header h2{margin:3px 0 0;color:#252d3a;font-size:19px}.qigong-server-panel>header>b{border-radius:999px;background:#f0eaff;padding:5px 10px;color:#7047aa;font-size:10px}.qigong-formula-card{border:1px solid #e4ddf1;border-radius:10px;background:linear-gradient(135deg,#fcfaff,#f7f3ff);padding:14px}.qigong-formula-card.is-ascension{border-color:#e8d8bb;background:linear-gradient(135deg,#fffdf8,#fff8e9)}.qigong-formula-title span{color:#8769b1;font-size:9px;font-weight:800;letter-spacing:.12em}.qigong-formula-title h3{margin:3px 0 0;color:#312b3b;font-size:16px}.qigong-coefficient-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px}.qigong-coefficient-grid>div,.qigong-ascension-layout>div{border:1px solid #e8e2f1;border-radius:7px;background:#fff;padding:10px}.qigong-coefficient-grid span,.qigong-ascension-layout>div span{display:block;color:#91869f;font-size:9px}.qigong-coefficient-grid strong,.qigong-ascension-layout>div strong{display:block;margin-top:3px;color:#443552;font-size:17px}.qigong-effect-text{margin:10px 0 0;color:#665a71;font-size:12px;line-height:1.7}.qigong-formula-code{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;margin-top:10px;border-radius:7px;background:#282331;padding:10px 12px}.qigong-formula-code span{color:#bca8d4;font-size:9px;font-weight:700}.qigong-formula-code code{overflow-wrap:anywhere;color:#f4eafa;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;white-space:pre-wrap}.qigong-ascension-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:8px;margin-top:11px}.qigong-ascension-layout>a{display:flex;min-width:0;align-items:center;gap:10px;border:1px solid #eadfc9;border-radius:7px;background:#fff;padding:8px;color:inherit;text-decoration:none}.qigong-ascension-layout>a:hover{border-color:#d8ad60}.qigong-ascension-layout img{width:42px;height:42px;object-fit:contain}.qigong-ascension-layout>a span{min-width:0}.qigong-ascension-layout small,.qigong-ascension-layout strong,.qigong-ascension-layout em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qigong-ascension-layout small{color:#9a8c76;font-size:9px}.qigong-ascension-layout strong{margin:2px 0;color:#443a2b;font-size:13px}.qigong-ascension-layout em{color:#ad9f89;font-size:9px;font-style:normal}.qigong-profession-list{margin-top:10px}.qigong-profession-list>span{color:#8e806d;font-size:9px;font-weight:700}.qigong-profession-list>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.qigong-profession-list a{border-radius:999px;background:#f2e5cd;padding:5px 8px;color:#8b5d17;font-size:9px;text-decoration:none}.qigong-profession-list a:hover{background:#e7cfaa}.qigong-server-note{margin:0;border-left:3px solid #8b5cf6;background:#f7f3ff;padding:9px 11px;color:#66547d;font-size:11px;line-height:1.7}
.monster-distribution-panel{grid-column:1/-1}
.monster-distribution-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.monster-distribution-list a{display:flex;min-height:92px;flex-direction:column;gap:5px;padding:14px;border:1px solid #e8edf4;border-radius:10px;background:#f8fafc;color:inherit;text-decoration:none}
.monster-distribution-list a:hover{border-color:#9dbcf7;background:#f3f7ff}
.monster-distribution-list strong{font-size:15px}.monster-distribution-list span{color:#475569;line-height:1.5}.monster-distribution-list em{margin-top:auto;color:#94a3b8;font-size:12px;font-style:normal}
.rx-map-visual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:14px;margin-top:12px}
.rx-map-visual-card{width:100%;max-width:760px;overflow:hidden;border:1px solid #e1e7ef;border-radius:12px;background:#f8fafc}
.rx-map-visual-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#fff}
.rx-map-visual-card>header div{display:grid;gap:2px}.rx-map-visual-card>header strong{color:#172033;font-size:15px}.rx-map-visual-card>header span{color:#94a3b8;font-size:11px}.rx-map-visual-card>header a{color:#2563eb;font-size:12px;font-weight:600}
.rx-map-stage{position:relative;overflow:hidden;aspect-ratio:1/1;background:#d8e7c4}
.rx-map-stage>img{display:block;width:100%;height:100%;object-fit:cover}
.rx-map-marker{position:absolute;z-index:2;display:grid;justify-items:center;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 3px rgba(0,0,0,.34));cursor:help}
.rx-map-marker>i{width:18px;height:18px;border:4px solid #fff;border-radius:50%;background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.32)}
.rx-map-marker>i:after{content:"";position:absolute;left:50%;top:15px;width:2px;height:12px;transform:translateX(-50%);background:#fff}
.rx-map-marker>b{position:absolute;bottom:25px;max-width:190px;border-radius:6px;background:rgba(15,23,42,.9);padding:5px 8px;color:#fff;font-size:12px;line-height:1.25;white-space:nowrap}
.rx-map-marker>em{position:absolute;top:31px;display:none;border-radius:5px;background:rgba(255,255,255,.94);padding:4px 7px;color:#334155;font-size:11px;font-style:normal;white-space:nowrap}
.rx-map-marker:hover>em,.rx-map-marker:focus>em{display:block}
.rx-map-region-marker{position:absolute;left:50%;top:50%;z-index:2;display:grid;max-width:80%;justify-items:center;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.8);border-radius:10px;background:rgba(15,23,42,.82);padding:11px 14px;color:#fff;text-align:center;box-shadow:0 8px 28px rgba(0,0,0,.24);backdrop-filter:blur(3px)}
.rx-map-region-marker>i{width:28px;height:28px;margin-bottom:7px;border:6px solid rgba(251,191,36,.3);border-radius:50%;background:#f59e0b;box-shadow:0 0 0 12px rgba(245,158,11,.14)}
.rx-map-region-marker>b{font-size:13px;line-height:1.45}.rx-map-region-marker>em{margin-top:3px;color:#dbe4f1;font-size:10px;font-style:normal}
.rx-map-visual-card>footer{display:flex;align-items:center;gap:8px;padding:10px 13px;background:#fff;color:#475569;font-size:11px}.rx-map-visual-card>footer span{display:flex;align-items:center;gap:5px;font-weight:700}.rx-map-visual-card>footer i{display:inline-block;width:8px;height:8px;border-radius:50%}.rx-map-visual-card>footer i.is-point{background:#ef4444}.rx-map-visual-card>footer i.is-area{background:#f59e0b}.rx-map-visual-card>footer small{margin-left:auto;color:#94a3b8;font-size:10px}
.rx-map-image-missing{display:flex;min-height:220px;align-items:center;justify-content:center;color:#94a3b8;font-size:13px}
.monster-tech-panel{grid-column:1/-1;padding:0;overflow:hidden}
.monster-tech-panel summary{display:flex;cursor:pointer;list-style:none;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;color:#475569;font-size:14px;font-weight:700}
.monster-tech-panel summary::-webkit-details-marker{display:none}
.monster-tech-panel summary:after{content:"展开";color:#2563eb;font-size:12px;font-weight:600}
.monster-tech-panel[open] summary{border-bottom:1px solid #edf0f4}
.monster-tech-panel[open] summary:after{content:"收起"}
.monster-tech-panel summary small{margin-left:auto;color:#94a3b8;font-size:12px;font-weight:400}
.monster-tech-content{padding:16px}
.npc-full-span{grid-column:1/-1}
.npc-detail-flow{display:grid;gap:14px}
.npc-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.npc-section-head span{color:#b56d00;font-size:10px;font-weight:800;letter-spacing:.16em}
.npc-section-head h2{margin:3px 0 0;font-size:19px}.npc-section-head em{color:#94a3b8;font-size:12px;font-style:normal}
.npc-dialogue-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.npc-dialogue-list article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:13px;border:1px solid #e8edf4;border-radius:10px;background:#f8fafc}
.npc-dialogue-list article>span{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:7px;background:#e8f0ff;color:#2563eb;font-size:11px;font-weight:700}
.npc-dialogue-list p{margin:2px 0 0;color:#475569;font-size:13px;line-height:1.75}
.npc-story-list article>span{width:auto;padding:0 8px;white-space:nowrap}.npc-story-list article{grid-template-columns:auto minmax(0,1fr)}
.npc-data-note{margin:12px 0 0;color:#94a3b8;font-size:12px;line-height:1.65}
.npc-service-card{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #e8edf4;border-radius:10px;background:#f8fafc}
.npc-service-card>i{display:flex;width:46px;height:46px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:10px;background:#e8f0ff;color:#2563eb;font-size:25px}
.npc-service-card strong{color:#172033;font-size:15px}.npc-service-card p{margin:5px 0 0;color:#64748b;font-size:13px}
html.dark .monster-source-note{background:#31250d;color:#f7cc73}
html.dark .monster-server-head h2{color:#f2f2f2}html.dark .monster-server-head>b{background:#392710;color:#f5bd63}html.dark .monster-server-note{background:#2c2415;color:#e8c986}
html.dark .qigong-server-panel>header h2{color:#f2f2f2}html.dark .qigong-server-panel>header>b{background:#30263f;color:#cbb5ed}html.dark .qigong-formula-card{border-color:#3d3549;background:#201d25}html.dark .qigong-formula-card.is-ascension{border-color:#463b2b;background:#242018}html.dark .qigong-formula-title h3,html.dark .qigong-coefficient-grid strong,html.dark .qigong-ascension-layout>div strong,html.dark .qigong-ascension-layout strong{color:#f0edf4}html.dark .qigong-coefficient-grid>div,html.dark .qigong-ascension-layout>div,html.dark .qigong-ascension-layout>a{border-color:#3e3946;background:#29262e}html.dark .qigong-effect-text{color:#c1b8ca}html.dark .qigong-profession-list a{background:#413522;color:#e7c68e}html.dark .qigong-server-note{background:#282033;color:#c9b7df}
@media(max-width:620px){.qigong-coefficient-grid{grid-template-columns:1fr}.qigong-ascension-layout{grid-template-columns:1fr}.qigong-server-panel>header{align-items:flex-start;flex-direction:column}.qigong-formula-code{grid-template-columns:1fr}}
html.dark .monster-distribution-list a{border-color:#303744;background:#171a20}
html.dark .monster-distribution-list span{color:#b6c0cf}
html.dark .rx-map-visual-card{border-color:#303744;background:#171a20}html.dark .rx-map-visual-card>header,html.dark .rx-map-visual-card>footer{background:#171717}html.dark .rx-map-visual-card>header strong{color:#f2f2f2}
html.dark .monster-tech-panel summary{color:#d6d9df}
html.dark .monster-tech-panel[open] summary{border-color:#2a2a2a}
html.dark .npc-dialogue-list article{border-color:#303744;background:#171a20}
html.dark .npc-dialogue-list p{color:#b6c0cf}
html.dark .npc-service-card{border-color:#303744;background:#171a20}html.dark .npc-service-card strong{color:#f2f2f2}
html.dark .filter-row input,html.dark .filter-row select{border-color:#333;background:#161616;color:#f2f2f2}
html.dark .stat-grid{border-color:#2a2a2a;background:#2a2a2a}
html.dark .pagination a,html.dark .pagination span{border-color:#2a2a2a;background:#171717}
html.dark .pagination .is-current{border-color:#0ea5e9;background:#0284c7}
@media(min-width:1024px){.hero-inner{grid-template-columns:minmax(0,1fr) 380px}}
@media(max-width:1100px){.module-grid,.data-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.hero{padding:38px 0}.hero h1{font-size:34px}.module-grid,.data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-row{grid-template-columns:1fr}.detail-layout{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr}.npc-dialogue-list{grid-template-columns:1fr}}
@media(max-width:520px){.module-grid,.data-grid{grid-template-columns:1fr}.hero-search{margin-top:4px}.module-card p{min-height:0}}
@media(max-width:520px){.rx-map-visual-card>header{align-items:flex-start}.rx-map-visual-card>footer{align-items:flex-start;flex-wrap:wrap}.rx-map-visual-card>footer small{width:100%;margin-left:0}.rx-map-marker>b{max-width:145px;font-size:11px}}

/* Equipment database / client TIP simulator */
.equipment-detail-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}
.equipment-summary-card,.equipment-panel{border:1px solid #e7e9ee;border-radius:14px;background:#fff;box-shadow:0 8px 26px rgba(15,23,42,.045)}
.equipment-summary-card{position:sticky;top:84px;padding:18px}
.equipment-icon-stage{display:flex;aspect-ratio:1/1;align-items:center;justify-content:center;overflow:hidden;border:1px solid #eee7d8;border-radius:12px;background:radial-gradient(circle at 50% 35%,#fff9e9 0,#f7f1e5 48%,#ece7de 100%)}
.equipment-icon-stage img{max-width:88%;max-height:88%;object-fit:contain;image-rendering:auto}
.equipment-eyebrow{display:block;margin-top:17px;color:#a16207;font-size:11px;font-weight:800;letter-spacing:.16em}
.equipment-summary-card h1{margin:5px 0 0;color:#171717;font-size:25px;font-weight:850;line-height:1.3}
.equipment-id{margin-top:7px;color:#94a3b8;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}
.equipment-description{margin:15px 0 0;white-space:pre-line;color:#64748b;font-size:13px;line-height:1.85}
.equipment-source-note{display:grid;gap:5px;margin-top:17px;border-radius:10px;background:#f8fafc;padding:12px;color:#64748b;font-size:12px;line-height:1.7}
.equipment-source-note strong{color:#334155}
.equipment-content{display:grid;gap:15px}
.equipment-panel{padding:18px}
.equipment-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}
.equipment-panel-head span{display:block;color:#b7791f;font-size:10px;font-weight:850;letter-spacing:.16em}
.equipment-panel-head h2{margin:3px 0 0;color:#171717;font-size:19px;font-weight:800}
.equipment-panel-head em{color:#94a3b8;font-size:11px;font-style:normal}
.equipment-panel-actions{display:flex;align-items:center;gap:9px}
.equipment-panel-actions button{height:32px;border:1px solid #f0c36a;border-radius:7px;background:#fff8e5;padding:0 11px;color:#8a5700;font-size:11px;font-weight:750;cursor:pointer}
.equipment-panel-actions button:hover{border-color:#d99b2b;background:#fff1c7}
.equipment-simulator{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(310px,1.2fr);gap:16px}
.equipment-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}
.equipment-controls label{display:grid;gap:6px;color:#64748b;font-size:11px;font-weight:650}
.equipment-controls input,.equipment-controls select{width:100%;height:40px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:0 10px;color:#1e293b;font-size:13px}
.equipment-socket-editor{grid-column:1/-1;display:grid;gap:7px;margin-top:2px;border:1px solid #edf0f4;border-radius:9px;background:#fafbfd;padding:11px}
.equipment-socket-editor>strong{color:#475569;font-size:11px}
.equipment-socket-row{display:grid;grid-template-columns:24px minmax(0,1fr) 82px;gap:7px;align-items:center}
.equipment-socket-row>span{display:flex;width:23px;height:23px;align-items:center;justify-content:center;border-radius:5px;background:#e9eef5;color:#64748b;font-size:10px;font-weight:800}
.equipment-socket-row select,.equipment-socket-row input{height:34px}
.game-tip{min-height:260px;border:1px solid #3f3b31;border-radius:5px;background:linear-gradient(180deg,#171712,#0b0b09);padding:17px 18px;box-shadow:inset 0 0 0 1px rgba(255,214,102,.08),0 16px 30px rgba(15,23,42,.14);font-family:"Microsoft YaHei",sans-serif;font-size:13px;line-height:1.62}
.game-tip-name{color:#43e6e3;font-size:15px;font-weight:700}.game-tip-name b{margin-left:2px;color:#43e6e3}
.game-tip-base{margin-top:7px;color:#f8fafc}.game-tip-base strong{font-weight:500}
.game-tip-rule{color:#ff3737}
.game-tip-options{display:grid;margin-top:9px}
.game-tip-options span{display:block}.game-tip-options .is-blue{color:#727bff}.game-tip-options .is-purple{color:#d351ef}.game-tip-options .is-green{color:#19d86c}.game-tip-options .is-yellow{color:#f4df20}
.equipment-formula-note{margin:13px 0 0;border-left:3px solid #f0b429;background:#fffaf0;padding:9px 11px;color:#7c5c20;font-size:11px;line-height:1.7}
.equipment-screenshot-note{margin:8px 0 0;border:1px solid #dbeafe;border-radius:8px;background:#f5f9ff;padding:9px 11px;color:#475569;font-size:11px;line-height:1.7}.equipment-screenshot-note strong{color:#1d4ed8}
.equipment-system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.equipment-system-grid article{border:1px solid #edf0f4;border-radius:10px;background:#fbfcfe;padding:14px}
.equipment-system-grid h3{margin:0;color:#1e293b;font-size:14px;font-weight:750}
.equipment-system-grid p{min-height:64px;margin:7px 0 11px;color:#64748b;font-size:11px;line-height:1.75}
.system-chips{display:flex;flex-wrap:wrap;gap:5px}.system-chips span{border-radius:5px;background:#eef2f7;padding:4px 7px;color:#475569;font-size:10px}
.equipment-empty-inline{border:1px dashed #d8dee8;border-radius:9px;background:#fafbfd;padding:22px;color:#7b8798;text-align:center;font-size:12px}
.set-block+.set-block{margin-top:16px;padding-top:16px;border-top:1px solid #edf0f4}.set-block h3{margin:0 0 10px;color:#7c2d12;font-size:16px}
.set-members{display:flex;flex-wrap:wrap;gap:6px}.set-members a{border:1px solid #e5e7eb;border-radius:6px;background:#fff;padding:5px 8px;color:#475569;font-size:11px}.set-members a.is-current{border-color:#f59e0b;background:#fff7df;color:#92400e;font-weight:750}
.set-effects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:11px}.set-effects div{display:flex;justify-content:space-between;gap:10px;border-radius:7px;background:#f8fafc;padding:8px 10px;font-size:11px}.set-effects b{color:#b45309}.set-effects span{color:#334155}
html.dark .equipment-summary-card,html.dark .equipment-panel{border-color:#303034;background:#171717;box-shadow:none}
html.dark .equipment-summary-card h1,html.dark .equipment-panel-head h2,html.dark .equipment-system-grid h3{color:#f5f5f5}
html.dark .equipment-icon-stage{border-color:#38342b;background:radial-gradient(circle at 50% 35%,#2b261d,#171717 58%,#101010)}
html.dark .equipment-source-note,html.dark .equipment-system-grid article,html.dark .set-effects div,html.dark .equipment-empty-inline{border-color:#303034;background:#1d1d1f}
html.dark .equipment-controls input,html.dark .equipment-controls select{border-color:#36363a;background:#202024;color:#eee}
html.dark .equipment-panel-actions button{border-color:#665020;background:#2a2418;color:#f0cf7a}
html.dark .equipment-socket-editor{border-color:#303034;background:#1d1d1f}
html.dark .equipment-socket-row>span{background:#2b2b30;color:#cbd5e1}
html.dark .equipment-formula-note{background:#2a2418;color:#e3c883}
html.dark .equipment-screenshot-note{border-color:#283d5e;background:#182131;color:#b8c7db}.dark .equipment-screenshot-note strong{color:#7db3ff}
html.dark .system-chips span{background:#29292d;color:#cbd5e1}
html.dark .set-members a{border-color:#343438;background:#202024;color:#cbd5e1}
@media(max-width:980px){.equipment-detail-layout{grid-template-columns:1fr}.equipment-summary-card{position:static}.equipment-summary-card{display:grid;grid-template-columns:180px minmax(0,1fr);column-gap:18px}.equipment-icon-stage{grid-row:1/6}.equipment-system-grid{grid-template-columns:1fr}.equipment-system-grid p{min-height:0}}
@media(max-width:720px){.equipment-simulator{grid-template-columns:1fr}.equipment-controls{grid-template-columns:1fr 1fr}.set-effects{grid-template-columns:1fr}.equipment-panel-head{display:block}.equipment-panel-actions{justify-content:space-between;margin-top:7px}.equipment-panel-head em{display:block}}
@media(max-width:520px){.equipment-summary-card{display:block}.equipment-controls{grid-template-columns:1fr}.equipment-icon-stage{max-height:260px}.equipment-panel{padding:14px}}
.rx-model-detail-span{grid-column:1/-1}
.rx-model-panel{overflow:hidden}
.rx-model-panel-head{align-items:end}
.rx-model-variant{display:grid;min-width:min(330px,48%);gap:5px;color:#64748b;font-size:11px;font-weight:650}
.rx-model-variant>span{color:#94a3b8;font-size:10px;letter-spacing:.08em}
.rx-model-variant select{height:38px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:0 10px;color:#334155}
.rx-model-stage{position:relative;width:100%;height:520px;overflow:hidden;border:1px solid #e7e9ee;border-radius:12px;background:radial-gradient(circle at 50% 38%,#fdfcf8 0,#eef2f6 68%,#e3e8ee 100%)}
.rx-model-stage canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}
.rx-model-stage canvas:active{cursor:grabbing}
.rx-model-toolbar{position:absolute;top:12px;right:12px;display:flex;gap:6px}
.rx-model-toolbar button{height:31px;border:1px solid rgba(255,255,255,.72);border-radius:7px;background:rgba(30,41,59,.74);backdrop-filter:blur(8px);padding:0 10px;color:#fff;font-size:11px;cursor:pointer}
.rx-model-toolbar button:hover,.rx-model-toolbar button.is-active{background:#b7791f}
.rx-model-status{position:absolute;left:12px;bottom:12px;border-radius:6px;background:rgba(15,23,42,.68);padding:6px 9px;color:#e2e8f0;font-size:10px;pointer-events:none}
.rx-model-status.is-error{background:rgba(153,27,27,.82);color:#fff}
.rx-model-note{margin:10px 0 0;color:#94a3b8;font-size:11px;line-height:1.65}
.rx-model-stage:fullscreen{height:100vh;border:0;border-radius:0}
html.dark .rx-model-variant select{border-color:#36363a;background:#202024;color:#eee}
html.dark .rx-model-stage{border-color:#303034;background:radial-gradient(circle at 50% 38%,#2b2b2d 0,#171719 68%,#0f0f10 100%)}
@media(max-width:720px){.rx-model-panel-head{display:grid}.rx-model-variant{min-width:0;width:100%;max-width:none}.rx-model-stage{height:420px}}
@media(max-width:520px){.rx-model-stage{height:360px}.rx-model-toolbar{top:8px;right:8px}.rx-model-status{left:8px;bottom:8px}}

/* DVGnew shared header and footer color language */
#header-box.nav-surface{
    background:rgba(255,255,255,.86)!important;
    border-bottom:1px solid rgba(245,158,11,.14)!important;
    box-shadow:0 8px 26px rgba(148,106,20,.06)!important;
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px)
}
#header-box .nav-brand,
#header-box .nav-brand a,
#header-box .nav-link,
#header-box .icon-btn,
#header-box .search-box{color:#202124!important}
#header-box .nav-link:hover,
#header-box [data-dropdown-trigger].is-open,
#header-box .icon-btn:hover,
#header-box .search-box:hover{
    background:#fff3cf!important;
    color:#151515!important
}
#header-box .nav-link.nav-link-active{
    position:relative;
    background:#fff3cf!important;
    color:#151515!important
}
#header-box .nav-link.nav-link-active:after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-11px;
    width:28px;
    height:2px;
    border-radius:999px;
    background:#151515;
    transform:translateX(-50%)
}
#header-box .nav-link:hover>span,
#header-box [data-dropdown-trigger].is-open>span,
#header-box .nav-link.nav-link-active>span{color:#151515!important}
#header-box .nav-drop,
#header-box .control-menu,
#header-box .cascade-subpanel{
    border-color:rgba(245,158,11,.14)!important;
    box-shadow:0 18px 38px rgba(91,64,20,.12)!important
}
#header-box .nav-brand>a>span:first-child{
    border-color:#f2c94c!important;
    background:#fff7dc!important;
    color:#8a6500!important;
    box-shadow:inset 0 0 0 1px rgba(255,215,0,.08)
}
.booklet-footer{
    margin-top:36px!important;
    padding:24px 16px 30px!important;
    border-top:1px solid #e8edf3!important;
    background:#f8fafc!important;
    color:#334155!important;
    text-align:center;
    font-size:13px;
    line-height:1.9
}
.booklet-footer .booklet-footer-simple{padding:0!important}
.booklet-footer p{margin:0!important;color:#334155!important;font-size:13px!important;line-height:1.9!important}
.booklet-footer a{color:#2563eb!important;font-weight:700;text-decoration:none}
.booklet-footer a:hover{text-decoration:underline}
html.dark #header-box.nav-surface,
html.tw-dark #header-box.nav-surface{
    background:rgba(18,19,22,.88)!important;
    border-bottom-color:rgba(255,198,82,.13)!important;
    box-shadow:0 8px 26px rgba(0,0,0,.28)!important
}
html.dark #header-box :is(.nav-brand,.nav-brand a,.nav-link,.icon-btn,.search-box),
html.tw-dark #header-box :is(.nav-brand,.nav-brand a,.nav-link,.icon-btn,.search-box){color:#d9d3c9!important}
html.dark #header-box .nav-link:hover,
html.dark #header-box .nav-link.nav-link-active,
html.dark #header-box [data-dropdown-trigger].is-open,
html.dark #header-box .icon-btn:hover,
html.dark #header-box .search-box:hover,
html.tw-dark #header-box .nav-link:hover,
html.tw-dark #header-box .nav-link.nav-link-active,
html.tw-dark #header-box [data-dropdown-trigger].is-open,
html.tw-dark #header-box .icon-btn:hover,
html.tw-dark #header-box .search-box:hover{
    background:rgba(248,181,37,.16)!important;
    color:#ffc75b!important
}
html.dark #header-box .nav-link:hover>span,
html.dark #header-box [data-dropdown-trigger].is-open>span,
html.dark #header-box .nav-link.nav-link-active>span,
html.tw-dark #header-box .nav-link:hover>span,
html.tw-dark #header-box [data-dropdown-trigger].is-open>span,
html.tw-dark #header-box .nav-link.nav-link-active>span{color:#ffc75b!important}
html.dark #header-box .nav-link.nav-link-active:after,
html.tw-dark #header-box .nav-link.nav-link-active:after{background:#ffc75b}
html.dark #header-box .nav-drop,
html.dark #header-box .control-menu,
html.dark #header-box .cascade-subpanel,
html.tw-dark #header-box .nav-drop,
html.tw-dark #header-box .control-menu,
html.tw-dark #header-box .cascade-subpanel{
    border-color:rgba(255,198,82,.13)!important;
    background:#191a1f!important;
    box-shadow:0 18px 38px rgba(0,0,0,.38)!important
}
html.dark #header-box .nav-brand>a>span:first-child,
html.tw-dark #header-box .nav-brand>a>span:first-child{
    border-color:rgba(255,198,82,.32)!important;
    background:rgba(248,181,37,.12)!important;
    color:#ffc75b!important
}
html.dark .booklet-footer,
html.tw-dark .booklet-footer{
    border-top-color:#2b2c31!important;
    background:#15161a!important;
    color:#a9a5a0!important
}
html.dark .booklet-footer p,
html.tw-dark .booklet-footer p{color:#a9a5a0!important}
html.dark .booklet-footer a,
html.tw-dark .booklet-footer a{color:#7dd3fc!important}

/* Homepage hero */
.hero{
    min-height:374px;
    display:flex;
    align-items:center;
    padding:48px 0;
    isolation:isolate;
    background:
        linear-gradient(112deg,rgba(10,10,12,.98) 0%,rgba(27,18,18,.98) 48%,rgba(105,55,13,.94) 100%),
        #171719
}
.hero:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    opacity:.18;
    background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
    background-size:36px 36px;
    mask-image:linear-gradient(90deg,transparent,black 34%,black 72%,transparent)
}
.hero:after{
    z-index:-1;
    background:
        linear-gradient(90deg,rgba(255,255,255,.04),transparent 1px) 0 0/180px 100%,
        radial-gradient(circle at 75% 45%,rgba(255,179,54,.22),transparent 34%)
}
.hero-orb{position:absolute;border-radius:999px;filter:blur(1px);pointer-events:none}
.hero-orb-one{right:8%;top:-180px;width:460px;height:460px;border:1px solid rgba(255,203,96,.14);box-shadow:inset 0 0 100px rgba(255,168,41,.06)}
.hero-orb-two{right:20%;bottom:-250px;width:390px;height:390px;border:1px solid rgba(255,255,255,.07)}
.hero-inner{grid-template-columns:minmax(0,1fr) minmax(390px,470px);gap:72px}
.hero-copy{min-width:0}
.hero-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:#ffd35c;font-size:12px;font-weight:800;letter-spacing:.22em}
.hero-eyebrow>i{width:7px;height:7px;border-radius:999px;background:#fbbf24;box-shadow:0 0 0 5px rgba(251,191,36,.12)}
.hero-eyebrow>em{border-left:1px solid rgba(255,255,255,.18);padding-left:10px;color:#a8a29e;font-size:11px;font-style:normal;font-weight:500;letter-spacing:.04em}
.hero h1{margin-top:16px;font-size:52px;letter-spacing:-.055em;text-shadow:0 8px 28px rgba(0,0,0,.24)}
.hero h1 span{margin-left:8px;color:#ffd05a}
.hero p{max-width:690px;margin-top:15px;color:#d6d0c8;font-size:15px;line-height:1.9}
.hero-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:24px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.1)}
.hero-metrics>div{padding:12px 14px;background:rgba(14,14,16,.44);backdrop-filter:blur(7px)}
.hero-metrics strong{display:block;color:#fff;font-size:19px;font-weight:750;font-variant-numeric:tabular-nums}
.hero-metrics span{display:block;margin-top:2px;color:#9f9a94;font-size:10px}
.hero-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.hero-shortcuts a{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:rgba(255,255,255,.055);padding:7px 10px;color:#d9d4cc;font-size:11px;transition:.18s ease}
.hero-shortcuts a:hover{border-color:rgba(255,201,83,.42);background:rgba(255,193,60,.12);color:#ffd466}
.hero-console{position:relative;overflow:hidden;border:1px solid rgba(255,215,128,.24);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055));padding:20px;box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.13);backdrop-filter:blur(16px)}
.hero-console-seal{position:absolute;right:-10px;top:-31px;color:rgba(255,220,148,.07);font-family:serif;font-size:150px;font-weight:900;line-height:1;transform:rotate(-8deg);pointer-events:none}
.hero-console-head{position:relative;display:flex;align-items:center;gap:11px}
.hero-console-icon{display:flex;width:42px;height:42px;flex:0 0 42px;align-items:center;justify-content:center;border:1px solid rgba(255,207,104,.22);border-radius:9px;background:rgba(255,194,54,.12);color:#ffd263;font-size:22px}
.hero-console-head strong{display:block;color:#fff;font-size:15px}
.hero-console-head small{display:block;margin-top:3px;color:#aaa39b;font-size:10px}
.hero-console-head>em{display:inline-flex;align-items:center;gap:5px;margin-left:auto;border:1px solid rgba(52,211,153,.18);border-radius:999px;background:rgba(16,185,129,.09);padding:4px 8px;color:#86efac;font-size:9px;font-style:normal}
.hero-console-head>em i{width:5px;height:5px;border-radius:999px;background:#4ade80;box-shadow:0 0 8px #4ade80}
.hero-console .hero-search{position:relative;margin-top:18px;padding:6px;border-color:rgba(255,255,255,.1);border-radius:9px;box-shadow:0 16px 40px rgba(0,0,0,.18)}
.hero-console .hero-search>i{align-self:center;margin-left:7px;color:#94a3b8;font-size:18px}
.hero-console .hero-search button{height:38px;white-space:nowrap;border-radius:6px;background:linear-gradient(135deg,#e7a91d,#ca7417);padding:0 16px;color:#fff;box-shadow:0 7px 18px rgba(187,105,14,.22)}
.hero-console .hero-search button:hover{filter:brightness(1.06)}
.hero-hot{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px}
.hero-hot span{color:#8f8982;font-size:10px}
.hero-hot a{border-radius:4px;background:rgba(255,255,255,.065);padding:4px 7px;color:#cfc8bf;font-size:10px}
.hero-hot a:hover{background:rgba(255,196,63,.12);color:#ffd05a}
.hero-console-foot{display:flex;justify-content:space-between;gap:12px;margin-top:18px;border-top:1px solid rgba(255,255,255,.08);padding-top:13px;color:#98918a;font-size:10px}
.hero-console-foot span{display:inline-flex;align-items:center;gap:5px}
.hero-console-foot i{color:#d8a43b;font-size:14px}
@media(max-width:1180px){.hero-inner{grid-template-columns:minmax(0,1fr) minmax(350px,410px);gap:36px}.hero h1{font-size:44px}.hero-metrics>div{padding:11px 10px}}
@media(max-width:920px){.hero{padding:40px 0}.hero-inner{grid-template-columns:1fr}.hero-console{max-width:620px}.hero-metrics{max-width:680px}}
@media(max-width:600px){.hero{min-height:0}.hero h1{font-size:36px}.hero h1 span{display:block;margin-left:0}.hero-eyebrow>em{display:none}.hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-console{padding:15px}.hero-console-head>em{display:none}.hero-console .hero-search{display:grid;grid-template-columns:24px minmax(0,1fr)}.hero-console .hero-search button{grid-column:1/-1;width:100%;margin-top:3px}.hero-console-foot{flex-direction:column;gap:6px}}

/* Light theme keeps the hero bright; the dark martial-arts atmosphere is dark-mode only. */
html:not(.dark):not(.tw-dark) .hero{
    border-bottom-color:#eadfca;
    background:
        radial-gradient(circle at 78% 18%,rgba(251,191,36,.25),transparent 28%),
        linear-gradient(118deg,#fffdf8 0%,#fff8e9 52%,#f5d79c 100%);
    color:#27221b
}
html:not(.dark):not(.tw-dark) .hero:before{
    opacity:.46;
    background-image:linear-gradient(rgba(153,104,30,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(153,104,30,.07) 1px,transparent 1px)
}
html:not(.dark):not(.tw-dark) .hero:after{
    background:
        linear-gradient(90deg,rgba(255,255,255,.32),transparent 1px) 0 0/180px 100%,
        radial-gradient(circle at 72% 48%,rgba(221,147,35,.14),transparent 36%)
}
html:not(.dark):not(.tw-dark) .hero-orb-one{
    border-color:rgba(177,116,23,.16);
    box-shadow:inset 0 0 100px rgba(236,170,56,.09)
}
html:not(.dark):not(.tw-dark) .hero-orb-two{border-color:rgba(122,86,35,.09)}
html:not(.dark):not(.tw-dark) .hero-eyebrow{color:#a76508}
html:not(.dark):not(.tw-dark) .hero-eyebrow>i{background:#d79518;box-shadow:0 0 0 5px rgba(215,149,24,.12)}
html:not(.dark):not(.tw-dark) .hero-eyebrow>em{border-left-color:rgba(71,54,31,.15);color:#857767}
html:not(.dark):not(.tw-dark) .hero h1{color:#25211c;text-shadow:0 8px 28px rgba(114,72,12,.08)}
html:not(.dark):not(.tw-dark) .hero h1 span{color:#b66d08}
html:not(.dark):not(.tw-dark) .hero p{color:#675d50}
html:not(.dark):not(.tw-dark) .hero-metrics{
    border-color:rgba(139,98,37,.13);
    background:rgba(139,98,37,.09);
    box-shadow:0 12px 30px rgba(126,87,28,.06)
}
html:not(.dark):not(.tw-dark) .hero-metrics>div{background:rgba(255,255,255,.66)}
html:not(.dark):not(.tw-dark) .hero-metrics strong{color:#2f2922}
html:not(.dark):not(.tw-dark) .hero-metrics span{color:#857767}
html:not(.dark):not(.tw-dark) .hero-shortcuts a{
    border-color:rgba(139,98,37,.14);
    background:rgba(255,255,255,.55);
    color:#675d50
}
html:not(.dark):not(.tw-dark) .hero-shortcuts a:hover{
    border-color:rgba(190,122,18,.34);
    background:#fff4d6;
    color:#9d5c06
}
html:not(.dark):not(.tw-dark) .hero-console{
    border-color:rgba(150,104,34,.18);
    background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,250,239,.72));
    box-shadow:0 24px 60px rgba(126,87,28,.12),inset 0 1px 0 #fff
}
html:not(.dark):not(.tw-dark) .hero-console-seal{color:rgba(177,109,11,.055)}
html:not(.dark):not(.tw-dark) .hero-console-icon{
    border-color:rgba(182,109,8,.16);
    background:#fff4d8;
    color:#b66d08
}
html:not(.dark):not(.tw-dark) .hero-console-head strong{color:#2d2822}
html:not(.dark):not(.tw-dark) .hero-console-head small{color:#857b70}
html:not(.dark):not(.tw-dark) .hero-console-head>em{
    border-color:#c9ead5;
    background:#f0fbf4;
    color:#23834c
}
html:not(.dark):not(.tw-dark) .hero-console .hero-search{
    border-color:#e6dccb;
    box-shadow:0 14px 30px rgba(106,75,28,.1)
}
html:not(.dark):not(.tw-dark) .hero-hot span{color:#948777}
html:not(.dark):not(.tw-dark) .hero-hot a{background:#f5eee3;color:#6d6255}
html:not(.dark):not(.tw-dark) .hero-hot a:hover{background:#fff0c7;color:#9d5c06}
html:not(.dark):not(.tw-dark) .hero-console-foot{
    border-top-color:#eadfce;
    color:#817565
}
html:not(.dark):not(.tw-dark) .hero-console-foot i{color:#b87512}

/* Profession skill atlas */
.skill-atlas{--skill-ink:#20242d;--skill-muted:#718096;--skill-line:#e4e9f0;--skill-card:#fff;--skill-soft:#f5f7fa;--skill-accent:#b87312;--skill-blue:#2563eb}
.skill-atlas-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);align-items:end;gap:44px;overflow:hidden;border:1px solid #eadfcf;border-radius:15px;background:radial-gradient(circle at 84% 0,rgba(242,185,74,.2),transparent 31%),linear-gradient(120deg,#fffdf8,#fff7e7);padding:30px 34px;box-shadow:0 18px 46px rgba(111,78,30,.08)}
.skill-atlas-hero span,.skill-detail-copy>span,.skill-level-panel>header span{color:#b36c09;font-size:10px;font-weight:800;letter-spacing:.16em}
.skill-atlas-hero h1{margin:7px 0 8px;color:#24211e;font-size:31px;letter-spacing:-.035em}
.skill-atlas-hero p{max-width:730px;margin:0;color:#756a5e;font-size:13px;line-height:1.8}
.skill-atlas-search{display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid #e3d7c7;border-radius:9px;background:#fff;padding:5px;box-shadow:0 10px 24px rgba(92,65,27,.08)}
.skill-atlas-search input{min-width:0;border:0;outline:0;padding:0 12px;color:#273142;font-size:12px}
.skill-atlas-search button{height:38px;border:0;border-radius:6px;background:linear-gradient(135deg,#d18b20,#a95c0c);padding:0 16px;color:#fff;font-size:11px;font-weight:700;cursor:pointer}
.skill-class-tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-top:16px}
.skill-class-tabs>a{display:flex;min-width:0;align-items:center;gap:9px;border:1px solid var(--skill-line);border-radius:9px;background:var(--skill-card);padding:10px;text-decoration:none;transition:.18s ease}
.skill-class-tabs>a:hover{border-color:#d8b16e;transform:translateY(-1px)}
.skill-class-tabs>a.is-active{border-color:#d99b3c;background:#fff8e8;box-shadow:inset 0 0 0 1px rgba(207,137,28,.08)}
.skill-class-tabs i{display:flex;width:30px;height:30px;flex:0 0 30px;align-items:center;justify-content:center;border-radius:7px;background:#f1f4f8;color:#5e6a79;font-size:12px;font-style:normal;font-weight:800}
.skill-class-tabs .is-active i{background:#dda33c;color:#fff}
.skill-class-tabs span{min-width:0}.skill-class-tabs strong,.skill-class-tabs small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-class-tabs strong{color:var(--skill-ink);font-size:12px}.skill-class-tabs small{margin-top:2px;color:var(--skill-muted);font-size:9px}
.skill-path-panel{margin-top:14px;border:1px solid var(--skill-line);border-radius:12px;background:var(--skill-card);padding:18px 20px}
.skill-path-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.skill-path-title span{color:#b26a08;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.skill-path-title h2{margin:3px 0 0;color:var(--skill-ink);font-size:18px}.skill-path-title>b{border-radius:999px;background:#f4f6f9;padding:6px 10px;color:#68758a;font-size:10px;font-weight:600}
.skill-filter-row,.skill-stage-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;border-top:1px solid #edf0f4;padding-top:13px}.skill-stage-row{margin-top:9px;border-top:0;padding-top:0}
.skill-filter-row a,.skill-stage-row a{display:inline-flex;align-items:center;gap:6px;border:1px solid #e2e7ed;border-radius:6px;background:#fafbfc;padding:7px 10px;color:#657184;font-size:11px;text-decoration:none}.skill-filter-row a:hover,.skill-stage-row a:hover{border-color:#c9d4e2;color:#1f2937}.skill-filter-row a.is-active,.skill-stage-row a.is-active{border-color:#3371e7;background:#edf4ff;color:#1e5fd3}.skill-filter-row em,.skill-stage-row em{color:#9aa4b3;font-size:9px;font-style:normal}
.profession-route{display:flex;overflow-x:auto;align-items:stretch;gap:1px;margin-top:13px;border:1px solid #e7ebf0;border-radius:7px;background:#e7ebf0}.profession-route>span{display:flex;align-items:center;background:#f6f8fa;padding:8px 12px;color:#8a95a5;font-size:9px;white-space:nowrap}.profession-route b{display:block;min-width:102px;background:#fff;padding:8px 11px;color:#394457;font-size:10px;white-space:nowrap}.profession-route small{display:block;margin-bottom:2px;color:#9a6b29;font-size:8px;font-weight:500}
.skill-family-list{display:grid;gap:12px;margin-top:14px}.skill-family-card{overflow:hidden;border:1px solid var(--skill-line);border-radius:12px;background:var(--skill-card);box-shadow:0 8px 24px rgba(30,41,59,.035)}
.skill-family-card>header{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e9edf2;background:linear-gradient(90deg,#fafbfc,#fff);padding:14px 17px}.skill-family-icon{display:flex;width:42px;height:42px;flex:0 0 42px;align-items:center;justify-content:center;border:1px solid #e1e7ee;border-radius:8px;background:#f2f5f8}.skill-family-icon img{max-width:34px;max-height:34px;image-rendering:auto}.skill-family-card>header>div:nth-child(2){min-width:0}.skill-family-card>header span{color:#a16a1a;font-size:9px}.skill-family-card>header h2{margin:2px 0;color:var(--skill-ink);font-size:16px}.skill-family-card>header p{margin:0;color:#929dac;font-size:9px}.skill-family-card>header aside{margin-left:auto;text-align:center}.skill-family-card>header aside b{display:block;color:#283449;font-size:17px}.skill-family-card>header aside span{color:#909aaa;font-size:8px}
.skill-ability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.skill-ability-card{display:flex;min-width:0;gap:12px;border-right:1px solid #edf0f4;border-bottom:1px solid #edf0f4;padding:15px 16px;color:inherit;text-decoration:none;transition:.16s ease}.skill-ability-card:nth-child(3n){border-right:0}.skill-ability-card:hover{background:#fffaf0}.skill-ability-icon{position:relative;display:flex;width:48px;height:48px;flex:0 0 48px;align-items:center;justify-content:center;border:1px solid #dfe5ec;border-radius:9px;background:#f4f6f9}.skill-ability-icon img{max-width:40px;max-height:40px}.skill-ability-icon em{position:absolute;right:-7px;bottom:-5px;border:2px solid #fff;border-radius:999px;background:#d48518;padding:2px 5px;color:#fff;font-size:7px;font-style:normal;white-space:nowrap}.skill-ability-body{display:block;min-width:0}.skill-ability-body>strong{display:block;overflow:hidden;color:#252d3a;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.skill-ability-body>small{display:block;margin-top:2px;color:#9aa3b0;font-size:8px}.skill-ability-body>p{display:-webkit-box;overflow:hidden;min-height:30px;margin:7px 0 8px;color:#768195;font-size:10px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.skill-ability-stats{display:flex!important;flex-wrap:wrap;gap:5px}.skill-ability-stats b{border-radius:4px;background:#f1f4f7;padding:3px 5px;color:#5f6d80;font-size:8px;font-weight:600}.skill-source-note{margin:15px 2px 0;color:#8a95a5;font-size:10px;line-height:1.7}

/* Skill detail */
.skill-detail-page{--skill-line:#e3e8ef;--skill-card:#fff;--skill-muted:#788497}.skill-detail-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;overflow:hidden;border:1px solid #eadcc7;border-radius:14px;background:radial-gradient(circle at 90% 0,rgba(230,171,65,.22),transparent 30%),linear-gradient(120deg,#fffdf8,#fff7e9);padding:25px 28px}.skill-detail-icon{display:flex;width:84px;height:84px;align-items:center;justify-content:center;border:1px solid #e2d5c1;border-radius:14px;background:rgba(255,255,255,.75);box-shadow:0 10px 25px rgba(123,80,18,.09)}.skill-detail-icon img{max-width:68px;max-height:68px}.skill-detail-copy{min-width:0}.skill-detail-copy h1{margin:5px 0 7px;color:#24211d;font-size:29px}.skill-detail-copy>p{margin:0;color:#776c5e;font-size:12px;line-height:1.75}.skill-detail-copy>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.skill-detail-copy>div b{border:1px solid #e7dcca;border-radius:5px;background:rgba(255,255,255,.65);padding:4px 7px;color:#756858;font-size:9px}.skill-detail-copy>div b.is-accent{border-color:#e0b668;background:#fff2d2;color:#a45f04}.skill-detail-hero>aside{display:flex;gap:1px;overflow:hidden;border:1px solid rgba(163,111,36,.14);border-radius:8px;background:rgba(163,111,36,.12)}.skill-detail-hero>aside span{min-width:95px;background:rgba(255,255,255,.72);padding:11px 13px;color:#8c7d69;font-size:9px}.skill-detail-hero>aside strong{display:block;margin-top:2px;color:#302a23;font-size:18px}
.skill-overview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.skill-overview-grid article{border:1px solid var(--skill-line);border-radius:9px;background:var(--skill-card);padding:14px}.skill-overview-grid span,.skill-overview-grid small{display:block;color:#929cab;font-size:9px}.skill-overview-grid strong{display:block;margin:4px 0 3px;color:#283245;font-size:18px}.skill-overview-grid small{line-height:1.5}
.skill-server-panel{margin-top:12px;border:1px solid #ead9bd;border-radius:12px;background:linear-gradient(135deg,#fffdf8,#fff9ed);padding:18px}.skill-server-panel>header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:13px}.skill-server-panel>header span{color:#b36c09;font-size:10px;font-weight:800;letter-spacing:.16em}.skill-server-panel>header h2{margin:3px 0 0;color:#252e3d;font-size:18px}.skill-server-panel>header>b{max-width:45%;overflow:hidden;border-radius:999px;background:#f4e7cf;padding:6px 10px;color:#8d5a13;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.skill-server-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.skill-server-grid article{min-width:0;border:1px solid #eadfce;border-radius:8px;background:rgba(255,255,255,.82);padding:12px}.skill-server-grid span,.skill-server-grid small{display:block;color:#92909a;font-size:10px}.skill-server-grid strong{display:block;overflow:hidden;margin:4px 0 3px;color:#2e3038;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.skill-server-growth{margin-top:10px;border:1px solid #eadfce;border-radius:8px;background:rgba(255,255,255,.7);padding:12px}.skill-server-growth h3{margin:0 0 9px;color:#76521d;font-size:13px}.skill-server-growth dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:0;overflow:hidden;border:1px solid #eee3d2;border-radius:6px;background:#eee3d2}.skill-server-growth dl div{background:#fff;padding:9px}.skill-server-growth dt{color:#9a8d7a;font-size:9px}.skill-server-growth dd{margin:3px 0 0;color:#2f3745;font-size:12px;font-weight:700}.skill-server-growth p,.skill-server-description{margin:10px 0 0;white-space:normal;color:#6f6455;font-size:11px;line-height:1.7}.skill-server-description{border-left:3px solid #d59a3f;background:#fff7e5;padding:10px 12px}.skill-server-tech{margin-top:10px;border-top:1px dashed #ddceb6;padding-top:9px}.skill-server-tech summary{cursor:pointer;color:#8b6a3b;font-size:10px;font-weight:700}.skill-server-tech>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.skill-server-tech span{border-radius:5px;background:#f4ead9;padding:6px 8px;color:#806f57;font-size:9px}.skill-server-tech b{color:#4e4335}.skill-server-note{margin:10px 0 0;color:#8a7a64;font-size:10px;line-height:1.65}
.skill-level-panel,.skill-sibling-panel{margin-top:12px;border:1px solid var(--skill-line);border-radius:12px;background:var(--skill-card);padding:18px}.skill-level-panel>header,.skill-sibling-panel>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:13px}.skill-level-panel h2,.skill-sibling-panel h2{margin:3px 0 0;color:#252e3d;font-size:18px}.skill-level-panel>header p{max-width:520px;margin:0;color:#8893a3;font-size:9px;text-align:right;line-height:1.6}.skill-level-table-wrap{overflow-x:auto;border:1px solid #e5e9ef;border-radius:8px}.skill-level-table{width:100%;border-collapse:collapse;white-space:nowrap}.skill-level-table th{background:#f5f7fa;padding:9px 11px;color:#788396;font-size:9px;font-weight:600;text-align:left}.skill-level-table td{border-top:1px solid #edf0f4;padding:10px 11px;color:#536074;font-size:10px}.skill-level-table tbody tr:hover{background:#fffaf1}.skill-level-table td b,.skill-level-table td small{display:block}.skill-level-table td b,.skill-level-table td strong{color:#283448}.skill-level-table td small{margin-top:2px;color:#9ba4b1;font-size:8px}.skill-level-table .is-growth{color:#14945f;font-weight:700}
.skill-sibling-panel>header{align-items:center}.skill-sibling-panel>header a{color:#2563eb;font-size:10px}.skill-sibling-panel>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.skill-sibling-panel>div>a{display:flex;min-width:0;align-items:center;gap:8px;border:1px solid #e4e8ee;border-radius:7px;background:#fafbfc;padding:8px;color:inherit;text-decoration:none}.skill-sibling-panel>div>a:hover,.skill-sibling-panel>div>a.is-current{border-color:#d5a653;background:#fff8e7}.skill-sibling-panel img{width:32px;height:32px;object-fit:contain}.skill-sibling-panel span{min-width:0}.skill-sibling-panel strong,.skill-sibling-panel small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-sibling-panel strong{color:#313a49;font-size:10px}.skill-sibling-panel small{margin-top:2px;color:#929dab;font-size:8px}
html.dark .skill-atlas,html.tw-dark .skill-atlas,html.dark .skill-detail-page,html.tw-dark .skill-detail-page{--skill-ink:#e6e8ec;--skill-muted:#969da9;--skill-line:#31343b;--skill-card:#1d1f24;--skill-soft:#24272d}
html.dark :is(.skill-atlas-hero,.skill-detail-hero),html.tw-dark :is(.skill-atlas-hero,.skill-detail-hero){border-color:#403725;background:radial-gradient(circle at 86% 0,rgba(206,141,30,.13),transparent 30%),linear-gradient(120deg,#1b1b1d,#211e19)}
html.dark :is(.skill-atlas-hero h1,.skill-detail-copy h1),html.tw-dark :is(.skill-atlas-hero h1,.skill-detail-copy h1){color:#f0eee9}
html.dark :is(.skill-atlas-hero p,.skill-detail-copy>p),html.tw-dark :is(.skill-atlas-hero p,.skill-detail-copy>p){color:#aaa39a}
html.dark :is(.skill-class-tabs>a,.skill-path-panel,.skill-family-card,.skill-overview-grid article,.skill-level-panel,.skill-sibling-panel),html.tw-dark :is(.skill-class-tabs>a,.skill-path-panel,.skill-family-card,.skill-overview-grid article,.skill-level-panel,.skill-sibling-panel){border-color:#31343b;background:#1d1f24}
html.dark .skill-server-panel,html.tw-dark .skill-server-panel{border-color:#493e2d;background:linear-gradient(135deg,#211f1a,#252118)}html.dark .skill-server-panel>header h2,html.tw-dark .skill-server-panel>header h2{color:#e5e7eb}html.dark .skill-server-grid article,html.tw-dark .skill-server-grid article,html.dark .skill-server-growth,html.tw-dark .skill-server-growth{border-color:#403a31;background:#252525}html.dark .skill-server-grid strong,html.tw-dark .skill-server-grid strong,html.dark .skill-server-growth dd,html.tw-dark .skill-server-growth dd{color:#e5e7eb}html.dark .skill-server-growth dl,html.tw-dark .skill-server-growth dl{border-color:#403a31;background:#403a31}html.dark .skill-server-growth dl div,html.tw-dark .skill-server-growth dl div{background:#202124}html.dark .skill-server-description,html.tw-dark .skill-server-description{background:#2d271c;color:#d3c6b3}
html.dark .skill-family-card>header,html.tw-dark .skill-family-card>header{border-color:#31343b;background:linear-gradient(90deg,#23252a,#1d1f24)}
html.dark .skill-ability-card,html.tw-dark .skill-ability-card{border-color:#30333a}.dark .skill-ability-card:hover,.tw-dark .skill-ability-card:hover{background:#28251e}
html.dark :is(.skill-ability-body>strong,.skill-family-card>header h2,.skill-path-title h2,.skill-class-tabs strong,.skill-overview-grid strong,.skill-level-panel h2,.skill-sibling-panel h2),html.tw-dark :is(.skill-ability-body>strong,.skill-family-card>header h2,.skill-path-title h2,.skill-class-tabs strong,.skill-overview-grid strong,.skill-level-panel h2,.skill-sibling-panel h2){color:#e5e7eb}
@media(max-width:1100px){.skill-class-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.skill-ability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-ability-card:nth-child(3n){border-right:1px solid #edf0f4}.skill-ability-card:nth-child(2n){border-right:0}.skill-sibling-panel>div{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.skill-atlas-hero{grid-template-columns:1fr;padding:22px}.skill-class-tabs{display:flex;overflow-x:auto}.skill-class-tabs>a{min-width:126px}.skill-ability-grid{grid-template-columns:1fr}.skill-ability-card{border-right:0!important}.skill-detail-hero{grid-template-columns:auto 1fr}.skill-detail-hero>aside{grid-column:1/-1}.skill-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-server-growth dl{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-server-panel>header{align-items:flex-start;flex-direction:column}.skill-server-panel>header>b{max-width:100%}.skill-sibling-panel>div{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-level-panel>header{align-items:flex-start;flex-direction:column}.skill-level-panel>header p{text-align:left}}
.profession-skill-entry{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #d9ab61;border-radius:8px;background:#fff6df;padding:11px 14px;color:#995d09;font-size:11px;font-weight:700;text-decoration:none}.profession-skill-entry b{font-size:16px}.profession-class-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.profession-class-grid>article{overflow:hidden;border:1px solid #e3e8ef;border-radius:12px;background:#fff}.profession-class-grid>article>header{display:flex;align-items:center;gap:11px;border-bottom:1px solid #e9edf2;background:#fafbfc;padding:14px 16px}.profession-class-grid>article>header>i{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:8px;background:#e9a93b;color:#fff;font-size:16px;font-style:normal;font-weight:800}.profession-class-grid>article>header>div{min-width:0}.profession-class-grid>article>header span{color:#a66a13;font-size:8px;font-weight:700;letter-spacing:.1em}.profession-class-grid>article>header h2{margin:1px 0;color:#273142;font-size:16px}.profession-class-grid>article>header p{margin:0;color:#909baa;font-size:9px}.profession-class-grid>article>header>a{margin-left:auto;color:#2563eb;font-size:10px}.profession-branch-list{padding:13px 15px}.profession-branch-list section+section{margin-top:12px;border-top:1px solid #edf0f4;padding-top:12px}.profession-branch-list h3{margin:0 0 7px;color:#7e8998;font-size:9px}.profession-branch-list section>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.profession-branch-list a{min-width:0;border:1px solid #e7ebf0;border-radius:6px;background:#fafbfc;padding:7px;text-decoration:none}.profession-branch-list a:hover{border-color:#d8ae68;background:#fff9eb}.profession-branch-list small,.profession-branch-list strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profession-branch-list small{color:#a17434;font-size:7px}.profession-branch-list strong{margin-top:2px;color:#3b4657;font-size:9px}.profession-hero-note{padding:20px;color:#7b8797;font-size:10px;line-height:1.7}.profession-hero-note a{margin-left:5px;color:#2563eb}.profession-detail-hero .profession-skill-entry{margin-left:auto}.profession-related-skills>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.profession-related-skills>div>a{border:1px solid #e4e9ef;border-radius:7px;background:#fafbfc;padding:11px;text-decoration:none}.profession-related-skills>div>a span,.profession-related-skills>div>a strong,.profession-related-skills>div>a small{display:block}.profession-related-skills>div>a span{color:#a36a17;font-size:8px}.profession-related-skills>div>a strong{margin:3px 0;color:#303a4a;font-size:11px}.profession-related-skills>div>a small{color:#939dab;font-size:8px}
html.dark .profession-class-grid>article,html.tw-dark .profession-class-grid>article{border-color:#31343b;background:#1d1f24}html.dark .profession-class-grid>article>header,html.tw-dark .profession-class-grid>article>header{border-color:#31343b;background:#23252a}html.dark .profession-class-grid>article>header h2,html.dark .profession-branch-list strong,html.tw-dark .profession-class-grid>article>header h2,html.tw-dark .profession-branch-list strong{color:#e5e7eb}html.dark .profession-branch-list a,html.tw-dark .profession-branch-list a{border-color:#34373e;background:#25272c}
@media(max-width:850px){.profession-class-grid{grid-template-columns:1fr}}@media(max-width:600px){.profession-branch-list section>div{grid-template-columns:repeat(2,minmax(0,1fr))}.profession-detail-hero .profession-skill-entry{grid-column:1/-1;margin-left:0}.profession-related-skills>div{grid-template-columns:1fr}}

.profession-hero-note>p{margin:0 0 9px}.profession-hero-weapon-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-bottom:9px}.profession-hero-weapon-preview>a{display:flex;min-width:0;align-items:center;gap:7px;border:1px solid #e6e9ee;border-radius:6px;background:#fafbfc;padding:7px}.profession-hero-weapon-preview img{width:30px;height:30px;flex:0 0 30px;object-fit:contain}.profession-hero-weapon-preview span,.profession-hero-weapon-preview small,.profession-hero-weapon-preview strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profession-hero-weapon-preview small{color:#a17434;font-size:7px}.profession-hero-weapon-preview strong{color:#3b4657;font-size:9px}.profession-server-panel{margin-top:12px;border:1px solid #ead9bd;border-radius:12px;background:linear-gradient(135deg,#fffdf8,#fff9ed);padding:18px}.profession-server-panel>header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:13px}.profession-server-panel>header span{color:#b36c09;font-size:10px;font-weight:800;letter-spacing:.16em}.profession-server-panel>header h2{margin:3px 0 0;color:#252e3d;font-size:18px}.profession-server-panel>header>b{border-radius:999px;background:#f4e7cf;padding:6px 10px;color:#8d5a13;font-size:10px}.profession-server-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.profession-server-grid article{border:1px solid #eadfce;border-radius:8px;background:rgba(255,255,255,.82);padding:12px}.profession-server-grid span,.profession-server-grid small{display:block;color:#92909a;font-size:10px}.profession-server-grid strong{display:block;margin:4px 0 3px;color:#2e3038;font-size:17px}.profession-server-panel>p{margin:10px 0 0;color:#8a7a64;font-size:10px;line-height:1.65}.profession-hero-weapons,.profession-class-routes{margin-top:12px}.profession-weapon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:14px}.profession-weapon-grid>a{display:flex;min-width:0;align-items:center;gap:9px;border:1px solid #e4e9ef;border-radius:8px;background:#fafbfc;padding:9px}.profession-weapon-grid img{width:42px;height:42px;flex:0 0 42px;object-fit:contain}.profession-weapon-grid span,.profession-weapon-grid small,.profession-weapon-grid strong,.profession-weapon-grid em{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profession-weapon-grid small{color:#a36a17;font-size:8px}.profession-weapon-grid strong{margin:2px 0;color:#303a4a;font-size:10px}.profession-weapon-grid em{color:#939dab;font-size:8px;font-style:normal}.profession-class-routes>div{padding:12px 14px}.profession-class-routes>div+div{border-top:1px solid #edf0f4}.profession-class-routes h3{margin:0 0 8px;color:#7e8998;font-size:10px}.profession-class-routes>div>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.profession-class-routes a{min-width:0;border:1px solid #e7ebf0;border-radius:6px;background:#fafbfc;padding:8px}.profession-class-routes small,.profession-class-routes strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profession-class-routes small{color:#a17434;font-size:8px}.profession-class-routes strong{margin-top:2px;color:#3b4657;font-size:9px}.rx-item-profession-link{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:13px;align-items:center;border-color:#ead9bd;background:#fffaf0}.rx-item-profession-link>img{width:54px;height:54px;object-fit:contain}.rx-item-profession-link span{color:#b36c09;font-size:9px;font-weight:800;letter-spacing:.12em}.rx-item-profession-link h2{margin:3px 0;color:#303947;font-size:16px}.rx-item-profession-link p{margin:0;color:#8a7a64;font-size:10px}.rx-item-profession-link>a{border-radius:7px;background:#b7791f;padding:8px 11px;color:#fff;font-size:10px;font-weight:700}
html.dark :is(.profession-hero-weapon-preview>a,.profession-weapon-grid>a,.profession-class-routes a),html.tw-dark :is(.profession-hero-weapon-preview>a,.profession-weapon-grid>a,.profession-class-routes a){border-color:#353941;background:#24272d}html.dark :is(.profession-hero-weapon-preview strong,.profession-weapon-grid strong,.profession-class-routes strong),html.tw-dark :is(.profession-hero-weapon-preview strong,.profession-weapon-grid strong,.profession-class-routes strong){color:#e5e7eb}html.dark .profession-server-panel,html.tw-dark .profession-server-panel{border-color:#493e2d;background:linear-gradient(135deg,#211f1a,#252118)}html.dark .profession-server-panel h2,html.tw-dark .profession-server-panel h2,html.dark .profession-server-grid strong,html.tw-dark .profession-server-grid strong{color:#e5e7eb}html.dark .profession-server-grid article,html.tw-dark .profession-server-grid article{border-color:#403a31;background:#252525}html.dark .rx-item-profession-link,html.tw-dark .rx-item-profession-link{border-color:#493e2d;background:#252118}html.dark .rx-item-profession-link h2,html.tw-dark .rx-item-profession-link h2{color:#e5e7eb}
@media(max-width:900px){.profession-weapon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profession-class-routes>div>div{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:620px){.profession-server-panel>header{align-items:flex-start;flex-direction:column}.profession-server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profession-weapon-grid{grid-template-columns:1fr}.profession-class-routes>div>div{grid-template-columns:repeat(2,minmax(0,1fr))}.rx-item-profession-link{grid-template-columns:45px minmax(0,1fr)}.rx-item-profession-link>img{width:45px;height:45px}.rx-item-profession-link>a{grid-column:1/-1;text-align:center}}

/* V24 server drop relations */
.rx-drop-panel{grid-column:1/-1}
.rx-box-panel,.rx-box-source-panel{display:grid;gap:12px}.rx-box-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.rx-box-head span{display:block;color:#9a6513;font-size:9px;font-weight:800;letter-spacing:.14em}.rx-box-head h2{margin:3px 0 0;color:#252d3a;font-size:19px}.rx-box-head>b{border-radius:999px;background:#fff3d9;padding:5px 9px;color:#9a650d;font-size:10px}.rx-box-reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.rx-box-reward{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;border:1px solid #e8e3d7;border-radius:8px;background:#fffdf8;padding:9px;color:inherit;text-decoration:none}.rx-box-reward:hover{border-color:#e0b15a;background:#fff9e9}.rx-box-reward-icon{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:7px;background:#f6f1e7}.rx-box-reward-icon img{max-width:36px;max-height:36px;object-fit:contain}.rx-box-reward-copy{min-width:0}.rx-box-reward-copy strong,.rx-box-reward-copy small,.rx-box-reward-copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rx-box-reward-copy strong{color:#383328;font-size:12px}.rx-box-reward-copy small{margin-top:2px;color:#9c927f;font-size:9px}.rx-box-reward-copy em{min-height:12px;margin-top:3px;color:#b17a26;font-size:8px;font-style:normal}.rx-box-weight{text-align:right}.rx-box-weight b,.rx-box-weight small{display:block}.rx-box-weight b{color:#a86506;font-size:12px}.rx-box-weight small{color:#aaa08f;font-size:8px}.rx-box-pagination{display:flex;align-items:center;justify-content:center;gap:9px}.rx-box-pagination a,.rx-box-pagination span{border:1px solid #e8decb;border-radius:6px;background:#fff;padding:6px 10px;color:#8d682c;font-size:10px}.rx-box-pagination a{text-decoration:none}.rx-box-pagination a:hover{border-color:#d6aa5f}.rx-box-note{margin:0;color:#8d8578;font-size:10px;line-height:1.7}.rx-box-source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.rx-box-source-grid>a{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;border:1px solid #e6e9ee;border-radius:8px;background:#fafbfc;padding:9px;color:inherit;text-decoration:none}.rx-box-source-grid img{width:36px;height:36px;object-fit:contain}.rx-box-source-grid span{min-width:0}.rx-box-source-grid strong,.rx-box-source-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rx-box-source-grid strong{color:#303846;font-size:11px}.rx-box-source-grid small{margin-top:3px;color:#929ba8;font-size:9px}.rx-box-source-grid>a>b{color:#a7670a;font-size:10px}
.rx-drop-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.rx-drop-head span{display:block;color:#b46c0a;font-size:9px;font-weight:800;letter-spacing:.14em}
.rx-drop-head h2{margin:3px 0 0;color:#252d3a;font-size:19px}
.rx-drop-pool,.rx-drop-total{border:1px solid #e1e6ed;border-radius:999px;background:#f5f7fa;padding:6px 10px;color:#657184;font-size:10px}
.rx-drop-pool.is-elite{border-color:#d8c6ef;background:#f8f2ff;color:#7650a4}
.rx-drop-pool.is-boss{border-color:#efc4c4;background:#fff1f1;color:#b23b3b}
.rx-drop-item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rx-drop-item,.rx-drop-monster{display:flex;min-width:0;align-items:center;gap:10px;border:1px solid #e4e8ee;border-radius:8px;background:#fafbfc;padding:9px 10px;color:inherit;text-decoration:none;transition:.16s ease}
.rx-drop-item:hover,.rx-drop-monster:hover{border-color:#d5a653;background:#fff9eb;transform:translateY(-1px)}
.rx-drop-icon{display:flex;width:42px;height:42px;flex:0 0 42px;align-items:center;justify-content:center;border:1px solid #e2e7ed;border-radius:7px;background:#fff}
.rx-drop-icon img{max-width:36px;max-height:36px;object-fit:contain}
.rx-drop-copy,.rx-drop-monster>span:nth-child(2){min-width:0}
.rx-drop-copy strong,.rx-drop-copy small,.rx-drop-monster strong,.rx-drop-monster small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rx-drop-copy strong,.rx-drop-monster strong{color:#303947;font-size:12px}
.rx-drop-copy small,.rx-drop-monster small{margin-top:3px;color:#929cab;font-size:9px}
.rx-drop-weight{margin-left:auto;text-align:right;white-space:nowrap}
.rx-drop-weight b{display:block;color:#b36b08;font-size:13px}
.rx-drop-weight small{display:block;margin-top:2px;color:#9ca4af;font-size:8px}
.rx-drop-note{margin:13px 2px 0;border-left:3px solid #d9a046;background:#fff9eb;padding:9px 11px;color:#796e60;font-size:10px;line-height:1.7}
.rx-drop-summary{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:11px}
.rx-drop-summary>span{display:flex;align-items:center;gap:8px;border:1px solid #e1e6ed;border-radius:7px;background:#f7f8fa;padding:7px 9px}
.rx-drop-summary b{color:#495466;font-size:10px}.rx-drop-summary em{color:#929cab;font-size:9px;font-style:normal}
.rx-drop-summary .is-elite{border-color:#ded0ef;background:#faf5ff}.rx-drop-summary .is-elite b{color:#7650a4}
.rx-drop-summary .is-boss{border-color:#f0cece;background:#fff5f5}.rx-drop-summary .is-boss b{color:#b23b3b}
.rx-drop-monster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.rx-drop-monster .rx-drop-icon{width:36px;height:36px;flex-basis:36px}.rx-drop-monster .rx-drop-icon img{max-width:31px;max-height:31px}
.rx-drop-monster>em{margin-left:auto;color:#2f6fd6;font-size:9px;font-style:normal}
html.dark .rx-drop-head h2,html.tw-dark .rx-drop-head h2,html.dark .rx-drop-copy strong,html.tw-dark .rx-drop-copy strong,html.dark .rx-drop-monster strong,html.tw-dark .rx-drop-monster strong{color:#e5e7eb}
html.dark :is(.rx-drop-item,.rx-drop-monster,.rx-drop-icon,.rx-drop-pool,.rx-drop-total),html.tw-dark :is(.rx-drop-item,.rx-drop-monster,.rx-drop-icon,.rx-drop-pool,.rx-drop-total){border-color:#353941;background:#24272d}
html.dark :is(.rx-drop-item,.rx-drop-monster):hover,html.tw-dark :is(.rx-drop-item,.rx-drop-monster):hover{border-color:#8d6d35;background:#2b271f}
html.dark .rx-drop-note,html.tw-dark .rx-drop-note{border-left-color:#9a6b22;background:#29251e;color:#aaa39a}
html.dark .rx-drop-summary>span,html.tw-dark .rx-drop-summary>span{border-color:#353941;background:#24272d}
html.dark .rx-drop-summary b,html.tw-dark .rx-drop-summary b{color:#d7dbe2}
html.dark .rx-box-head h2,html.tw-dark .rx-box-head h2{color:#f2f2f2}html.dark .rx-box-head>b,html.tw-dark .rx-box-head>b{background:#382c18;color:#eac078}html.dark .rx-box-reward,html.tw-dark .rx-box-reward{border-color:#39352d;background:#1f1e1a}html.dark .rx-box-reward:hover,html.tw-dark .rx-box-reward:hover{background:#29251c}html.dark .rx-box-reward-icon,html.tw-dark .rx-box-reward-icon{background:#292720}html.dark .rx-box-reward-copy strong,html.tw-dark .rx-box-reward-copy strong,html.dark .rx-box-source-grid strong,html.tw-dark .rx-box-source-grid strong{color:#eee}html.dark .rx-box-source-grid>a,html.tw-dark .rx-box-source-grid>a{border-color:#30343b;background:#1b1d22}html.dark .rx-box-pagination a,html.dark .rx-box-pagination span,html.tw-dark .rx-box-pagination a,html.tw-dark .rx-box-pagination span{border-color:#423a2e;background:#24211c;color:#d9bd8d}
@media(max-width:1000px){.rx-box-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rx-box-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.rx-box-head{align-items:flex-start;flex-direction:column}.rx-box-reward-grid,.rx-box-source-grid{grid-template-columns:1fr}.rx-box-pagination{flex-wrap:wrap}}
@media(max-width:1050px){.rx-drop-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rx-drop-monster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.rx-drop-head{align-items:flex-start;flex-direction:column}.rx-drop-item-grid,.rx-drop-monster-grid{grid-template-columns:1fr}.rx-drop-summary>span{width:100%;justify-content:space-between}}

/* V24 server item profiles */
.rx-item-server-panel{border-color:#ead9bd;background:linear-gradient(135deg,#fffdf8,#fff9ed)}.rx-item-server-panel>header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:13px}.rx-item-server-panel>header span{color:#b36c09;font-size:10px;font-weight:800;letter-spacing:.16em}.rx-item-server-panel>header h2{margin:3px 0 0;color:#252e3d;font-size:18px}.rx-item-server-panel>header>b{max-width:45%;overflow:hidden;border-radius:999px;background:#f4e7cf;padding:6px 10px;color:#8d5a13;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.rx-item-server-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.rx-item-server-grid article{min-width:0;border:1px solid #eadfce;border-radius:8px;background:rgba(255,255,255,.82);padding:12px}.rx-item-server-grid span,.rx-item-server-grid small{display:block;color:#92909a;font-size:10px}.rx-item-server-grid strong{display:block;overflow:hidden;margin:4px 0 3px;color:#2e3038;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.rx-item-server-requirements,.rx-item-server-hidden{margin-top:10px;border:1px solid #eadfce;border-radius:8px;background:rgba(255,255,255,.72);padding:12px}.rx-item-server-requirements h3,.rx-item-server-hidden h3{margin:0 0 9px;color:#76521d;font-size:12px}.rx-item-server-requirements dl{display:flex;flex-wrap:wrap;gap:7px;margin:0}.rx-item-server-requirements dl div{min-width:130px;border-radius:6px;background:#f8f2e7;padding:8px 10px}.rx-item-server-requirements dt{color:#9a8d7a;font-size:9px}.rx-item-server-requirements dd{margin:3px 0 0;color:#2f3745;font-size:12px;font-weight:750}.rx-item-server-hidden>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.rx-item-server-hidden span{border:1px solid #f0dfc3;border-radius:7px;background:#fff8e9;padding:9px}.rx-item-server-hidden small,.rx-item-server-hidden strong{display:block}.rx-item-server-hidden small{color:#927e62;font-size:9px}.rx-item-server-hidden strong{margin-top:3px;color:#b35b0b;font-size:14px}.rx-item-server-raw{margin-top:10px;border-top:1px dashed #ddceb6;padding-top:9px}.rx-item-server-raw summary{cursor:pointer;color:#8b6a3b;font-size:10px;font-weight:700}.rx-item-server-raw>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.rx-item-server-raw span{border-radius:5px;background:#f4ead9;padding:6px 8px;color:#806f57;font-size:9px}.rx-item-server-raw b{color:#4e4335}.rx-item-server-note{margin:10px 0 0;color:#8a7a64;font-size:10px;line-height:1.65}html.dark .rx-item-server-panel,html.tw-dark .rx-item-server-panel{border-color:#493e2d;background:linear-gradient(135deg,#211f1a,#252118)}html.dark .rx-item-server-panel>header h2,html.tw-dark .rx-item-server-panel>header h2,html.dark .rx-item-server-grid strong,html.tw-dark .rx-item-server-grid strong,html.dark .rx-item-server-requirements dd,html.tw-dark .rx-item-server-requirements dd{color:#e5e7eb}html.dark :is(.rx-item-server-grid article,.rx-item-server-requirements,.rx-item-server-hidden),html.tw-dark :is(.rx-item-server-grid article,.rx-item-server-requirements,.rx-item-server-hidden){border-color:#403a31;background:#252525}html.dark .rx-item-server-requirements dl div,html.tw-dark .rx-item-server-requirements dl div{background:#2c2923}html.dark .rx-item-server-hidden span,html.tw-dark .rx-item-server-hidden span{border-color:#493e2d;background:#2d271c}
@media(max-width:760px){.rx-item-server-panel>header{align-items:flex-start;flex-direction:column}.rx-item-server-panel>header>b{max-width:100%}.rx-item-server-grid,.rx-item-server-hidden>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.rx-item-server-grid,.rx-item-server-hidden>div{grid-template-columns:1fr}}

/* V24 server NPC shops */
.rx-shop-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.rx-shop-head span{display:block;color:#a96912;font-size:9px;font-weight:800;letter-spacing:.14em}.rx-shop-head h2{margin:3px 0 0;color:#252d3a;font-size:19px}
.rx-shop-head>b{border:1px solid #e3d7c1;border-radius:999px;background:#fff7e8;padding:6px 10px;color:#a36109;font-size:10px}
.rx-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rx-shop-item,.rx-item-shop-source{display:flex;min-width:0;align-items:center;gap:10px;border:1px solid #e4e8ee;border-radius:8px;background:#fafbfc;padding:10px;color:inherit;text-decoration:none;transition:.16s ease}
.rx-shop-item:hover,.rx-item-shop-source:hover{border-color:#d6a550;background:#fff9eb;transform:translateY(-1px)}
.rx-shop-icon{display:flex;width:44px;height:44px;flex:0 0 44px;align-items:center;justify-content:center;border:1px solid #e1e6ed;border-radius:8px;background:#fff}.rx-shop-icon img{max-width:37px;max-height:37px;object-fit:contain}
.rx-shop-copy,.rx-item-shop-source>span:nth-child(2){min-width:0}.rx-shop-copy strong,.rx-shop-copy small,.rx-shop-copy em,.rx-item-shop-source strong,.rx-item-shop-source small,.rx-item-shop-source em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rx-shop-copy strong,.rx-item-shop-source strong{color:#303947;font-size:12px}.rx-shop-copy small,.rx-item-shop-source small{margin-top:2px;color:#929cab;font-size:9px}.rx-shop-copy em,.rx-item-shop-source em{margin-top:4px;color:#b06a0a;font-size:10px;font-style:normal}
.rx-shop-magic{margin-left:auto;border-radius:4px;background:#f1e8ff;padding:3px 5px;color:#7650a4;font-size:8px;white-space:nowrap}
.rx-shop-note{margin:13px 2px 0;border-left:3px solid #d9a046;background:#fff9eb;padding:9px 11px;color:#796e60;font-size:10px;line-height:1.7}
.rx-item-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rx-item-shop-source>b{margin-left:auto;color:#2f6fd6;font-size:9px;white-space:nowrap}
html.dark .rx-shop-head h2,html.tw-dark .rx-shop-head h2,html.dark :is(.rx-shop-copy strong,.rx-item-shop-source strong),html.tw-dark :is(.rx-shop-copy strong,.rx-item-shop-source strong){color:#e5e7eb}
html.dark :is(.rx-shop-item,.rx-item-shop-source,.rx-shop-icon),html.tw-dark :is(.rx-shop-item,.rx-item-shop-source,.rx-shop-icon){border-color:#353941;background:#24272d}
html.dark :is(.rx-shop-item,.rx-item-shop-source):hover,html.tw-dark :is(.rx-shop-item,.rx-item-shop-source):hover{border-color:#8d6d35;background:#2b271f}
html.dark .rx-shop-note,html.tw-dark .rx-shop-note{border-left-color:#9a6b22;background:#29251e;color:#aaa39a}
@media(max-width:1050px){.rx-shop-grid,.rx-item-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.rx-shop-head{align-items:flex-start;flex-direction:column}.rx-shop-grid,.rx-item-shop-grid{grid-template-columns:1fr}}

/* Readable Chinese typography and explicit skill-icon fallback. */
.skill-family-icon>i,.skill-ability-icon>i,.skill-detail-icon>i,.skill-mini-fallback{display:flex;align-items:center;justify-content:center;color:#a87325;font-style:normal;font-weight:800}
.skill-family-icon>i{font-size:18px}.skill-ability-icon>i{font-size:19px}.skill-detail-icon>i{font-size:31px}.skill-mini-fallback{width:32px;height:32px;flex:0 0 32px;border-radius:6px;background:#f3f0e9;font-size:13px}
.skill-class-tabs strong{font-size:13px}.skill-class-tabs small{font-size:11px}
.skill-path-title span{font-size:11px}.skill-path-title>b{font-size:12px}
.skill-filter-row a,.skill-stage-row a{font-size:12px}.skill-filter-row em,.skill-stage-row em{font-size:10px}
.profession-route>span{font-size:11px}.profession-route b{font-size:12px}.profession-route small{font-size:10px}
.skill-family-card>header span{font-size:11px}.skill-family-card>header h2{font-size:18px}.skill-family-card>header p{font-size:11px}.skill-family-card>header aside span{font-size:10px}
.skill-ability-body>strong{font-size:15px}.skill-ability-body>small{font-size:11px}.skill-ability-body>p{min-height:36px;font-size:12px;line-height:1.55}.skill-ability-stats b{padding:4px 6px;font-size:11px}
.skill-source-note{font-size:12px}.skill-detail-copy>div b{font-size:11px}.skill-overview-grid span,.skill-overview-grid small{font-size:11px}.skill-level-panel>header p{font-size:11px}.skill-level-table th{font-size:11px}.skill-level-table td{font-size:12px}.skill-level-table td small{font-size:10px}.skill-sibling-panel>header a{font-size:12px}.skill-sibling-panel strong{font-size:12px}.skill-sibling-panel small{font-size:10px}
html.dark :is(.skill-family-icon>i,.skill-ability-icon>i,.skill-detail-icon>i),html.tw-dark :is(.skill-family-icon>i,.skill-ability-icon>i,.skill-detail-icon>i){color:#e5b65e}
.skill-single-record-note{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;border:1px solid #ead9bd;border-radius:7px;background:#fff9ec;padding:10px 12px}.skill-single-record-note strong{color:#9a600d;font-size:12px}.skill-single-record-note span{margin-right:auto;color:#756b5e;font-size:11px}.skill-single-record-note a{border-radius:5px;background:#fff;padding:5px 8px;color:#2563eb;font-size:10px;text-decoration:none}.skill-single-record-note a:hover{text-decoration:underline}html.dark .skill-single-record-note,html.tw-dark .skill-single-record-note{border-color:#4b402e;background:#28241d}html.dark .skill-single-record-note span,html.tw-dark .skill-single-record-note span{color:#aaa39a}html.dark .skill-single-record-note a,html.tw-dark .skill-single-record-note a{background:#202227;color:#7db5ff}