#character-panel{flex:1;min-width:280px;display:flex;flex-direction:column;background-color:#1e1e1e;border:1px solid #444;border-radius:5px;padding:10px;overflow-y:auto;overflow-x:hidden;min-height:600px;max-height:100%}#stats-display{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding-right:5px}.stat-line{background-color:#2a2a2a;padding:8px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:1.15em}.stat-line .value{color:#fff;font-weight:700}.stat-line .bonus{color:#7fbf7f;margin-left:5px}.stat-line.editable-override-stat{cursor:pointer;transition:background-color .2s;position:relative}#character-title:hover,.stat-line.editable-override-stat:hover{background-color:#3a3a3a}.stat-line.editable-override-stat .value{position:relative}.stat-line.editable-override-stat .value::after{content:"⚙";position:absolute;right:-15px;top:50%;transform:translateY(-50%);color:#ff9f40;font-size:.9em;opacity:0;transition:opacity .2s}.skin-slot.equipped-skin:hover::after,.stat-line.editable-override-stat:hover .value::after{opacity:1}.override-stat-input{background-color:#1a1a1a;color:#fff;border:1px solid #ff9f40;border-radius:3px;padding:4px 6px;width:60px;text-align:center;font-size:inherit;font-family:inherit;height:auto;box-sizing:border-box}.override-stat-input::-webkit-inner-spin-button,.override-stat-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.override-stat-input[type=number],.stat-value-input[type=number]{-moz-appearance:textfield;appearance:textfield}.override-stat-input:focus{outline:0;border-color:#ff9f40;box-shadow:0 0 3px rgba(255,159,64,.5)}.stat-line.editable-override-stat[title*="当前使用自定义值"] .value{color:#ff9f40;text-shadow:0 0 3px rgba(255,159,64,.3)}.stat-line.editable-override-stat[title*="当前使用自定义值"] .value::before{content:"※";color:#ff9f40;margin-right:3px;font-size:.8em}#builder-panel{flex:2.25;display:flex;flex-direction:column;min-height:0;min-width:0;background-color:#1e1e1e;border:1px solid #444;border-radius:5px;padding:clamp(8px,1vw,10px);overflow:hidden}#equipped-items{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:min(10px,1vw);flex:1;overflow-y:auto;align-content:start;padding:5px;min-height:0;max-height:100%}.paperdoll-slot{background-color:#2a2a2a;border:1px dashed #555;border-radius:4px;display:flex;flex-direction:column;padding:clamp(3px,.7vw,7px);container-type:size;container-name:equipment-slot;font-size:clamp(.6em, 5cqw, 1.2em);color:#888;position:relative;cursor:pointer;min-height:0;overflow:hidden;box-sizing:border-box}.paperdoll-slot.equipped::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%;background-image:var(--equipment-icon);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.8;z-index:1;pointer-events:none}.paperdoll-slot.equipped>*,.weapon-full.equipped>*,.weapon-side.equipped>*{position:relative;z-index:2}.paperdoll-slot.equipped>.slot-comparison-icon,.weapon-side>.slot-comparison-icon{position:absolute!important;z-index:2!important}.paperdoll-slot.has-open-selector,.weapon-side.has-open-selector{z-index:15!important}.paperdoll-slot:hover{border-color:#d1b06b;border-style:solid}.paperdoll-slot.headgear-restricted{background-color:#3a2a2a;border-color:#ff6b6b;border-style:dashed;opacity:.7;cursor:not-allowed}.paperdoll-slot.headgear-restricted:hover{border-color:#ff6b6b;background-color:#4a2a2a}.headgear-restricted-text{color:#ff6b6b;font-size:.8em;text-align:center;font-weight:700}.paperdoll-slot.equipped{border-style:solid;color:#fff;justify-content:flex-start;align-items:stretch}.paperdoll-slot .item-name{font-size:clamp(.7em, 4.5cqw, .95em);font-weight:400;word-break:break-all;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.equipped-item-header{font-weight:700;text-align:center;padding-bottom:clamp(1px,.25vw,2px);margin-bottom:clamp(1px,.25vw,2px);border-bottom:1px solid rgba(128,128,128,.5);font-size:clamp(.8em, 4.25cqw, .95em);flex-shrink:0;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.equipped-item-stats{display:flex;flex-direction:column;gap:clamp(.5px,.15vw,1.5px);width:100%;font-size:clamp(.75em, 4.5cqw, 1em);font-weight:400;overflow-y:auto;flex-grow:1;min-height:0;max-height:60%;scrollbar-width:thin;scrollbar-color:#666 transparent}.stat-line-in-slot{display:grid;grid-template-columns:1fr auto;gap:clamp(3px,.6vw,8px);align-items:center;font-size:clamp(.7em, 4.2cqw, .95em);line-height:1.1;padding:.5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e0e0e0}.equipped-item-stats.stats-count-1 .stat-line-in-slot,.equipped-item-stats.stats-count-2 .stat-line-in-slot{font-size:clamp(.8em, 4.8cqw, 1.05em);line-height:1.2}.equipped-item-stats.stats-count-3 .stat-line-in-slot,.equipped-item-stats.stats-count-4 .stat-line-in-slot{font-size:clamp(.75em, 4.5cqw, 1em);line-height:1.15}.equipped-item-stats.stats-count-5 .stat-line-in-slot,.equipped-item-stats.stats-count-6 .stat-line-in-slot{font-size:clamp(.6em, 4.2cqw, .95em);line-height:1}.equipped-item-stats.stats-count-7 .stat-line-in-slot,.equipped-item-stats.stats-count-8 .stat-line-in-slot{font-size:clamp(.65em, 4cqw, .9em);line-height:1.05}.equipped-item-stats.stats-count-10 .stat-line-in-slot,.equipped-item-stats.stats-count-11 .stat-line-in-slot,.equipped-item-stats.stats-count-12 .stat-line-in-slot,.equipped-item-stats.stats-count-9 .stat-line-in-slot,.equipped-item-stats.stats-count-many .stat-line-in-slot{font-size:clamp(.6em, 3.8cqw, .85em);line-height:1}.skin-slot{background-color:#2a2a2a;border:1px dashed #666;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;cursor:pointer;transition:.2s;padding:6px;gap:4px;position:relative}.skin-slot.equipped-skin:hover,.skin-slot:hover{border-color:#d1b06b;border-style:solid;background-color:#333}.skin-slot.equipped-skin{border-style:dashed;border-color:#666;background-color:#2a2a2a}.skin-slot.empty-skin{justify-content:center}.skin-selector-text{color:#d1b06b;font-weight:700;text-align:center;font-size:.9em}.skin-name{color:#d1b06b;font-weight:700;font-size:clamp(.85em, 4.75cqw, 1.05em);text-align:center;width:100%}.skin-stats{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:2px;font-size:clamp(.75em, 4.25cqw, .9em);line-height:1.3;text-align:center;width:100%}.skin-stat-line{text-align:center}.equipped-skin .skin-selector-text,.skin-stat-line.positive-stat{color:#7fbf7f}.skin-stat-line.negative-stat{color:#f99}.skin-stat-line.neutral-stat{color:#ccc}.skin-restriction-hint{color:#f99;font-size:clamp(.7em, 4cqw, .85em);text-align:center;font-weight:700;width:100%}.skin-removed{color:#ff6b6b;font-weight:700;text-shadow:0 0 3px rgba(255,107,107,.3)}.skin-slot.equipped-skin::after{content:'右键取消';position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.8);color:#ccc;font-size:.7em;padding:3px 6px;border-radius:3px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s;z-index:100}#character-title{cursor:pointer;user-select:none;padding:1px;border-radius:8px;transition:background-color .2s;text-align:center;border-bottom:2px solid #444;font-size:1.45rem}.class-list-popup{position:absolute;background-color:#2a2a2a;border:1px solid #555;border-radius:4px;z-index:9999;box-shadow:0 5px 15px rgba(0,0,0,.8);padding:5px 0;margin:0;min-width:150px;max-height:447px;overflow-y:auto}.class-list-popup ul{list-style:none;padding:0;margin:0}.class-list-popup li{padding:8px 25px;cursor:pointer;white-space:nowrap;font-size:1.1em;color:#e0e0e0;border-bottom:1px solid #444}.class-list-popup li:hover{background-color:#4a4a4a;color:#d1b06b}.class-list-popup li.active{font-weight:700;color:#d1b06b}#skin-selector-popup li{display:flex;justify-content:space-between;align-items:center;gap:15px}#skin-selector-popup .skin-name-left{flex-shrink:0}#skin-selector-popup .skin-effects-right{text-align:right;white-space:nowrap}.builder-title-group{display:flex;align-items:center;gap:15px}#builder-panel h2{margin-bottom:0}.builder-action-btn{background-color:#333;color:#e0e0e0;border:1px solid #666;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.9em;font-weight:700;transition:.2s}.builder-action-btn:hover{background-color:#444;border-color:#d1b06b}#equipped-items.no-scroll{overflow-y:hidden}.paperdoll-slot.empty-slot{border-style:dotted;border-color:#333;cursor:default;opacity:.8}.paperdoll-slot.empty-slot:hover{border-color:#333;border-style:dotted}.paperdoll-slot.weapon-slot{padding:4px}.weapon-container{display:flex;height:100%;width:100%;overflow:hidden;box-sizing:border-box}.weapon-side{flex:1;display:flex;flex-direction:column;padding:4px;position:relative;cursor:pointer;border-radius:3px;transition:background-color .2s;background-color:#2a2a2a;overflow:hidden;box-sizing:border-box;min-width:0}.weapon-full:hover,.weapon-side:hover{background-color:rgba(209,176,107,.1)}.weapon-left,.weapon-primary{border-right:1px solid #3a3a3a}.weapon-right,.weapon-secondary{border-left:1px solid #3a3a3a}.weapon-divider{width:1px;background-color:#3a3a3a;margin:2px 0}.weapon-side-label{font-size:.8em;color:#888;text-align:center;padding:2px}.weapon-side.equipped::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;background-image:var(--equipment-icon);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.8;z-index:1;pointer-events:none}.weapon-full.equipped::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%;background-image:var(--equipment-icon);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.8;z-index:1;pointer-events:none}.weapon-side .equipped-item-header{font-size:.85em;padding:2px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weapon-side .equipped-item-stats{font-size:.85em;gap:0;overflow:hidden}.weapon-side .random-affixes-container{font-size:.85em;overflow:hidden;align-items:center;justify-content:center;text-align:center;padding:clamp(1px,.2vw,3px) clamp(2px,.4vw,6px) 0;margin-top:clamp(1px,.2vw,3px);gap:clamp(.5px,.1vw,1px);max-height:50%}.weapon-side .random-affix-row{gap:clamp(1px,.2vw,3px);align-items:center;justify-content:center;min-height:clamp(10px,1.1vw,14px)}.weapon-full .random-affix-row,.weapon-full .random-affixes-container{align-items:center;justify-content:center;text-align:center}.weapon-side .custom-select-container{flex-grow:1;min-width:clamp(50px,6vw,80px);max-width:65%}.weapon-side .selected-option-display{font-size:clamp(.55em, 3.5cqw, .8em);height:clamp(10px,1.2vw,14px);line-height:clamp(8px, 1vw, 12px);padding:0 clamp(1px,.2vw,3px);min-width:clamp(50px,6vw,80px)}.paperdoll-slot .weapon-side .affix-input-wrapper{height:clamp(10px,1.2vw,14px);min-width:clamp(42px,5vw,35px);width:clamp(42px,5vw,35px);max-width:clamp(42px,5vw,60px);padding:0 clamp(1px,.15vw,2px);flex-shrink:0}.paperdoll-slot .weapon-side .affix-input{width:clamp(20px,2.8vw,20px);min-width:clamp(20px,2.8vw,22px);font-size:clamp(10px, 6cqw, 12px);padding:0 clamp(1px,.15vw,2px)}.weapon-side .affix-input{width:clamp(20px,2.8vw,35px);font-size:clamp(.55em, 3.5cqw, .8em);min-width:clamp(20px,2.8vw,35px)}.weapon-side .affix-percent-sign,.weapon-side .affix-plus-sign{font-size:clamp(.5em, 3cqw, .75em)}.weapon-side .random-affix-row .affix-input-wrapper{display:flex}.weapon-side .auto-price-display{font-size:.8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auto-price-display{font-size:clamp(.8em, 4.5cqw, 1em)}@media (max-width:1400px){.auto-price-display{font-size:.9em}}@media (max-width:1200px){.auto-price-display{font-size:.85em}}.weapon-container.two-handed{display:block}.weapon-full{height:100%;width:100%;display:flex;flex-direction:column;padding:4px;position:relative;cursor:pointer;border-radius:3px;transition:background-color .2s;background-color:#2a2a2a}@media (min-width:1600px){#equipped-items{gap:10px}.paperdoll-slot{padding:10px;font-size:1.3em}.equipped-item-stats{font-size:1em;gap:0}}@media (max-width:1400px){#equipped-items{gap:8px}.paperdoll-slot{padding:5px;font-size:1em}.equipped-item-header{font-size:.8em;padding-bottom:1px;margin-bottom:1px}.equipped-item-stats{font-size:.7em;gap:.5px;max-height:58%}.stat-line-in-slot{gap:4px}.weapon-side .equipped-item-header{font-size:.75em;padding:1px;margin-bottom:1px}.weapon-side .equipped-item-stats{font-size:.7em;gap:1px}.weapon-side .random-affixes-container{font-size:.7em}}@media (max-width:1200px){#equipped-items{gap:6px;padding:3px}.paperdoll-slot{padding:4px;font-size:.95em}.equipped-item-header{font-size:.75em;padding-bottom:1px;margin-bottom:1px}.equipped-item-stats{font-size:.65em;gap:.5px;max-height:56%}.stat-line-in-slot{gap:3px}.paperdoll-slot .item-name{font-size:.75em}.weapon-side .random-affix-row{min-height:12px;gap:.5px}.weapon-side .selected-option-display{font-size:1.05em;height:12px;line-height:10px;min-width:40px;padding:0 1px}.paperdoll-slot .weapon-side .affix-input-wrapper{height:12px;min-width:35px;width:35px;max-width:35px;padding:0 1px;flex-shrink:0}.weapon-side .affix-input{width:20px;font-size:1.05em;min-width:20px}.weapon-side .affix-percent-sign,.weapon-side .affix-plus-sign{font-size:.95em}}@media (max-width:1000px){.auto-price-display{font-size:.8em}#equipped-items{gap:4px;padding:2px}.paperdoll-slot{padding:3px;font-size:.85em}.equipped-item-header,.paperdoll-slot .item-name{font-size:.7em}.equipped-item-stats{font-size:.6em;max-height:54%}.stat-line-in-slot{display:grid;grid-template-columns:1fr auto;gap:2px;align-items:center;font-size:clamp(1.3em, 4.5cqw, 2em);line-height:1.15;padding:1px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e0e0e0}.equipped-item-stats.stats-count-1 .stat-line-in-slot,.equipped-item-stats.stats-count-2 .stat-line-in-slot{font-size:clamp(1.53em, 5.2cqw, 1.3em);line-height:1}.equipped-item-stats.stats-count-3 .stat-line-in-slot,.equipped-item-stats.stats-count-4 .stat-line-in-slot{font-size:clamp(1.45em, 5cqw, 1.25em);line-height:1}.equipped-item-stats.stats-count-5 .stat-line-in-slot,.equipped-item-stats.stats-count-6 .stat-line-in-slot{font-size:clamp(1.38em, 4.8cqw, 1.2em);line-height:1}.equipped-item-stats.stats-count-7 .stat-line-in-slot,.equipped-item-stats.stats-count-8 .stat-line-in-slot{font-size:clamp(1.3em, 4.6cqw, 1.15em);line-height:1}.equipped-item-stats.stats-count-10 .stat-line-in-slot,.equipped-item-stats.stats-count-11 .stat-line-in-slot,.equipped-item-stats.stats-count-12 .stat-line-in-slot,.equipped-item-stats.stats-count-9 .stat-line-in-slot,.equipped-item-stats.stats-count-many .stat-line-in-slot{font-size:clamp(1.22em, 4.4cqw, 1.1em);line-height:1}.weapon-side .random-affix-row{min-height:10px;gap:.2px}.weapon-side .selected-option-display{font-size:.6em;height:10px;line-height:8px;min-width:35px;padding:0 1px}.paperdoll-slot .weapon-side .affix-input-wrapper{height:10px;min-width:30px;width:30px;max-width:30px;padding:0 1px;flex-shrink:0}.weapon-side .affix-input{width:18px;font-size:.6em;min-width:18px}.weapon-side .affix-percent-sign,.weapon-side .affix-plus-sign{font-size:.55em}.weapon-side .stat-line-in-slot{display:grid;grid-template-columns:1fr auto;gap:1px;align-items:center;font-size:clamp(.7em, 3.8cqw, 1.6em);line-height:1.1;padding:.5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e0e0e0}.weapon-side .random-affix-display{font-size:clamp(1em, 4.5cqw, 2em);line-height:1}}.weapon-side *{max-width:100%;box-sizing:border-box}.weapon-side .equipped-item-header,.weapon-side .equipped-item-stats,.weapon-side .random-affix-row,.weapon-side .random-affixes-container,.weapon-side .stat-line-in-slot{word-wrap:break-word;word-break:break-all;overflow-wrap:break-word}.editable-stat-value{cursor:pointer;color:#7fbf7f;transition:.2s;border-radius:2px;padding:1px 3px;position:relative}.editable-stat-value:hover{background-color:rgba(127,191,127,.1);color:#9fd99f}.stat-value-input{background-color:#2a2a2a;border:1px solid #7fbf7f;color:#fff;padding:4px 3px;border-radius:2px;font-size:inherit;font-family:inherit;width:60px;text-align:center;height:auto;box-sizing:border-box}.stat-value-input:focus{outline:0;border-color:#9fd99f;box-shadow:0 0 3px rgba(127,191,127,.3)}.stat-value-input::-webkit-inner-spin-button,.stat-value-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stat-edit-hint{position:absolute;background:rgba(0,0,0,.9);color:#fff;padding:4px 8px;border-radius:4px;font-size:.8em;white-space:nowrap;z-index:1000;pointer-events:none;opacity:0;transition:opacity .2s}#talents-section{margin-top:15px}#talents-slots{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0}.talent-slot{display:flex;align-items:center;background:#2a2a2a;border:1px solid #444;border-radius:4px;padding:6px 8px;cursor:pointer;transition:.2s;min-height:32px}.talent-slot:hover{background:#333;border-color:#555}.talent-slot.selected{background:#3d3d2d;border-color:#b8860b}.talent-slot-icon{width:20px;height:20px;background:center/cover #444;border-radius:2px;margin-right:6px;flex-shrink:0}.talent-slot.selected .talent-slot-icon{border:1px solid #b8860b}.talent-slot-text{font-size:11px;color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.talent-slot.selected .talent-slot-text{color:#d1b06b}@media (max-width:1400px){#talents-slots{gap:6px}.talent-slot{padding:4px 6px;min-height:28px}.talent-slot-icon{width:18px;height:18px;margin-right:4px}.talent-slot-text{font-size:10px}}.slot-comparison-icon{position:absolute!important;top:4px!important;right:4px!important;bottom:auto!important;left:auto!important;width:24px;height:24px;background:linear-gradient(135deg,#d1b06b 0,#b8860b 100%);border:2px solid #d1b06b;border-radius:50%;color:#1a1a1a;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;z-index:100!important;padding:0;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.5);pointer-events:auto}.slot-comparison-icon:hover{transform:scale(1.2) rotate(15deg);box-shadow:0 0 15px rgba(209,176,107,.9);background:linear-gradient(135deg,#e6c67d 0,#d1b06b 100%);border-color:#e6c67d}.slot-comparison-icon[style*="display: none"]{display:none!important}@media (max-width:1200px){.weapon-side .equipped-item-header,.weapon-side-label{font-size:.7em}.weapon-side .equipped-item-stats,.weapon-side .random-affixes-container{font-size:.65em}.talent-slot{padding:3px 4px;min-height:24px}.talent-slot-icon{width:16px;height:16px;margin-right:3px}.talent-slot-text{font-size:9px}.slot-comparison-icon{width:22px;height:22px;font-size:13px;top:3px!important;right:3px!important}}@media (max-width:768px){.slot-comparison-icon{width:20px;height:20px;font-size:12px;top:2px!important;right:2px!important}}