2 lines
12 KiB
CSS
2 lines
12 KiB
CSS
[data-v-934ead49]:root{--primary-color: #409eff;--success-color: #67c23a;--warning-color: #e6a23c;--danger-color: #f56c6c;--info-color: #909399;--text-primary: #303133;--text-regular: #606266;--text-secondary: #909399;--border-color: #dcdfe6;--bg-color: #f5f7fa}[data-v-934ead49]{box-sizing:border-box;margin:0;padding:0}body[data-v-934ead49]{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;color:var(--text-primary);line-height:1.5;background-color:#f0f2f5}.app-container[data-v-934ead49]{display:flex;min-height:100vh}.sidebar[data-v-934ead49]{width:220px;background-color:#001529;color:#fff;padding:20px 0}.sidebar h2[data-v-934ead49]{padding:0 20px;margin-bottom:20px;font-size:18px;font-weight:600}.sidebar ul[data-v-934ead49]{list-style:none}.sidebar li[data-v-934ead49]{padding:12px 20px;cursor:pointer;transition:all .3s;display:flex;align-items:center}.sidebar li[data-v-934ead49]:hover,.sidebar li.active[data-v-934ead49]{background-color:#1890ff}.sidebar li i[data-v-934ead49]{margin-right:8px}.main-content[data-v-934ead49]{flex:1;padding:20px;background-color:#f0f2f5;overflow-y:auto}.upload-card[data-v-934ead49],.result-card[data-v-934ead49],.weapon-list-card[data-v-934ead49],.compare-tools[data-v-934ead49],.info-card[data-v-934ead49],.reload-card[data-v-934ead49],.pagination-card[data-v-934ead49]{background-color:#fff;border-radius:8px;box-shadow:0 1px 4px #00000014;padding:20px;margin-bottom:20px}.card-header[data-v-934ead49]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.card-header h3[data-v-934ead49]{margin:0;font-size:16px;color:var(--text-primary)}.upload-area[data-v-934ead49]{display:flex;gap:20px;margin-bottom:20px}.upload-card[data-v-934ead49]{flex:1;text-align:center}.upload-card h3[data-v-934ead49]{margin-bottom:15px;color:var(--text-primary)}.file-upload+label[data-v-934ead49]{display:inline-block;padding:10px 20px;background-color:var(--primary-color);color:#fff;border-radius:4px;cursor:pointer;transition:background-color .3s}.file-upload+label[data-v-934ead49]:hover{background-color:#66b1ff}.table-responsive[data-v-934ead49]{overflow-x:auto}.result-table[data-v-934ead49],.weapon-table[data-v-934ead49],.comparison-table[data-v-934ead49],.info-table[data-v-934ead49]{width:100%;border-collapse:collapse;font-size:14px}.result-table th[data-v-934ead49],.result-table td[data-v-934ead49],.weapon-table th[data-v-934ead49],.weapon-table td[data-v-934ead49],.comparison-table th[data-v-934ead49],.comparison-table td[data-v-934ead49],.info-table th[data-v-934ead49],.info-table td[data-v-934ead49]{padding:12px 15px;border:1px solid var(--border-color);text-align:left}.result-table th[data-v-934ead49],.weapon-table th[data-v-934ead49],.comparison-table th[data-v-934ead49],.info-table th[data-v-934ead49]{background-color:#fafafa;font-weight:600;color:var(--text-primary)}.result-table tr[data-v-934ead49]:nth-child(2n),.weapon-table tr[data-v-934ead49]:nth-child(2n),.info-table tr[data-v-934ead49]:nth-child(2n){background-color:#f9f9f9}.result-table tr[data-v-934ead49]:hover,.weapon-table tr[data-v-934ead49]:hover,.info-table tr[data-v-934ead49]:hover{background-color:#f5f5f5}.no-match[data-v-934ead49]{color:var(--text-secondary);font-style:italic}.pagination-controls[data-v-934ead49]{display:flex;align-items:center;justify-content:center;gap:15px}.page-btn[data-v-934ead49]{padding:8px 16px;background-color:#fff;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;align-items:center;transition:all .3s}.page-btn[data-v-934ead49]:disabled{opacity:.6;cursor:not-allowed}.page-btn[data-v-934ead49]:hover:not(:disabled){color:var(--primary-color);border-color:var(--primary-color)}.page-info[data-v-934ead49]{font-size:14px;color:var(--text-regular)}.action-btn[data-v-934ead49]{padding:8px 16px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:14px;transition:background-color .3s}.action-btn[data-v-934ead49]:hover{background-color:#66b1ff}.action-btn.danger[data-v-934ead49]{background-color:var(--danger-color)}.action-btn.danger[data-v-934ead49]:hover{background-color:#f78989}.tool-btn[data-v-934ead49]{padding:8px 16px;background-color:#959595;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:14px;transition:all .3s}.tool-btn[data-v-934ead49]:hover{color:var(--primary-color);border-color:var(--primary-color)}.tool-btn.active[data-v-934ead49]{background-color:#cecece;color:#000;border-color:var(--primary-color)}.small-btn[data-v-934ead49]{padding:6px 12px;font-size:12px;border-radius:3px;background-color:#fff;border:1px solid var(--border-color);cursor:pointer;transition:all .3s}.small-btn[data-v-934ead49]:hover{color:var(--primary-color);border-color:var(--primary-color)}.small-btn.danger[data-v-934ead49]{color:var(--danger-color);border-color:var(--danger-color)}.small-btn.danger[data-v-934ead49]:hover{background-color:#fef0f0}.attribute-selector-panel[data-v-934ead49]{display:flex;gap:20px;margin-bottom:20px}.attribute-controls[data-v-934ead49]{flex:1;max-width:350px}.search-box[data-v-934ead49]{position:relative;margin-bottom:10px;display:flex;gap:10px}.search-box .icon-search[data-v-934ead49]{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-input[data-v-934ead49]{flex:1;padding:8px 12px 8px 32px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;transition:border-color .3s}.search-input[data-v-934ead49]:focus{border-color:var(--primary-color);outline:none}.button-group[data-v-934ead49]{display:flex;gap:8px}.select-container[data-v-934ead49]{position:relative}.multi-select[data-v-934ead49]{width:100%;padding:8px;border:1px solid var(--border-color);border-radius:4px;background:#fff;font-size:14px;min-height:200px;transition:border-color .3s}.multi-select[data-v-934ead49]:focus{border-color:var(--primary-color);outline:none}.select-option[data-v-934ead49]{padding:8px 12px;cursor:pointer}.select-option[data-v-934ead49]:hover{background-color:#f5f7fa}.selection-info[data-v-934ead49]{margin-top:8px;font-size:12px;color:var(--text-secondary);text-align:right}.selected-preview[data-v-934ead49]{flex:1;min-width:0;background:#fff;border-radius:6px;border:1px solid var(--border-color)}.preview-header[data-v-934ead49]{padding:12px 15px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.preview-header h4[data-v-934ead49]{margin:0;font-size:14px;color:var(--text-primary)}.hint-text[data-v-934ead49]{font-size:12px;color:var(--text-secondary)}.selected-tags[data-v-934ead49]{padding:12px;display:flex;flex-wrap:wrap;gap:8px;max-height:200px;overflow-y:auto}.tag[data-v-934ead49]{display:inline-flex;align-items:center;background:#f0f7ff;padding:4px 10px;border-radius:4px;font-size:13px;color:var(--primary-color);cursor:pointer;transition:all .3s}.tag[data-v-934ead49]:hover{background:#d9ecff}.tag .icon-close[data-v-934ead49]{margin-left:6px;font-size:12px;opacity:.7}.tag:hover .icon-close[data-v-934ead49]{opacity:1}.empty-hint[data-v-934ead49]{color:var(--text-secondary);font-size:13px;font-style:italic}.comparison-table[data-v-934ead49]{width:100%;border-collapse:collapse}.comparison-table th[data-v-934ead49],.comparison-table td[data-v-934ead49]{padding:12px 15px;border:1px solid var(--border-color)}.comparison-table th[data-v-934ead49]{background-color:#fafafa;font-weight:600}.attr-name[data-v-934ead49]{font-weight:600;background-color:#fafafa!important}.has-value[data-v-934ead49]{background-color:#f6ffed}.no-value[data-v-934ead49]{background-color:#fff2f0;color:var(--text-secondary)}.empty-state[data-v-934ead49]{padding:40px 0;text-align:center;color:var(--text-secondary)}.empty-state.small[data-v-934ead49]{padding:20px 0}.empty-state .icon[data-v-934ead49]{font-size:48px;margin-bottom:15px;opacity:.5}.empty-state.small .icon[data-v-934ead49]{font-size:24px}.empty-state p[data-v-934ead49]{margin-top:10px}.ranking-list[data-v-934ead49]{padding:10px 0}.ranking-item[data-v-934ead49]{display:flex;align-items:center;padding:10px 15px;border-bottom:1px dashed var(--border-color)}.ranking-item[data-v-934ead49]:last-child{border-bottom:none}.rank[data-v-934ead49]{width:24px;height:24px;background-color:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;margin-right:12px}.ranking-item:nth-child(1) .rank[data-v-934ead49]{background-color:#fff7e6;color:#faad14}.ranking-item:nth-child(2) .rank[data-v-934ead49]{background-color:#fff2f0;color:#ff4d4f}.ranking-item:nth-child(3) .rank[data-v-934ead49]{background-color:#f6ffed;color:#52c41a}.weapon-name[data-v-934ead49]{flex:1;font-size:14px}.count[data-v-934ead49]{font-size:13px;color:var(--text-secondary)}.checkbox-container[data-v-934ead49]{display:block;position:relative;padding-left:25px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-container input[data-v-934ead49]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark[data-v-934ead49]{position:absolute;top:0;left:0;height:18px;width:18px;background-color:#fff;border:1px solid var(--border-color);border-radius:3px}.checkbox-container:hover input~.checkmark[data-v-934ead49]{border-color:var(--primary-color)}.checkbox-container input:checked~.checkmark[data-v-934ead49]{background-color:var(--primary-color);border-color:var(--primary-color)}.checkmark[data-v-934ead49]:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark[data-v-934ead49]:after{display:block}.checkbox-container .checkmark[data-v-934ead49]:after{left:6px;top:2px;width:5px;height:10px;border:solid rgb(19,38,255);border-width:0 2px 2px 0;transform:rotate(45deg)}.icon[data-v-934ead49]{display:inline-block;width:1em;height:1em;vertical-align:middle;fill:currentColor}@media (max-width: 992px){.app-container[data-v-934ead49]{flex-direction:column}.sidebar[data-v-934ead49]{width:100%;padding:10px}.sidebar ul[data-v-934ead49]{display:flex}.sidebar li[data-v-934ead49]{padding:10px 15px}.upload-area[data-v-934ead49],.attribute-selector-panel[data-v-934ead49]{flex-direction:column}.attribute-controls[data-v-934ead49]{max-width:100%}}@media (max-width: 768px){.pagination-controls[data-v-934ead49]{flex-direction:column;gap:10px}.card-header[data-v-934ead49]{flex-direction:column;align-items:flex-start;gap:10px}.button-group[data-v-934ead49]{flex-wrap:wrap}}.GOBeditor-section[data-v-934ead49]{padding:20px;font-family:Arial,sans-serif}.file-input-container[data-v-934ead49]{margin-bottom:20px}.unit-editor[data-v-934ead49]{display:flex;gap:20px}.unit-list[data-v-934ead49]{width:250px;border-right:1px solid #ddd;padding-right:10px;max-height:80vh;overflow-y:auto}.unit-item[data-v-934ead49]{padding:8px 12px;cursor:pointer;border-radius:4px;margin-bottom:5px;background-color:#f5f5f5}.unit-item[data-v-934ead49]:hover{background-color:#e0e0e0}.unit-details[data-v-934ead49]{flex:1;padding:10px;background-color:#f9f9f9;border-radius:5px}.detail-row[data-v-934ead49]{display:flex;margin-bottom:10px}.detail-label[data-v-934ead49]{font-weight:700;min-width:150px;color:#333}.detail-value[data-v-934ead49]{color:#666}.detail-group[data-v-934ead49]{margin-bottom:15px;border:1px solid #ddd;border-radius:5px;overflow:hidden}.group-header[data-v-934ead49]{padding:8px 12px;background-color:#e9e9e9;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.group-header[data-v-934ead49]:hover{background-color:#e0e0e0}.group-content[data-v-934ead49]{padding:10px 15px;background-color:#fff}.toggle-icon[data-v-934ead49]{font-weight:700}.weapon-stats[data-v-934ead49]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-left:10px;padding:8px;background-color:#f0f0f0;border-radius:4px}.weapon-stats div[data-v-934ead49]{white-space:nowrap}.file-input-container[data-v-934ead49]{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.file-input[data-v-934ead49]{padding:8px;border:1px solid #ddd;border-radius:4px;background-color:#fff}
|