:root{--paper:#f7f5f1;--surface:#fff;--soft:#fbf9f6;--wine:#632638;--wine2:#844154;--accent:#b05067;--rose:#f8edf0;--ink:#27282b;--muted:#6c6b70;--line:#e5dfdc;--green:#2a6d5e;--amber:#946527;--gold:#c5a66e;--shadow:0 10px 36px rgba(54,36,43,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","Source Han Sans SC","Microsoft YaHei","PingFang SC","Yu Gothic UI",sans-serif;font-size:15px;line-height:1.6}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--wine)}a:hover{text-decoration:none}h1,h2,h3,p{margin-top:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b0506766;outline-offset:2px}
.topbar{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:2}.top-inner{max-width:1500px;min-height:74px;margin:auto;padding:0 32px;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:12px;min-width:210px}.brand-mark{font-size:25px;color:var(--accent);line-height:1;filter:drop-shadow(0 2px 0 #eac7cf)}.brand strong{display:block;font:700 20px Georgia,serif;letter-spacing:.055em;color:var(--wine);line-height:1}.brand small{display:block;margin-top:4px;font-size:11px;letter-spacing:.13em;color:var(--muted);white-space:nowrap}.topbar nav{height:74px;display:flex;gap:5px;align-items:stretch;overflow:auto;scrollbar-width:none}.topbar nav::-webkit-scrollbar{display:none}.nav{border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);font-size:14px;font-weight:650;letter-spacing:.01em;padding:4px 18px 0;white-space:nowrap}.nav:hover{color:var(--wine);background:#fbf6f7}.nav.active{color:var(--wine);border-bottom-color:var(--accent)}.data-status{margin-left:auto;font-size:12px;color:var(--muted);white-space:nowrap}
main{max-width:1500px;margin:auto;padding:27px 32px 72px}.workspace-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:26px;margin-bottom:22px;padding:5px 2px}.eyebrow{display:block;color:var(--accent);font:700 11px Georgia,serif;letter-spacing:.17em;text-transform:uppercase;margin-bottom:7px}.workspace-intro h1{font-size:27px;letter-spacing:-.02em;line-height:1.3;margin:0 0 5px;font-weight:720}.workspace-intro p{color:var(--muted);font-size:14px;margin:0}.workflow{display:flex;gap:5px;background:#ebe5e0;border-radius:13px;padding:5px}.workflow button{border:0;border-radius:10px;background:#fff;color:var(--ink);display:flex;align-items:center;gap:9px;text-align:left;padding:8px 12px;min-width:126px;box-shadow:0 1px 4px #3331}.workflow button:hover{background:var(--rose)}.workflow b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--rose);color:var(--wine);font:700 12px Georgia,serif;flex:none}.workflow span{font-weight:700;font-size:12px;line-height:1.3}.workflow small{font-size:10px;font-weight:400;color:var(--muted)}
.control-panel,.panel,.metric{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.control-panel{padding:18px 22px;margin-bottom:22px}.control-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:15px}.control-heading .eyebrow{margin-bottom:1px}.control-heading h2{font-size:18px;margin:0;color:var(--wine)}.control-heading p{font-size:12px;color:var(--muted);margin:0}.control-main{display:grid;grid-template-columns:minmax(290px,1.9fr) repeat(3,minmax(110px,.45fr));gap:14px;align-items:end}label{display:flex;flex-direction:column;gap:6px;color:#55545a;font-size:12px;font-weight:650;letter-spacing:.005em}input,select{height:42px;width:100%;min-width:0;border:1px solid #d7ceca;border-radius:9px;background:#fff;color:var(--ink);padding:8px 11px;outline:none;font-size:14px}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b0506724}.scenario{margin-top:15px;padding-top:11px;border-top:1px solid var(--line)}.scenario summary{cursor:pointer;color:var(--wine);font-size:13px;font-weight:700;list-style:none}.scenario summary::-webkit-details-marker{display:none}.scenario summary:before{content:"▸";display:inline-block;margin-right:8px;transition:transform .2s}.scenario[open] summary:before{transform:rotate(90deg)}.scenario summary span{color:var(--muted);font-weight:400;margin-left:9px}.scenario-grid{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:13px;margin-top:15px}.slider{grid-column:span 2;display:grid;grid-template-columns:1fr auto;column-gap:8px}.slider input{grid-column:1;accent-color:var(--accent);height:27px;padding:0}.slider output{grid-column:2;color:var(--wine);font-size:13px;font-weight:750}.weight-set{grid-column:span 4;display:flex;align-items:end;gap:9px}.weight-set>span{font-size:12px;color:var(--muted);font-weight:700;padding-bottom:11px;white-space:nowrap}.weight-set label{flex:1}.weight-set input{min-width:60px}
.tab-page{display:none}.tab-page.active{display:block}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.summary-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{padding:15px 18px;min-height:106px;border-top:3px solid var(--gold)}.metric span,.metric small{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;color:var(--wine);font-size:24px;line-height:1.25;font-weight:760;margin:8px 0 3px;font-variant-numeric:tabular-nums}.metric:first-child strong{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:16px;margin-bottom:16px}.panel{padding:19px 21px;margin-bottom:16px;min-width:0}.main-grid .panel{margin-bottom:0}.panel-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:15px}.panel-title h2{font-size:17px;line-height:1.3;margin:0;color:var(--wine);font-weight:730}.panel-title span{font-size:12px;color:var(--muted)}.route-panel,.detail-panel{min-height:322px}.course-svg{width:100%;overflow:hidden}.course-svg svg{width:100%;height:auto;display:block}.route-key{display:flex;gap:17px;flex-wrap:wrap;margin-top:8px;color:var(--muted);font-size:12px}.route-key span{display:flex;align-items:center;gap:6px}.route-key i{width:12px;height:9px;border-radius:2px;display:inline-block}.key-corner{background:var(--wine)}.key-slope{background:var(--gold)}.key-terminal{background:#ddaeb9}.key-skill{background:var(--accent)}
.text-button{border:0;background:none;color:var(--wine);font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px;padding:4px}.detail-header{display:flex;gap:12px;align-items:center;margin-bottom:12px}.skill-icon{width:40px;height:40px;object-fit:contain;border:1px solid var(--line);border-radius:9px;background:#fff;padding:3px;flex:none}.skill-icon.fallback{display:grid;place-items:center;background:var(--rose);color:var(--wine);font-size:21px}.detail-header h3{font-size:18px;line-height:1.3;margin:0}.skill-id{font-size:12px;color:var(--muted);margin-top:3px}.pill-row{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.pill{border-radius:999px;background:#f0eeeb;color:#5f5b5c;padding:4px 9px;font-size:11px;font-weight:700}.pill.warning{background:#fbecd3;color:var(--amber)}.pill.good{background:#e5f2ed;color:var(--green)}.detail-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.detail-metrics>div{background:var(--soft);padding:10px;border-radius:9px}.detail-metrics span{color:var(--muted);font-size:11px;display:block}.detail-metrics strong{color:var(--wine);font-size:18px;display:block;margin-top:3px;font-variant-numeric:tabular-nums}.description{font-size:13px;color:#4b4b4e;line-height:1.75;margin:10px 0}.detail-note{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px;margin-top:11px;line-height:1.6;overflow-wrap:anywhere}.override{display:flex;align-items:center;gap:8px;margin-top:10px}.override label{flex:1}.override input{accent-color:var(--accent)}.override output{font-size:12px;font-weight:700;color:var(--wine)}
.library-tools{display:flex;gap:9px;margin-bottom:13px}.library-tools input{flex:1}.library-tools select{width:152px}.table-wrap{overflow:auto;max-height:630px;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;text-align:left}thead{position:sticky;top:0;z-index:1}th{background:#f1edeb;color:#514c50;font-size:12px;font-weight:750;padding:10px 12px;white-space:nowrap;border-bottom:1px solid #d7cdca}td{border-top:1px solid #eee9e6;padding:9px 12px;font-size:13px;vertical-align:middle}tbody tr:hover{background:#fcf4f5}tbody tr.selected{background:#f9e9ed}tbody tr{cursor:pointer}.row-skill{display:flex;gap:10px;align-items:center;min-width:225px}.row-skill .skill-icon{width:32px;height:32px}.row-skill strong{font-weight:700;display:block;font-size:13px}.row-skill small{display:block;color:var(--muted);font-size:11px}.number{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.number.strong{color:var(--wine)}.tag{font-size:11px;white-space:nowrap}.tag.warn{color:var(--amber)}.tag.good{color:var(--green)}.table-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px;color:var(--muted);font-size:12px}.secondary,.primary{border:1px solid var(--wine);border-radius:9px;padding:9px 14px;font-weight:700;font-size:13px;background:#fff;color:var(--wine);line-height:1.3}.secondary:hover{background:var(--rose)}.primary{background:var(--wine);color:#fff}.primary:hover{background:var(--wine2)}
.section-heading,.matrix-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin:4px 0 19px}.section-heading h1,.matrix-head h1{font-size:25px;line-height:1.3;color:var(--ink);margin:0 0 4px;font-weight:760}.section-heading p,.matrix-head p{margin:0;color:var(--muted);font-size:13px}.matrix-controls{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.matrix-controls label:first-child{width:240px}.matrix-controls label{min-width:102px}.matrix-bars{display:flex;flex-direction:column;gap:9px}.bar-row{display:grid;grid-template-columns:146px minmax(30px,1fr) 58px;gap:10px;align-items:center;background:none;border:0;text-align:left;padding:0;color:var(--ink)}.bar-row .bar-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.bar-track{background:#f0e9e6;height:16px;border-radius:5px;overflow:hidden}.bar-fill{background:var(--accent);height:100%;border-radius:5px}.bar-number{font-size:12px;color:var(--wine);font-weight:750}.matrix-groups{display:flex;flex-direction:column;gap:13px}.group-row{border-bottom:1px solid var(--line);padding-bottom:10px}.group-name{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:700}.group-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:5px}.group-line{height:7px;background:#eee8e4;border-radius:4px;margin-top:7px;overflow:hidden}.group-line span{display:block;height:100%;background:var(--gold)}
.help{font-size:13px;color:var(--muted);line-height:1.7;margin:0 0 17px}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.upload-grid input{height:auto}.import-result{min-height:23px;font-size:12px;color:var(--green);margin:13px 0 0}.import-result.error{color:#a42d46}.course-editor{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:10px;margin-bottom:13px}.course-editor .full{grid-column:span 3}.export-actions{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0}.source-panel ul{margin:0;padding-left:20px;color:var(--muted);font-size:13px;line-height:1.85}.source-panel li{margin-bottom:7px}.source-panel code{font-size:12px}
.character-tools{display:grid;grid-template-columns:minmax(210px,1.4fr) repeat(4,minmax(115px,.8fr));gap:12px;align-items:end}.character-toolbar{display:flex;align-items:center;gap:14px;margin:15px 0 11px;font-size:12px;color:var(--muted)}.character-toolbar .secondary{margin-left:auto}.character-table{max-height:660px}.rank-number{color:var(--accent)}.character-name{min-width:180px}.character-name strong{display:block;font-size:14px;color:var(--ink)}.character-name small{display:block;font-size:11px;color:var(--muted);white-space:nowrap;max-width:260px;text-overflow:ellipsis;overflow:hidden}.style-chip{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:25px;border-radius:7px;font-size:12px;font-weight:800}.style-1{background:#e7f4ff;color:#216892}.style-2{background:#e5f5e1;color:#297b29}.style-3{background:#fff2c9;color:#8d6507}.style-4{background:#fff0e4;color:#9b501a}.composition{min-width:180px;font-size:12px}.composition small{display:block;color:var(--muted);font-size:11px}.character-bottom{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr)}.character-detail-head{display:flex;align-items:center;gap:10px;margin-bottom:13px}.character-detail-head h3{margin:0;font-size:18px}.character-detail-head small{font-size:11px;color:var(--muted)}.character-detail-head>strong{margin-left:auto;color:var(--wine);font-size:23px;white-space:nowrap}.part-list{border:1px solid var(--line);border-radius:9px;overflow:hidden}.part{display:grid;grid-template-columns:100px minmax(150px,1fr) 67px 64px;gap:8px;align-items:center;border-top:1px solid var(--line);padding:8px 11px;font-size:12px}.part:first-child{border-top:0}.part>span,.part>small{color:var(--muted)}.part>strong{font-weight:700;overflow-wrap:anywhere}.part>b{text-align:right;color:var(--wine);white-space:nowrap}.part>small{text-align:right}.character-note{margin-top:11px;color:var(--muted);font-size:12px}.band-button{border:0;border-bottom:1px solid var(--line);background:none;text-align:left;padding:0 0 10px;color:var(--ink);width:100%}.band-button:hover .group-name{color:var(--wine)}
.edit-original{font-size:12px;line-height:1.7;color:var(--muted);background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:9px 11px;margin:10px 0 15px}.edit-style{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:8px 0 14px;color:#55545a;font-size:12px;font-weight:700}.edit-style label{display:inline-flex;align-items:center;flex-direction:row;gap:5px}.edit-style input{width:15px;height:15px;accent-color:var(--wine)}.edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.edit-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.patch-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.patch-tools input{height:auto;max-width:245px}.patch-tools label{font-size:12px}
@media(max-width:1200px){.top-inner{gap:16px}.data-status{display:none}.workspace-intro{grid-template-columns:1fr}.workflow{width:max-content;max-width:100%}.main-grid,.character-bottom{grid-template-columns:1fr}.scenario-grid{grid-template-columns:repeat(4,minmax(110px,1fr))}.weight-set{grid-column:span 4}.character-tools{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.top-inner{padding:0 20px;flex-wrap:wrap;gap:0}.brand{height:54px;width:100%}.topbar nav{height:48px;width:100%;justify-content:flex-start}.nav{padding:3px 16px 0}.control-main{grid-template-columns:repeat(2,minmax(0,1fr))}.control-main .wide{grid-column:span 2}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.weight-set{grid-column:span 2;flex-wrap:wrap}.matrix-head{display:block}.matrix-controls{margin-top:14px}.matrix-controls label:first-child{width:100%}.matrix-controls label{flex:1}.library-tools{flex-wrap:wrap}.library-tools input{flex-basis:100%}.library-tools select{flex:1}.course-editor{grid-template-columns:repeat(2,1fr)}.course-editor .full{grid-column:span 2}}
@media(max-width:560px){main{padding:17px 13px 48px}.top-inner{padding:0 13px}.brand strong{font-size:18px}.workspace-intro{margin-bottom:15px}.workspace-intro h1{font-size:22px}.workspace-intro p{font-size:13px}.workflow{width:100%;gap:3px}.workflow button{min-width:0;flex:1;padding:7px 6px;gap:5px}.workflow b{width:21px;height:21px;font-size:11px}.workflow span{font-size:11px}.workflow small{font-size:9px}.control-panel,.panel{padding:16px}.control-heading{align-items:start}.control-heading p{max-width:110px;text-align:right}.control-main{gap:10px}.control-main label{font-size:12px}.summary-grid,.summary-grid.three{gap:9px}.metric{padding:11px 12px;min-height:96px}.metric strong{font-size:20px}.metric:first-child strong{font-size:14px}.metric span,.metric small{font-size:11px}.section-heading h1,.matrix-head h1{font-size:21px}.character-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.character-tools .search-wide{grid-column:span 2}.character-toolbar{flex-wrap:wrap}.character-toolbar .secondary{margin-left:0}.detail-metrics strong{font-size:15px}.detail-metrics span{font-size:10px}.upload-grid,.edit-grid{grid-template-columns:1fr}.part{grid-template-columns:73px minmax(100px,1fr) 52px;gap:5px;padding:7px}.part>small{display:none}.bar-row{grid-template-columns:100px minmax(30px,1fr) 55px}.bar-row .bar-name{font-size:11px}.table-foot{align-items:flex-start}.course-editor{grid-template-columns:1fr}.course-editor .full{grid-column:1}.scenario-grid{gap:9px}.weight-set{gap:6px}.weight-set>span{width:100%;padding:0}.weight-set label{min-width:72px}}
.detail-extremes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:-4px 0 14px}.detail-extremes>div{border:1px solid var(--line);border-radius:6px;padding:8px;min-width:0}.detail-extremes span{display:block;color:var(--muted);font-size:11px}.detail-extremes strong{display:block;color:var(--ink);font-size:14px;white-space:nowrap;margin-top:3px}.detail-extremes>div:last-child strong{font-size:12px;color:var(--muted)}
@media(max-width:560px){.detail-extremes{grid-template-columns:repeat(2,minmax(0,1fr))}}
.benchmark-panel{margin-top:18px;border-color:color-mix(in srgb,var(--wine) 34%,var(--line));background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--soft) 58%,var(--panel)));position:relative;overflow:hidden}.benchmark-panel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--wine),#c49556,#6f9b93)}.benchmark-panel>.help{max-width:1000px}.benchmark-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.benchmark-card{border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel) 87%,var(--soft));padding:14px 16px;box-shadow:0 5px 16px #2110190a}.benchmark-course{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:8px}.benchmark-course strong{font-size:15px;color:var(--ink)}.benchmark-course span{font-size:11px;color:var(--muted);padding:3px 8px;border:1px solid var(--line);border-radius:99px}.benchmark-metric{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center;padding:6px 0}.benchmark-metric span{font-size:12px;color:var(--muted)}.benchmark-metric strong{font-size:17px;color:var(--wine);font-variant-numeric:tabular-nums}.benchmark-metric i,.benchmark-bars i{grid-column:1/-1;display:block;height:5px;border-radius:9px;background:linear-gradient(90deg,#73968b,#c2975a);position:relative;overflow:hidden}.benchmark-metric i:after,.benchmark-bars i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--metric,var(--bar));border-radius:inherit;background:linear-gradient(90deg,#5e8b7b,#c0904f);opacity:.9}.benchmark-case{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(230px,.8fr);gap:20px;align-items:center;border:1px solid color-mix(in srgb,#bd8e51 38%,var(--line));border-radius:10px;background:linear-gradient(110deg,color-mix(in srgb,#c49a62 10%,var(--panel)),var(--panel) 65%);padding:17px 19px}.benchmark-kicker{font-size:10px;letter-spacing:.12em;color:#987343;text-transform:uppercase}.benchmark-case h3{margin:4px 0 5px;font-size:19px;color:var(--ink)}.benchmark-case p{margin:0 0 6px;line-height:1.65;color:var(--ink);font-size:13px}.benchmark-case small{color:var(--muted);line-height:1.6;display:block}.benchmark-bars>div{display:grid;grid-template-columns:1fr auto;gap:5px 10px;margin:8px 0}.benchmark-bars span{font-size:11px;color:var(--muted)}.benchmark-bars b{font-size:14px;color:var(--wine);font-variant-numeric:tabular-nums}.benchmark-units{display:flex;align-items:center;gap:9px 16px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:14px;padding-top:12px;color:var(--muted);font-size:12px}.benchmark-units strong{color:var(--ink)}.benchmark-units code{background:var(--soft);border:1px solid var(--line);border-radius:5px;padding:4px 7px;color:var(--wine);font-size:11px}
@media(max-width:900px){.benchmark-grid{grid-template-columns:1fr}.benchmark-case{grid-template-columns:1fr}.benchmark-bars{display:grid;grid-template-columns:1fr 1fr;gap:8px}.benchmark-bars>div{margin:4px 0}}
@media(max-width:560px){.benchmark-card{padding:12px}.benchmark-case{padding:14px}.benchmark-bars{grid-template-columns:1fr}.benchmark-units{align-items:flex-start;flex-direction:column;gap:7px}}