.class-hero{border:1px solid var(--line);background:linear-gradient(100deg, var(--panel) 30%, color-mix(in srgb, var(--panel) 72%, transparent) 70%, transparent), linear-gradient(135deg, color-mix(in srgb, var(--class-color,var(--accent-2)) 26%, var(--panel)), var(--panel-2));border-radius:16px;margin-top:14px;position:relative;overflow:hidden}.class-hero:after{content:"";background-image:var(--crest);filter:blur(2px)saturate(1.2);opacity:.32;pointer-events:none;background-size:cover;border-radius:50%;width:300px;height:300px;position:absolute;top:50%;right:-40px;transform:translateY(-50%);-webkit-mask-image:radial-gradient(circle,#000 35%,#0000 70%);mask-image:radial-gradient(circle,#000 35%,#0000 70%)}.class-hero-body{z-index:1;max-width:760px;padding:18px 18px 0;position:relative}.class-hero h1{margin-top:6px}.class-hero h1>span{color:var(--class-color,var(--text))}.class-hero .lead{max-width:640px}.role-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.role-chip{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-2) 70%, transparent);height:24px;color:var(--muted);border-radius:99px;align-items:center;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.role-chip.role-tank{color:#9cc2f5;border-color:#5b8fd6}.role-chip.role-heal{color:#9be3b0;border-color:#5fb87a}.role-chip.role-melee{color:#f2ad80;border-color:#d0743a}.role-chip.role-ranged{color:#ddb0f5;border-color:#b26ad8}.class-tabs{scrollbar-width:none;gap:2px;margin-top:16px;display:flex;overflow-x:auto}.class-tabs::-webkit-scrollbar{display:none}.class-tabs a{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;flex:none;padding:9px 12px;font-size:13px;font-weight:700;text-decoration:none}.class-tabs a:hover{color:var(--text)}.class-tabs a[aria-current=page]{color:var(--text);border-bottom-color:var(--class-color,var(--accent-2))}@media (max-width:640px){.class-hero:after{opacity:.22;width:200px;height:200px;right:-60px}.class-hero-body{padding:14px 14px 0}}.cp-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.cp-facts{gap:8px;font-size:13px;display:grid}.cp-facts>div{grid-template-columns:76px 1fr;align-items:baseline;gap:8px;display:grid}.cp-facts dt{color:var(--faint);font-size:12px}.cp-facts dd{margin:0}.cp-tags{flex-wrap:wrap;gap:4px;display:flex}.cp-tag{border:1px solid var(--line);color:var(--muted);background:var(--panel-2);border-radius:6px;padding:0 6px;font-size:12px;line-height:20px}.cp-specs{gap:8px;display:grid}.cp-spec{color:var(--text);border:1px solid var(--line);background:var(--panel-2);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.cp-spec:hover{border-color:var(--class-color,var(--accent-2))}.cp-spec .art-icon{border-radius:6px}.cp-spec small{color:var(--faint);text-align:right;margin-left:auto;font-size:12px}.cp-races{flex-wrap:wrap;gap:8px;display:flex}.cp-race{border:1px solid var(--line);background:var(--panel-2);border-radius:99px;align-items:center;gap:6px;padding:4px 9px 4px 4px;font-size:13px;display:inline-flex}.cp-race .art-icon{border-radius:50%}.cp-race .faint{font-size:11px}.cp-race-fallback{background:var(--chip);width:26px;height:26px;color:var(--faint);border-radius:50%;place-items:center;font-size:12px;display:inline-grid}.cp-band{margin-top:14px}.cp-band h3{color:var(--faint);margin:0 0 6px;font-size:13px;font-weight:700}.cp-spells{flex-wrap:wrap;gap:6px;display:flex}.cp-spells a{border:1px solid var(--line);color:var(--text);background:var(--panel-2);border-radius:8px;align-items:center;gap:6px;padding:3px 8px 3px 3px;font-size:12px;text-decoration:none;display:inline-flex}.cp-spells a:hover{border-color:var(--accent-2)}.cp-spells .lv{color:var(--faint);font-size:11px}.cp-list{gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.cp-list li{border-bottom:1px solid color-mix(in srgb, var(--line) 50%, transparent);flex-wrap:wrap;align-items:baseline;gap:8px;padding:5px 0;display:flex}.cp-list li:last-child{border-bottom:0}.cp-list .meta{color:var(--faint);font-size:12px}.cp-list a{color:var(--text)}.cp-matrix{overflow-x:auto}.cp-matrix table{border-collapse:collapse;min-width:100%;font-size:12px}.cp-matrix th,.cp-matrix td{border-bottom:1px solid var(--line);text-align:center;white-space:nowrap;padding:6px 8px}.cp-matrix th:first-child,.cp-matrix td:first-child{text-align:left;background:var(--panel);z-index:1;position:sticky;left:0}.cp-matrix thead th{color:var(--faint);vertical-align:bottom;font-weight:700}.cp-matrix thead th .art-icon{border-radius:50%;margin:0 auto 3px;display:block}.cp-matrix .yes{color:var(--ok);font-weight:800}.cp-matrix .no{color:var(--faint);opacity:.5}.cp-matrix a{color:var(--class-color,var(--text));align-items:center;gap:6px;font-weight:700;text-decoration:none;display:inline-flex}.cp-note{color:var(--faint);margin-top:8px;font-size:12px}.cl-card .role-chips{margin-top:0}.cl-card h2 a{color:inherit;text-decoration:none}.talent-tree{position:relative}.talent-tree:before{content:"";background-image:var(--tree-art,none);opacity:.07;filter:blur(1px)grayscale(.3);pointer-events:none;background-position:50% 60%;background-repeat:no-repeat;background-size:70%;border-radius:0 0 14px 14px;position:absolute;inset:52px 0 0}.talent-tree>*{position:relative}.talent-tree header .tree-count{color:var(--accent-2);margin-left:2px;font-size:13px}.talent-tree header .tree-count[data-zero=true]{color:var(--faint)}.talent-tier{width:20px;color:var(--faint);text-align:right;font-variant-numeric:tabular-nums;font-size:10px;line-height:48px;position:absolute;left:-26px}.talent-tier[data-open=true]{color:var(--accent-2)}.talent-arrows path.arrow-head{fill:var(--line);stroke:none}.talent-arrows path.met.arrow-head{fill:var(--accent-2)}.talent-level{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px;font-size:13px;display:flex}.talent-level input[type=range]{width:min(260px,60vw);accent-color:var(--accent-2)}.talent-level output{min-width:2.5em;font-weight:800}.talent-panels{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin-top:18px;display:grid}.talent-panel h2{align-items:baseline;gap:8px;margin:0 0 10px;font-size:15px;display:flex}.talent-order{gap:2px;max-height:420px;margin:0;padding:0;font-size:12px;list-style:none;display:grid;overflow-y:auto}.talent-order li{grid-template-columns:34px 22px 1fr auto;align-items:center;gap:6px;padding:2px 0;display:grid}.talent-order img{border-radius:4px;width:20px;height:20px}.talent-order .lv{color:var(--faint);text-align:right;font-variant-numeric:tabular-nums}.talent-order .tree{color:var(--faint);font-size:11px}.talent-summary{gap:12px;font-size:12px;display:grid}.talent-summary h3{margin:0 0 4px;font-size:13px}.talent-summary ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.talent-summary li{grid-template-columns:22px 1fr;gap:6px;display:grid}.talent-summary img{border-radius:4px;width:20px;height:20px}.talent-summary .desc{color:var(--muted)}.tt-ranks{font-weight:700}.tt-ranks b{color:#1eff00}@media (max-width:1080px){.talent-tabs button{white-space:nowrap;flex-direction:row;min-width:0;padding:0 6px;font-size:12px}.talent-tabs button .gname-zh{text-overflow:ellipsis;overflow:hidden}}.talent-text{margin-top:18px}.talent-text summary{cursor:pointer;font-size:14px;font-weight:700}.talent-text h3{margin:14px 0 6px;font-size:14px}.talent-text dl{gap:6px;margin:0;font-size:13px;display:grid}.talent-text dt{font-weight:700}.talent-text dd{color:var(--muted);margin:0 0 4px}.sb-bands{scrollbar-width:thin;gap:6px;padding:2px 0 6px;display:flex;overflow-x:auto}.sb-bands a{border:1px solid var(--line);min-width:34px;height:28px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:8px;flex:none;place-items:center;padding:0 8px;font-size:12px;font-weight:700;text-decoration:none;display:inline-grid}.sb-bands a:hover{color:var(--text);border-color:var(--accent-2)}.sb-row .elink-name a,a.sb-name{color:inherit;text-decoration:none}a.sb-name:hover{text-decoration:underline}.sb-tag{border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:0 5px;font-size:11px;line-height:17px}.sb-tag.is-talent{border-color:var(--accent-2);color:var(--accent-2)}.sb-tag.is-pet{color:#b5e3a6;border-color:#8bc47a}.sb-ranks{max-width:100%;overflow-x:auto}.spell-head{align-items:center;gap:14px;margin-top:10px;display:flex}.spell-head h1{margin:0}.spell-ranks{overflow-x:auto}.spell-ranks table{border-collapse:collapse;width:100%;font-size:13px}.spell-ranks th,.spell-ranks td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 10px}.spell-ranks th{color:var(--faint);white-space:nowrap;font-size:12px}.spell-ranks td.nowrap{white-space:nowrap}.spell-ranks tr[aria-current=true] td{background:color-mix(in srgb, var(--accent-2) 12%, transparent)}@media (max-width:720px){.spell-ranks table,.spell-ranks tbody,.spell-ranks tr,.spell-ranks td{display:block}.spell-ranks thead{display:none}.spell-ranks tr{border-bottom:1px solid var(--line);padding:10px 0}.spell-ranks td{border:0;padding:2px 0}.spell-ranks td[data-label]:before{content:attr(data-label) "：";color:var(--faint);font-size:12px}}.macro-list{gap:14px;display:grid}.macro-card{gap:10px;display:grid}.macro-card header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.macro-card h2{margin:0;font-size:16px}.macro-card .meta{color:var(--faint);font-size:12px}.macro-code{position:relative}.macro-code pre{background:var(--panel-2);border:1px solid var(--line);white-space:pre-wrap;word-break:break-all;border-radius:10px;margin:0;padding:12px 76px 12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.6}.macro-code .btn{height:28px;font-size:12px;position:absolute;top:8px;right:8px}.macro-card .spells{flex-wrap:wrap;gap:6px;display:flex}.macro-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.pet-families{flex-wrap:wrap;gap:6px;display:flex}.pet-families a{border:1px solid var(--line);color:var(--text);background:var(--panel-2);border-radius:99px;align-items:center;gap:6px;padding:3px 10px 3px 3px;font-size:13px;text-decoration:none;display:inline-flex}.pet-families a:hover{border-color:var(--accent-2)}.pet-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.pet-card{align-content:start;gap:10px;scroll-margin-top:90px;display:grid}.pet-card header{align-items:center;gap:10px;display:flex}.pet-card h2{margin:0;font-size:17px}.pet-diets{flex-wrap:wrap;gap:6px;font-size:12px;display:flex}.pet-diet{border:1px solid var(--line);color:var(--muted);border-radius:99px;align-items:center;gap:4px;padding:1px 7px 1px 2px;display:inline-flex}.pet-abilities{gap:6px;font-size:13px;display:grid}.pet-ability{grid-template-columns:26px 1fr;align-items:start;gap:8px;display:grid}.pet-ability .desc{color:var(--muted);font-size:12px}.pet-ability .sig{color:var(--accent-2);margin-left:4px;font-size:11px}.pet-beasts{font-size:12px}.pet-beasts summary{cursor:pointer;color:var(--muted);font-weight:700}