:root{color-scheme:light;--red: #ee4038;--red-dark: #c9342d;--ink: #171b20;--muted: #7a828e;--line: #e2e5ea;--soft: #f7f8fa;--white: #ffffff;--shadow: 0 18px 42px rgba(0, 0, 0, .24)}*{box-sizing:border-box}body{margin:0;min-width:1180px;min-height:100vh;color:var(--white);font-family:Microsoft YaHei,Segoe UI,Arial,sans-serif;font-size:14px;background:linear-gradient(90deg,#0d1218f5 0,#0d1218f5 18%,#0f1016d1 42%,#230e0cc2),radial-gradient(circle at 72% 16%,rgba(166,42,31,.42),transparent 36%),linear-gradient(145deg,#101820,#2e1715 52%,#07161b);background-attachment:fixed}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:auto minmax(820px,1fr);gap:24px;min-height:100vh;padding:32px 40px 30px 16px}.settings-card{align-self:start;display:grid;grid-template-columns:324px;column-gap:24px;color:var(--ink);background:#fffffffa;border-radius:4px;padding:16px 24px 22px;box-shadow:var(--shadow)}.settings-card.buff-open{grid-template-columns:324px 396px;width:768px}.settings-section{padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid var(--line)}.settings-section:last-of-type{border-bottom:0}.section-title{display:flex;align-items:center;justify-content:start;min-height:32px;gap:8px}.section-title h2{margin:0 auto 0 0;color:var(--red);font-size:16px;font-weight:700}.section-title.compact h2{font-size:15px}.field-row{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:0;margin-top:8px}.field-row>span{color:#111820;font-weight:700}select,input[type=number],input[type=text],input[type=search]{width:100%;height:32px;padding:5px 10px;border:1px solid #d3d7dd;border-radius:3px;color:#222a33;background:#fff}.button-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}button{border:0;border-radius:4px;cursor:pointer}.small-button,.ghost-button{height:28px;padding:0 10px;border:1px solid #d6dbe2;color:#2a3440;background:#fff}.red-fill{color:#fff;border-color:var(--red);background:var(--red)}.accent-small{color:var(--red);border-color:#ff9a96}.outline-button{height:32px;border:1px solid #d6dbe2;color:#222a33;background:#fff}.accent-outline{color:var(--red);border-color:var(--red)}.primary-button{grid-column:1 / -1;height:40px;color:#fff;background:var(--red);font-weight:700}.footer-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inline-check,.merge-check{display:inline-flex;align-items:center;gap:6px;color:#313944;font-size:13px;white-space:nowrap}.inline-check input,.merge-check input{width:15px;height:15px;accent-color:var(--red)}.stats-grid{display:grid;gap:8px;margin-top:10px}.stat-row{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center}.stat-row span{font-weight:700}.stat-row input{height:31px;padding:5px 10px;border:1px solid #d3d7dd;background:#fbfbfc}.stat-row .suffix{position:absolute}.result-stage{min-width:0;display:grid;grid-template-columns:minmax(560px,58%) minmax(420px,42%);grid-template-rows:54px 150px minmax(520px,1fr);grid-template-areas:"header header" "total bars" "attr bars";column-gap:34px;row-gap:18px;padding-top:0}.buff-detail-pane{grid-column:2;grid-row:1 / span 4;padding-left:12px;border-left:1px solid var(--line)}.buff-detail-head,.team-buff-head{display:flex;align-items:center;gap:8px;min-height:32px}.buff-detail-head h2,.team-buff-head h2{margin:0 auto 0 0;color:var(--red);font-size:16px}.buff-select-list{display:grid;gap:8px;margin-top:8px}.buff-select-row{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:0}.buff-select-row>span{font-weight:700}.cell-select{height:32px;padding-left:10px;border:1px solid #d3d7dd;border-radius:5px;background:#fff}.team-buff-head{margin-top:12px}.buff-icon-grid{display:grid;grid-template-columns:1fr;gap:8px;min-height:0;margin-top:10px;padding:0;border:0;align-content:start}.team-select-row{grid-template-columns:84px minmax(0,1fr)}.stage-header{grid-area:header;display:flex;justify-content:space-between;align-items:end;gap:20px;padding:0 0 15px;border-bottom:1px solid rgba(255,255,255,.22)}.stage-header h1{margin:0;font-size:18px}.stage-header span{display:none}.fight-time{font-weight:700}.hero-result{display:contents}.total-block{grid-area:total;position:relative;align-self:start;padding-top:26px}.total-number{display:inline-block;color:#fff;font-size:64px;line-height:1;font-weight:750;letter-spacing:0}.detail-button{margin-left:14px;padding:8px 12px;color:#fff;background:var(--red);font-weight:700;vertical-align:16px}.total-block p{margin:12px 0 0;color:#ffffffad}.skill-bars{grid-area:bars;align-self:stretch;display:grid;align-content:start;gap:9px;padding-top:134px}.skill-bar{display:grid;grid-template-columns:92px minmax(0,1fr) 52px;align-items:center;gap:10px}.skill-bar-name,.skill-bar-value{color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.4)}.skill-bar-track{height:14px;background:#ffffff1f}.skill-bar-fill{height:100%;background:var(--red)}.charts-row{display:contents}.chart-panel{grid-area:attr;min-height:520px;padding:0 0 12px}.chart-title-row{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:36px;margin-bottom:8px}.chart-title-row h2{margin:0;font-size:17px}.chart-tabs{display:flex;justify-content:center;margin-top:14px}.chart-tab{height:34px;padding:0 16px;border:1px solid rgba(255,255,255,.8);border-right:0;color:#fff;background:#0000002e}.chart-tab:first-child{border-radius:4px 0 0 4px}.chart-tab:last-child{border-right:1px solid rgba(255,255,255,.8);border-radius:0 4px 4px 0}.chart-tab.active{color:var(--red);background:#fff}.vertical-chart{position:relative;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:28px;height:386px;padding:18px 18px 34px 48px;border-bottom:1px solid rgba(255,255,255,.45);background:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px) 0 0 / 100% 25%}.vertical-bar{display:grid;grid-template-rows:22px 1fr 22px;align-items:end;justify-items:center;height:100%;min-width:48px}.vertical-bar strong{font-size:13px}.vertical-fill{width:48px;min-height:2px;background:var(--red)}.vertical-label{margin-top:8px;color:#fff;font-weight:700}.modal.hidden,.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8}.detail-dialog{position:relative;width:min(1000px,calc(100vw - 150px));max-height:calc(100vh - 120px);margin:78px 0 0 86px;color:#222a33;background:#fff;border-radius:7px;overflow:hidden;box-shadow:var(--shadow)}.outfitter-dialog{position:relative;width:min(1120px,calc(100vw - 160px));min-height:640px;max-height:calc(100vh - 86px);margin:86px auto 0;color:#222a33;background:#fff;border-radius:6px;overflow:hidden;box-shadow:var(--shadow)}.outfitter-header{display:flex;align-items:center;justify-content:space-between;gap:18px;height:58px;padding:14px 22px 8px}.outfitter-title-row,.outfitter-actions,.side-section-head{display:flex;align-items:center;gap:8px}.outfitter-title-row h2,.gear-head-row h3,.side-section-head h3{margin:0;color:var(--red);font-size:16px}.icon-small-button{width:28px;height:28px;border:1px solid #d6dbe2;color:#54606e;background:#fff}.outfitter-body{display:grid;grid-template-columns:minmax(650px,1fr) 380px;gap:18px;padding:0 22px 14px}.gear-table-panel{min-width:0}.gear-head-row{display:grid;grid-template-columns:42px minmax(270px,1fr) 112px minmax(120px,.55fr);align-items:center;gap:10px;min-height:40px}.gear-list{display:grid;gap:9px;margin-top:4px}.gear-row{display:grid;grid-template-columns:42px minmax(270px,1fr) 112px minmax(120px,.55fr);align-items:center;gap:10px}.gear-slot{font-weight:700}.gear-select,.gear-mini-select{height:32px;border:1px solid #d4d8de;border-radius:6px;color:#303842;background:#fff}.gear-select{min-width:0}.gear-gem-readonly{display:flex;align-items:center;min-width:0;height:32px;padding:0 10px;border:1px solid #e1e5eb;border-radius:6px;color:#303842;background:#f8f9fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outfitter-cycle-row{display:flex;width:264px;margin-top:28px}.outfitter-side{display:grid;align-content:start;gap:10px}.outfitter-side-top{display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px;align-items:start}.big-enchant-panel,.stone-panel{min-width:0}.big-enchant-list,.stone-list{display:grid;gap:8px;margin-top:8px}.big-enchant-row{display:block}.outfitter-stat-box{border:1px solid #d9dde4;padding:10px;background:#fff}.big-enchant-panel,.stone-panel{border:0;padding:0;background:transparent}.stone-panel .side-section-head{margin-bottom:8px}.stone-panel select,.big-enchant-panel select{height:32px}.stone-row{display:block}.outfitter-stat-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin-top:0}.outfit-stat-item{display:flex;justify-content:space-between;gap:8px}.outfit-stat-item span{color:#4c5560}.outfit-stat-item strong{color:#202832}.outfit-stat-item strong.rise{color:#17a34a}.outfit-stat-item strong.fall{color:#e23d3d}.outfitter-value-placeholder{min-height:166px;border:2px solid #f4b133;border-radius:4px;padding:8px;background:#fff}.damage-compare-label{margin:0;color:#e23d3d;font-size:24px;font-weight:700}.damage-compare-card{margin-top:6px;border:1px solid #cfd4db;border-radius:10px;text-align:center;color:#5c636d;font-size:42px;line-height:1.25}.damage-compare-row{margin-top:8px}.damage-compare-head{display:flex;align-items:baseline;justify-content:space-between;min-height:28px}.damage-compare-change{color:#17a34a;font-size:28px;font-weight:700}.damage-compare-change.fall{color:#e23d3d}.damage-compare-after{color:#1ca357}.outfitter-footer{display:flex;justify-content:flex-end;gap:12px;padding:8px 22px 22px}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:14px 22px 8px}.detail-tabs{display:flex;gap:6px}.detail-tab{height:30px;padding:0 10px;border:1px solid #d8dde5;color:#2c3440;background:#fff}.detail-tab.active{color:#fff;border-color:var(--red);background:var(--red)}.close-button{width:30px;height:30px;color:#747d88;background:#fff;font-size:26px;line-height:1}.detail-body{padding:0 22px 26px}.detail-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px}.detail-toolbar h2{margin:0;color:var(--red);font-size:18px}.table-wrap{max-height:620px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:820px}th,td{padding:7px 8px;border-bottom:1px solid #eef0f3;text-align:left;white-space:nowrap}th{position:sticky;top:0;z-index:1;color:var(--red);background:#fff;font-weight:700}td.numeric,th.numeric{text-align:right}.row-bar{background:linear-gradient(90deg,rgba(238,64,56,.28) var(--w),transparent var(--w))}.tag{display:inline-block;min-width:60px}.muted{color:var(--muted)}.formula-list{display:grid;gap:10px}.formula-item{border:1px solid var(--line);border-radius:5px;overflow:hidden}.formula-item h3{margin:0;padding:9px 10px;color:var(--red);background:#fbf2f1}.formula-item pre{margin:0;padding:10px;overflow:auto;white-space:pre-wrap;line-height:1.45;background:#fff}