.skill-build-page{background:#090909;color:#e5e7eb}.skill-build-page .breadcrumb{color:#737373}.skill-build-page .breadcrumb a:hover{color:#c4b5fd}.skill-build-hero,.skill-build-panel,.skill-build-detail-hero,.skill-build-info-panel,.skill-build-skills-panel{border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#111}.skill-build-hero{display:flex;align-items:center;gap:14px;margin:14px 0;padding:15px 16px}.skill-build-hero__icon{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border-radius:8px;background:rgba(109,40,217,.2);color:#a78bfa;font-size:23px}.skill-build-hero>div{min-width:0;flex:1}.skill-build-hero p,.skill-build-hero h1,.skill-build-hero>div>div{margin:0}.skill-build-hero p{color:#a78bfa;font-size:12px}.skill-build-hero h1{margin-top:2px;font-size:21px;font-weight:500}.skill-build-hero>div>div{margin-top:3px;color:#8a8a8a;font-size:13px}.skill-build-hero>a,.skill-build-detail-actions a{display:inline-flex;min-height:36px;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.1);border-radius:5px;padding:0 12px;color:#d4d4d4;font-size:13px;text-decoration:none}.skill-build-hero>a:hover,.skill-build-detail-actions a:hover{border-color:rgba(139,92,246,.6);color:#ede9fe}.skill-build-panel{overflow:hidden}.skill-build-filters{display:flex;align-items:end;gap:8px;padding:12px;border-bottom:1px solid rgba(255,255,255,.08)}.skill-build-filters label{display:grid;gap:5px;color:#8a8a8a;font-size:12px}.skill-build-filters input,.skill-build-filters select{height:36px;border:1px solid rgba(255,255,255,.1);border-radius:5px;outline:0;background:#090909;padding:0 10px;color:#e5e7eb;font-size:13px}.skill-build-search{position:relative;min-width:260px;flex:1}.skill-build-search>span{position:absolute;bottom:9px;left:10px;color:#737373;font-size:17px}.skill-build-search input{width:100%;padding-left:34px}.skill-build-filters button,.skill-build-filters>a{height:36px;border:0;border-radius:5px;background:#202020;padding:0 13px;color:#d4d4d4;font-size:13px;line-height:36px}.skill-build-filters button{background:#6d28d9;color:#fff;cursor:pointer}.skill-build-results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px}.skill-build-results-head strong{font-size:16px;font-weight:500}.skill-build-results-head span{margin-left:7px;color:#737373;font-size:12px}.skill-build-results-head nav{display:flex;gap:4px}.skill-build-results-head nav a,.skill-build-results-head nav button{border:0;border-radius:4px;background:transparent;padding:6px 9px;color:#8a8a8a;font-size:12px}.skill-build-results-head nav button{cursor:pointer}.skill-build-results-head nav .is-active{background:rgba(109,40,217,.22);color:#c4b5fd}.skill-build-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px 12px}.skill-build-card{position:relative;min-width:0;padding:11px;border:1px solid rgba(255,255,255,.075);border-radius:6px;background:#171717}.skill-build-card:hover{border-color:rgba(139,92,246,.52);background:rgba(91,33,182,.08)}.skill-build-card__link{position:absolute;z-index:1;inset:0}.skill-build-card header{display:flex;align-items:center;gap:9px}.skill-build-class-icon{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border-radius:7px;background:rgba(109,40,217,.19);color:#c4b5fd;font-size:17px}.skill-build-card header>div{min-width:0;flex:1}.skill-build-card h2{overflow:hidden;margin:0;font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.skill-build-card header p{margin:3px 0 0;color:#737373;font-size:12px}.skill-build-card header em{border-radius:4px;background:rgba(245,158,11,.14);padding:3px 5px;color:#fbbf24;font-size:12px;font-style:normal}.skill-build-card__description{display:-webkit-box;min-height:36px;overflow:hidden;margin:9px 0;color:#9a9a9a;font-size:12px;line-height:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.skill-build-card footer{display:flex;gap:9px;color:#737373;font-size:12px}.skill-build-card footer time{margin-left:auto}.skill-build-empty{display:grid;min-height:280px;place-content:center;justify-items:center;gap:6px;color:#737373;text-align:center}.skill-build-empty>span{color:#8b5cf6;font-size:31px}.skill-build-empty strong{color:#bdbdbd;font-size:14px;font-weight:500}.skill-build-empty p{margin:0;font-size:12px}.skill-build-pagination{display:flex;align-items:center;justify-content:center;gap:16px;border-top:1px solid rgba(255,255,255,.08);padding:12px;color:#737373;font-size:12px}.skill-build-pagination a{border-radius:5px;background:#202020;padding:7px 11px;color:#d4d4d4}.skill-build-pagination a.is-disabled{pointer-events:none;opacity:.35}.skill-build-detail-hero{display:flex;align-items:center;gap:15px;margin:14px 0;padding:16px}.skill-build-detail-class{display:grid;width:58px;height:58px;flex:0 0 58px;place-items:center;border-radius:11px;background:rgba(109,40,217,.2);color:#c4b5fd;font-size:23px}.skill-build-detail-title{min-width:0;flex:1}.skill-build-detail-title p,.skill-build-detail-title h1{margin:0}.skill-build-detail-title p{color:#a78bfa;font-size:12px}.skill-build-detail-title h1{margin:3px 0 5px;font-size:23px;font-weight:500}.skill-build-detail-title>div{display:flex;flex-wrap:wrap;gap:11px;color:#7e7e7e;font-size:12px}.skill-build-detail-title em{color:#fbbf24;font-style:normal}.skill-build-detail-actions{display:flex;gap:7px}.skill-build-detail-actions a.is-primary{border-color:#6d28d9;background:#6d28d9;color:#fff}.skill-build-detail-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:12px;align-items:start}.skill-build-detail-layout>aside{display:grid;gap:12px}.skill-build-info-panel{overflow:hidden}.skill-build-info-panel header{display:flex;align-items:center;gap:7px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.skill-build-info-panel header>span{color:#a78bfa;font-size:18px}.skill-build-info-panel h2{margin:0;font-size:14px;font-weight:500}.skill-build-info-panel dl{margin:0;padding:5px 12px}.skill-build-info-panel dl div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.08)}.skill-build-info-panel dt{color:#737373;font-size:12px}.skill-build-info-panel dd{margin:0;font-size:13px}.skill-build-info-panel>p{margin:0;padding:12px;color:#9a9a9a;font-size:13px;line-height:1.7}.skill-build-skills-panel{overflow:hidden}.skill-build-skills-panel>header{display:flex;align-items:end;justify-content:space-between;padding:11px 13px}.skill-build-skills-panel>header span{color:#a78bfa;font-size:12px}.skill-build-skills-panel>header h2{margin:2px 0 0;font-size:17px;font-weight:500}.skill-build-skills-panel>header small{color:#737373;font-size:12px}.skill-build-skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 12px 12px}.skill-build-skill-card{min-width:0;padding:9px;border:1px solid rgba(255,255,255,.075);border-radius:6px;background:#171717}.skill-build-skill-head{display:flex;align-items:center;gap:9px}.skill-build-skill-icon{position:relative;width:42px;height:42px;flex:0 0 42px;overflow:hidden;border-radius:6px;cursor:help}.skill-build-skill-icon img{width:100%;height:100%;object-fit:cover}.skill-build-skill-icon b{position:absolute;right:2px;bottom:2px;min-width:17px;border-radius:3px;background:rgba(0,0,0,.87);padding:1px 3px;color:#c4b5fd;font-size:12px;font-weight:500;text-align:center}.skill-build-skill-head>div{min-width:0;flex:1}.skill-build-skill-head h3{overflow:hidden;margin:0;font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.skill-build-skill-head p{margin:3px 0 0;color:#737373;font-size:12px}.skill-build-rune{width:34px;height:34px;flex:0 0 34px;overflow:hidden;border-radius:5px;cursor:help}.skill-build-rune img{width:100%;height:100%;object-fit:cover}.skill-build-tripods{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.skill-build-tripods span{display:inline-flex;align-items:center;gap:4px;border-radius:4px;background:rgba(91,33,182,.24);padding:3px 6px;color:#c4b5fd;font-size:12px}.skill-build-tripods b{font-weight:500}.skill-build-tripods small{color:#666;font-size:12px}.skill-build-rune-name{margin-top:6px;color:#67e8f9;font-size:12px}@media(max-width:1000px){.skill-build-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-build-detail-layout{grid-template-columns:1fr}.skill-build-detail-layout>aside{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.skill-build-hero{align-items:flex-start}.skill-build-hero>a{display:none}.skill-build-filters{flex-wrap:wrap}.skill-build-search{min-width:100%;flex-basis:100%}.skill-build-filters label:not(.skill-build-search){flex:1}.skill-build-filters select{width:100%}.skill-build-results-head{align-items:flex-start;flex-direction:column}.skill-build-grid,.skill-build-skill-grid{grid-template-columns:1fr}.skill-build-detail-hero{align-items:flex-start;flex-wrap:wrap}.skill-build-detail-actions{width:100%}.skill-build-detail-actions a{flex:1;justify-content:center}.skill-build-detail-layout>aside{grid-template-columns:1fr}}@media(max-width:480px){.skill-build-grid{padding:0 8px 8px}.skill-build-card footer span:nth-child(2){display:none}}
/* Keep icon masks separate from their colored tiles so currentColor stays bright. */
.skill-build-hero__icon{border:1px solid rgba(167,139,250,.28)!important;background:linear-gradient(145deg,rgba(124,58,237,.28),rgba(76,29,149,.18))!important;color:#ddd6fe!important;box-shadow:inset 0 0 14px rgba(139,92,246,.08)}
.skill-build-hero__icon>span{width:24px;height:24px;color:inherit}
.skill-build-search>span{color:#a3a3a3!important;transition:color .15s}
.skill-build-search:focus-within>span{color:#c4b5fd!important}
.skill-build-empty>span{color:#a78bfa!important}
.skill-build-info-panel header>span{color:#c4b5fd!important}
.skill-build-tripods img{width:22px;height:22px;flex:0 0 22px;border-radius:3px;object-fit:cover}
.skill-build-class-icon img,.skill-build-detail-class img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.skill-build-class-icon:has(img),.skill-build-detail-class:has(img){overflow:hidden;background:#090909}

/* 一行一个方案：身份、技能摘要、方案元信息 */
.skill-build-grid{grid-template-columns:1fr;gap:6px}
.skill-build-card{display:grid;grid-template-columns:minmax(245px,310px) minmax(0,1fr) 145px;align-items:center;gap:14px;padding:10px 11px}
.skill-build-card__identity{min-width:0}
.skill-build-card__identity>div{min-width:0}
.skill-build-card__identity small{display:block;overflow:hidden;margin-top:5px;color:#8a8a8a;font-size:12px;font-weight:400;line-height:17px;text-overflow:ellipsis;white-space:nowrap}
.skill-build-card__skills{position:relative;z-index:2;display:flex;min-width:0;align-items:center;gap:5px;overflow:hidden}
.skill-build-card__skill{position:relative;display:block;width:38px;height:38px;flex:0 0 38px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:5px;background:#101010;cursor:help}
.skill-build-card__skill:hover,.skill-build-card__skill:focus-visible{border-color:rgba(139,92,246,.75);outline:0;box-shadow:0 0 0 1px rgba(139,92,246,.2)}
.skill-build-card__skill img{display:block;width:100%;height:100%;object-fit:cover}
.skill-build-card__skill b{position:absolute;right:1px;bottom:1px;min-width:16px;border-radius:3px;background:rgba(0,0,0,.9);padding:0 2px;color:#ddd6fe;font-size:12px;font-weight:500;line-height:16px;text-align:center}
.skill-build-card__meta{display:grid!important;justify-items:end;gap:5px!important;color:#737373}
.skill-build-card__meta span{display:flex;align-items:center;gap:4px}
.skill-build-card__meta i{font-size:15px}
.skill-build-card__meta time{margin:0!important}
@media(max-width:1150px){.skill-build-card{grid-template-columns:minmax(230px,280px) minmax(0,1fr)}.skill-build-card__meta{grid-column:1/-1;display:flex!important;justify-content:flex-end}.skill-build-card__meta time{margin-left:0!important}}
@media(max-width:720px){.skill-build-grid{grid-template-columns:1fr}.skill-build-card{grid-template-columns:1fr;gap:9px}.skill-build-card__skills{overflow-x:auto;padding-bottom:2px}.skill-build-card__skill{flex:0 0 38px}.skill-build-card__meta{grid-column:auto;justify-content:flex-start}.skill-build-card__identity small{white-space:normal}}
