.version-history-container[data-v-cb90476a]{padding:20px 0}.version-list[data-v-cb90476a]{display:flex;flex-direction:column;gap:20px}.version-item[data-v-cb90476a]{background-color:#1e293b80;border-radius:8px;padding:15px;border:1px solid var(--border-color)}.version-header[data-v-cb90476a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:10px}.version-header h4[data-v-cb90476a]{margin:0;color:var(--text-color);display:flex;align-items:center;gap:10px}.version-status[data-v-cb90476a]{font-size:.8em;padding:3px 8px;border-radius:12px;background-color:var(--secondary-color);color:#fff}.version-status.最新版[data-v-cb90476a]{background-color:var(--success-color)}.version-status.稳定版[data-v-cb90476a]{background-color:var(--primary-color)}.version-status.旧版[data-v-cb90476a]{background-color:var(--warning-color)}.version-status.初始版[data-v-cb90476a]{background-color:var(--info-color)}.version-date[data-v-cb90476a]{color:var(--text-muted);font-size:.9em}.version-description[data-v-cb90476a]{color:var(--text-color);margin-bottom:10px;font-weight:500}.version-changes[data-v-cb90476a]{list-style-type:none;padding:0;margin:0}.version-changes li[data-v-cb90476a]{padding:5px 0 5px 20px;position:relative;color:var(--text-muted)}.version-changes li[data-v-cb90476a]:before{content:"•";position:absolute;left:0;color:var(--primary-color)}.card-body[data-v-cb90476a]{padding:20px}@media (max-width: 768px){.version-header[data-v-cb90476a]{flex-direction:column;align-items:flex-start}.version-status[data-v-cb90476a]{align-self:flex-start}}.config-tabs[data-v-cd12c4ef]{display:flex;gap:5px;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:10px}.tab-button[data-v-cd12c4ef]{padding:8px 16px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:all .3s ease;font-weight:500}.tab-button[data-v-cd12c4ef]:hover{background-color:#ffffff1a;color:var(--text-color)}.tab-button.active[data-v-cd12c4ef]{background-color:var(--primary-color);color:#fff}.config-tab-content[data-v-cd12c4ef]{min-height:400px}.config-actions[data-v-cd12c4ef]{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.requirement-item[data-v-cd12c4ef]{padding:2px 0}.material-inputs[data-v-cd12c4ef]{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.material-input[data-v-cd12c4ef]{display:flex;gap:10px;align-items:center}.material-item[data-v-cd12c4ef]{flex:1}.material-quantity[data-v-cd12c4ef]{width:100px}.remove-material[data-v-cd12c4ef]{width:auto;padding:6px 10px}.table-responsive[data-v-cd12c4ef]{overflow-x:auto}.table[data-v-cd12c4ef]{width:100%;border-collapse:collapse}.table th[data-v-cd12c4ef],.table td[data-v-cd12c4ef]{padding:10px;text-align:left;border-bottom:1px solid var(--border-color)}.table th[data-v-cd12c4ef]{background-color:#3b82f61a;font-weight:600;color:var(--text-color)}@media (max-width: 768px){.config-tabs[data-v-cd12c4ef],.config-actions[data-v-cd12c4ef]{flex-direction:column}.material-input[data-v-cd12c4ef]{flex-direction:column;align-items:flex-start}.material-quantity[data-v-cd12c4ef]{width:100%}}.user-info-container[data-v-8c711488]{max-width:100%;margin:0 auto;padding:0;background-color:#1e293bb3;border-radius:12px;box-shadow:0 6px 15px #0003;border:1px solid rgba(255,255,255,.1)}.card-header[data-v-8c711488]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px 20px 10px;border-bottom:none;position:relative}.card-header .divider[data-v-8c711488]{position:absolute;bottom:0;left:20px;right:20px;height:1px;background:var(--border-color)}.card-title[data-v-8c711488]{margin:0;font-size:1.5rem;color:var(--text-color)}.card-body[data-v-8c711488]{padding:0}.user-header[data-v-8c711488]{height:100px;display:flex;align-items:center;padding:15px 25px;background-color:#ffffff0d;border-radius:8px;border:1px solid var(--border-color);margin-bottom:20px;margin-left:20px;margin-right:20px}.avatar-section[data-v-8c711488]{margin-right:20px}.avatar-wrapper[data-v-8c711488]{position:relative;display:inline-block;cursor:pointer;border-radius:50%;overflow:hidden}.avatar-wrapper:hover .avatar-overlay[data-v-8c711488]{opacity:1}.avatar-overlay[data-v-8c711488]{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:0;transition:opacity .3s ease;color:#fff;font-size:12px;pointer-events:none}.user-avatar[data-v-8c711488]{width:70px;height:70px;border-radius:50%;object-fit:cover;border:2px solid #475569;transition:border-color .3s ease;display:block}.user-avatar[data-v-8c711488]:hover{border-color:#3b82f6}.user-basic-info[data-v-8c711488]{flex:1;display:flex;flex-direction:column;justify-content:center}.user-actions[data-v-8c711488]{display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.info-row[data-v-8c711488]{display:flex;align-items:center;margin-bottom:5px}.info-row[data-v-8c711488]:last-child{margin-bottom:0}.info-label[data-v-8c711488]{font-weight:600;color:#94a3b8;margin-right:8px;font-size:14px;min-width:60px}.info-value[data-v-8c711488]{color:#f1f5f9;font-size:14px}.change-password-btn[data-v-8c711488]{padding:6px 15px;background:linear-gradient(to right,#3b82f6,#2563eb);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:all .3s ease}.change-password-btn[data-v-8c711488]:hover{background:linear-gradient(to right,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 2px 6px #3b82f666}.change-avatar-btn[data-v-8c711488]{padding:6px 12px;background:transparent;color:#94a3b8;border:1px solid #475569;border-radius:4px;cursor:pointer;font-size:12px;margin-top:10px;transition:all .3s ease}.change-avatar-btn[data-v-8c711488]:hover{background:#475569;color:#fff;border-color:#3b82f6}.exchange-info-section[data-v-8c711488]{background-color:#ffffff0d;border-radius:8px;padding:20px;border:1px solid var(--border-color);margin-left:20px;margin-right:20px;margin-bottom:20px}.exchange-info-section h3[data-v-8c711488]{color:#f1f5f9;margin-top:0;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #334155}.exchange-stats[data-v-8c711488]{display:flex;gap:20px;margin-bottom:25px;flex-wrap:wrap}.stat-card[data-v-8c711488]{flex:1;min-width:120px;text-align:center;padding:15px;background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border-radius:8px;border:1px solid rgba(59,130,246,.2)}.stat-number[data-v-8c711488]{font-size:24px;font-weight:700;color:#3b82f6;margin-bottom:5px}.stat-label[data-v-8c711488]{font-size:14px;color:#94a3b8}.exchange-history h4[data-v-8c711488]{color:#f1f5f9;margin-bottom:15px}.history-list[data-v-8c711488]{max-height:200px;overflow-y:auto}.history-item[data-v-8c711488]{display:flex;justify-content:space-between;padding:10px;background-color:#ffffff0d;margin-bottom:5px;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.history-item[data-v-8c711488]:last-child{margin-bottom:0}.item-name[data-v-8c711488]{color:#f1f5f9;font-weight:500}.exchange-time[data-v-8c711488]{color:#94a3b8;font-size:13px}.no-history[data-v-8c711488]{text-align:center;color:#94a3b8;font-style:italic;padding:20px}.cropper-container[data-v-8c711488]{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img[data-v-8c711488]{display:block;height:auto;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box[data-v-8c711488],.cropper-canvas[data-v-8c711488],.cropper-drag-box[data-v-8c711488],.cropper-crop-box[data-v-8c711488],.cropper-modal[data-v-8c711488]{position:absolute;top:0;right:0;bottom:0;left:0}.cropper-wrap-box[data-v-8c711488],.cropper-canvas[data-v-8c711488]{overflow:hidden}.cropper-drag-box[data-v-8c711488]{background-color:#fff;opacity:0}.cropper-modal[data-v-8c711488]{background-color:#000;opacity:.5}.cropper-view-box[data-v-8c711488]{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed[data-v-8c711488]{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h[data-v-8c711488]{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v[data-v-8c711488]{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center[data-v-8c711488]{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center[data-v-8c711488]:before,.cropper-center[data-v-8c711488]:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center[data-v-8c711488]:before{height:1px;left:-3px;top:0;width:7px}.cropper-center[data-v-8c711488]:after{height:7px;left:0;top:-3px;width:1px}.cropper-face[data-v-8c711488],.cropper-line[data-v-8c711488],.cropper-point[data-v-8c711488]{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face[data-v-8c711488]{background-color:#fff;left:0;top:0}.cropper-line[data-v-8c711488]{background-color:#39f}.cropper-line.line-e[data-v-8c711488]{cursor:e-resize;right:-3px;top:0;width:5px}.cropper-line.line-n[data-v-8c711488]{cursor:n-resize;height:5px;left:0;top:-3px}.cropper-line.line-w[data-v-8c711488]{cursor:w-resize;left:-3px;top:0;width:5px}.cropper-line.line-s[data-v-8c711488]{bottom:-3px;cursor:s-resize;height:5px;left:0}.cropper-point[data-v-8c711488]{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e[data-v-8c711488]{cursor:e-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n[data-v-8c711488]{cursor:n-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w[data-v-8c711488]{cursor:w-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s[data-v-8c711488]{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne[data-v-8c711488]{cursor:ne-resize;right:-3px;top:-3px}.cropper-point.point-nw[data-v-8c711488]{cursor:nw-resize;left:-3px;top:-3px}.cropper-point.point-sw[data-v-8c711488]{bottom:-3px;cursor:sw-resize;left:-3px}.cropper-point.point-se[data-v-8c711488]{bottom:-3px;cursor:se-resize;height:20px;opacity:1;right:-3px;width:20px}.cropper-point.point-se[data-v-8c711488]:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible[data-v-8c711488]{opacity:0}.cropper-bg[data-v-8c711488]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAAsSAAALEgHS3X78AAAAB3RJTUUH3gsPFDEtRHEIKwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAANSURBVAiZY2BgYCgAAABQAAFmG1lCAAAAAElFTkSuQmCC)}.cropper-hide[data-v-8c711488]{display:block;height:0;position:absolute;width:0}.cropper-hidden[data-v-8c711488]{display:none!important}.cropper-move[data-v-8c711488]{cursor:move}.cropper-crop[data-v-8c711488]{cursor:crosshair}.cropper-disabled .cropper-drag-box[data-v-8c711488],.cropper-disabled .cropper-face[data-v-8c711488],.cropper-disabled .cropper-line[data-v-8c711488],.cropper-disabled .cropper-point[data-v-8c711488]{cursor:not-allowed}.crop-container[data-v-8c711488]{text-align:center;margin-bottom:20px}.image-controls[data-v-8c711488]{margin:15px 0;display:flex;align-items:center;justify-content:center;gap:10px}.scale-slider[data-v-8c711488]{width:200px;height:8px;border-radius:5px;background:#ddd;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.scale-slider[data-v-8c711488]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#3498db;cursor:pointer}.scale-slider[data-v-8c711488]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#3498db;cursor:pointer}.crop-controls[data-v-8c711488]{display:flex;justify-content:center;gap:10px;margin-top:15px}.crop-btn[data-v-8c711488]{padding:8px 15px;background:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s ease}.crop-btn[data-v-8c711488]:hover{background:#2980b9}@media (min-width: 768px){.upload-controls[data-v-8c711488]{flex-direction:row;justify-content:center}.upload-btn[data-v-8c711488],.upload-submit-btn[data-v-8c711488]{max-width:fit-content;width:auto}}@media (max-width: 767px){.user-info-container[data-v-8c711488]{padding:15px}.user-info-container h2[data-v-8c711488]{font-size:1.5rem}.user-profile-section[data-v-8c711488],.change-password-section[data-v-8c711488]{padding:20px 15px}.form-control[data-v-8c711488]{padding:10px 12px;font-size:14px}}.comment-sidebar[data-v-4db92dbc]{position:fixed;right:-400px;top:0;height:100vh;width:400px;background:var(--card-background);color:var(--text-color);border-left:1px solid var(--border-color);transition:right .25s ease;z-index:1000;display:flex;flex-direction:column;box-shadow:0 6px 20px #02061799}.comment-sidebar.open[data-v-4db92dbc]{right:0}@media (max-width: 1920px){.comment-sidebar[data-v-4db92dbc]{position:fixed;right:-400px;top:0;height:100vh;width:400px;background:var(--card-background);color:var(--text-color);border-left:1px solid var(--border-color);transition:right .25s ease;z-index:1000;display:flex;flex-direction:column;box-shadow:0 6px 20px #02061799}.comment-sidebar.open[data-v-4db92dbc]{right:0}}.comment-header[data-v-4db92dbc]{padding:16px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.comment-header h3[data-v-4db92dbc]{margin:0;font-size:16px;color:var(--text-color)}.close-btn[data-v-4db92dbc]{background:none;border:1px solid var(--border-color);font-size:1em;cursor:pointer;color:var(--text-color);transition:all .2s;padding:4px 8px;border-radius:4px;min-width:40px}.close-btn[data-v-4db92dbc]:hover{background-color:#ff4757;color:#fff;border-color:#ff4757}.comment-list[data-v-4db92dbc]{flex:1;overflow:auto;padding:12px 16px}.empty[data-v-4db92dbc]{color:var(--text-muted)}.comment-item[data-v-4db92dbc]{margin-bottom:12px}.comment-meta-row[data-v-4db92dbc]{display:flex;align-items:center;gap:8px}.comment-avatar[data-v-4db92dbc]{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color)}.comment-meta[data-v-4db92dbc]{font-size:12px;color:var(--text-muted);display:flex;flex-direction:column}.comment-meta .author[data-v-4db92dbc]{color:var(--text-color);font-weight:600}.comment-body[data-v-4db92dbc]{margin-top:6px;color:var(--text-color);white-space:pre-wrap}.comment-input[data-v-4db92dbc]{padding:10px;border-top:1px solid var(--border-color);display:flex;gap:8px}.comment-input input[data-v-4db92dbc]{flex:1;padding:8px;border:1px solid var(--border-color);border-radius:4px;background:#1e293b4d;color:var(--text-color)}.comment-input button[data-v-4db92dbc]{padding:8px 12px;border-radius:4px;border:none;background:var(--primary-color);color:#fff;cursor:pointer}.comment-actions[data-v-4db92dbc]{margin-top:8px;display:flex;gap:8px}.comment-actions .btn[data-v-4db92dbc]{padding:2px 6px;font-size:12px;border:none;border-radius:3px;cursor:pointer;background:transparent;color:var(--text-muted);text-decoration:none;transition:all .2s ease}.comment-actions .btn[data-v-4db92dbc]:hover{color:var(--primary-color);background:transparent}.comment-actions .btn.btn-outline-danger[data-v-4db92dbc]:hover{color:#dc3545;background:transparent}.reply-box[data-v-4db92dbc]{margin-top:8px;display:flex;gap:8px}.reply-box input[data-v-4db92dbc]{flex:1;padding:6px 8px;border-radius:4px;border:1px solid var(--border-color);background:#1e293b33;color:var(--text-color)}.replies[data-v-4db92dbc]{margin-left:44px;margin-top:8px;border-left:1px dashed var(--border-color);padding-left:12px}.reply-item[data-v-4db92dbc]{margin-bottom:8px}@media (max-width: 900px){.comment-sidebar[data-v-4db92dbc]{display:none}}.auth-modal-overlay[data-v-17bb8b45]{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background-color:#00000080!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:10000!important;isolation:isolate!important}.auth-modal[data-v-17bb8b45]{background-color:#1e293bf2;border-radius:12px;box-shadow:0 25px 50px #00000080;border:1px solid rgba(255,255,255,.1);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative}.auth-header[data-v-17bb8b45]{display:flex;justify-content:space-between;align-items:center;padding:20px 25px 15px;border-bottom:1px solid rgba(255,255,255,.1)}.auth-header h3[data-v-17bb8b45]{margin:0;color:#f1f5f9;font-size:1.5rem}.close-btn[data-v-17bb8b45]{font-size:1.8rem;color:#94a3b8;cursor:pointer;background:none;border:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn[data-v-17bb8b45]:hover{color:#f1f5f9;background-color:#ffffff1a}.auth-form[data-v-17bb8b45]{padding:20px 25px}.form-group[data-v-17bb8b45]{margin-bottom:20px}.form-group label[data-v-17bb8b45]{display:block;margin-bottom:8px;color:#e2e8f0;font-weight:500}.form-group input[data-v-17bb8b45]{width:100%;padding:12px 15px;border:1px solid #334155;border-radius:6px;background-color:#0f172acc;color:#f1f5f9;font-size:14px;box-sizing:border-box}.form-group input[data-v-17bb8b45]:disabled{background-color:#334155;cursor:not-allowed}.submit-btn[data-v-17bb8b45]{width:100%;padding:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;margin-bottom:15px;font-weight:500;transition:all .2s ease}.submit-btn[data-v-17bb8b45]:disabled{background:#475569;cursor:not-allowed}.submit-btn[data-v-17bb8b45]:not(:disabled):hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.auth-switch[data-v-17bb8b45]{text-align:center}.auth-switch p[data-v-17bb8b45]{margin:0;color:#cbd5e1;font-size:14px}.auth-switch a[data-v-17bb8b45]{color:#60a5fa;text-decoration:none}.auth-switch a[data-v-17bb8b45]:hover{text-decoration:underline;color:#93c5fd}.error-message[data-v-17bb8b45]{background:#dc2626;color:#fff;padding:12px;border-radius:6px;margin-top:10px;font-size:14px;text-align:center}.captcha-group[data-v-17bb8b45]{margin-bottom:20px}.captcha-container[data-v-17bb8b45]{display:flex;align-items:center;gap:10px}.captcha-container input[data-v-17bb8b45]{flex:1;text-transform:uppercase;letter-spacing:2px}.captcha-image[data-v-17bb8b45]{cursor:pointer;padding:5px;border:1px solid #334155;border-radius:4px;background:#0f172acc;display:flex;align-items:center;justify-content:center;min-width:120px;height:50px}.captcha-image[data-v-17bb8b45]:hover{border-color:#60a5fa;opacity:.8}.captcha-image svg[data-v-17bb8b45]{width:100%;height:100%;max-width:100px;max-height:40px}.email-verification-group[data-v-17bb8b45]{margin-bottom:20px}.email-code-container[data-v-17bb8b45]{display:flex;align-items:center;gap:10px}.email-code-container input[data-v-17bb8b45]{flex:1;text-transform:uppercase;letter-spacing:2px}.btn-send-code[data-v-17bb8b45]{padding:12px 15px;border:1px solid #334155;border-radius:6px;background-color:#4f46e5;color:#fff;cursor:pointer;font-size:14px;transition:all .2s ease}.btn-send-code[data-v-17bb8b45]:hover:not(:disabled){background-color:#4338ca}.btn-send-code[data-v-17bb8b45]:disabled{background-color:#64748b;cursor:not-allowed;opacity:.6}.container{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.top-container{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:20px}.header-section{flex:1;min-width:300px}.user-section{display:flex;align-items:center;gap:10px;min-width:200px;justify-content:flex-end}.user-greeting{font-weight:500;color:#333}.logout-btn,.login-btn,.register-btn{padding:8px 16px;border:1px solid #007bff;background:#fff;color:#007bff;cursor:pointer;border-radius:4px;font-size:14px;transition:all .3s ease}.toggle-comments-btn{padding:8px 14px;border:1px solid #28a745;background:#fff;color:#28a745;cursor:pointer;border-radius:4px;font-size:14px;transition:all .3s ease}.toggle-comments-btn:hover{background:#28a745;color:#fff}.logout-btn:hover,.login-btn:hover,.register-btn:hover{background:#007bff;color:#fff}.page-title{margin:0 0 10px;color:#333;font-size:2em;font-weight:700}.page-subtitle{margin:0;color:#666;font-size:1.1em}.navbar{margin-bottom:20px}.nav-tabs{display:flex;gap:10px;flex-wrap:wrap}.tab-button{padding:10px 20px;border:2px solid #ddd;background:#fff;color:#333;cursor:pointer;border-radius:5px;transition:all .3s ease;font-size:14px}.tab-button:hover{border-color:#007bff;color:#007bff}.tab-button.active{background:#007bff;color:#fff;border-color:#007bff}.main-content{flex:1;margin-bottom:20px}.tab-content.active{display:block}.notification{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:5px;color:#fff;font-weight:500;z-index:1001;min-width:250px}.notification.success{background:#28a745}.notification.error{background:#dc3545}.notification.warning{background:#ffc107;color:#000}.footer{text-align:center;padding:20px;color:#666;font-size:.9em;margin-top:auto}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999;display:block}@media (min-width: 1921px){.container{max-width:1200px}.container.sidebar-open{max-width:800px!important}}@media (max-width: 1920px){.container{max-width:1000px}.container.sidebar-open{max-width:1000px!important}}@media (max-width: 768px){.container{padding:10px}.top-container{flex-direction:column;align-items:stretch}.user-section{justify-content:center;min-width:auto}.auth-section{width:100%;justify-content:center}.page-title{font-size:1.5em}.nav-tabs{justify-content:center}.tab-button{padding:8px 15px;font-size:13px}}:root{--primary-color: #3b82f6;--secondary-color: #64748b;--success-color: #10b981;--danger-color: #ef4444;--warning-color: #f59e0b;--info-color: #0ea5e9;--background-color: #0f172a;--card-background: #1e293b;--text-color: #f1f5f9;--text-muted: #94a3b8;--border-color: #334155;--header-background: #1e293b;--navbar-background: #1e293b;--navbar-active: #3b82f6}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--background-color);color:var(--text-color);line-height:1.6;min-height:100vh;padding:20px}.container{max-width:1400px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.top-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;height:120px;background:#1e293bb3;border-radius:10px;box-shadow:0 4px 15px #0003;border:1px solid rgba(51,65,85,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.top-container .header-section{position:absolute;left:50%;transform:translate(-50%);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;max-height:80px}.top-container .user-section{margin-left:auto}.user-section{display:flex;align-items:center;gap:10px;white-space:nowrap}.user-info{display:flex;align-items:center;gap:10px}.auth-section{display:flex;gap:10px}.user-greeting{margin-right:10px;font-size:.9rem;color:var(--text-muted)}.login-btn,.register-btn,.logout-btn{padding:6px 12px;border:1px solid var(--primary-color);background-color:transparent;color:var(--primary-color);border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.login-btn:hover,.register-btn:hover,.logout-btn:hover{background-color:var(--primary-color);color:#fff}.header-section .page-title{margin:0;font-size:1.8rem;color:var(--text-color);text-align:center}.header-section .page-subtitle{margin:5px 0 0;font-size:1rem;color:var(--text-muted);text-align:center}.navbar{background-color:#1e293bb3;border-radius:12px;padding:12px;box-shadow:0 6px 15px #0003;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:20px}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.form-group{margin-bottom:15px}.form-control,.form-select{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;background-color:#1e293b80;color:var(--text-color)}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;text-align:center;display:inline-block}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:#475569}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-outline-primary{background-color:transparent;color:#007bff;border:1px solid #007bff}.btn-outline-primary:hover{background-color:#007bff;color:#fff}.btn-outline-danger{background-color:transparent;color:#dc3545;border:1px solid #dc3545}.btn-outline-danger:hover{background-color:#dc3545;color:#fff}.table-responsive{overflow-x:auto}.table{width:100%;border-collapse:collapse;margin-bottom:1rem}.table th,.table td{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6;text-align:left}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6;background-color:#f8f9fa}.navbar{display:flex;margin-bottom:20px;background:var(--navbar-background);border-radius:10px;padding:5px;box-shadow:0 4px 6px #0000001a;border:1px solid var(--border-color)}.nav-tabs{display:flex;width:100%}.tab-button{flex:1;padding:12px;text-align:center;cursor:pointer;border-radius:8px;transition:all .3s ease;font-weight:700;background:transparent;border:none;color:var(--text-color)}.tab-button:hover{background:#ffffff1a}.tab-button.active{background:var(--navbar-active);color:#fff}.main-content{background-color:#1e293bb3;border-radius:12px;padding:25px;box-shadow:0 6px 15px #0003;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:20px;min-height:auto;flex:0 1 auto;align-self:stretch}.main-content.cols-2{grid-template-columns:1fr 1fr}@media (max-width: 768px){.top-container{flex-direction:column;gap:15px;align-items:stretch}.top-container .header-section{text-align:center}.user-section{justify-content:center}.main-content.cols-2{grid-template-columns:1fr}body{padding:10px}.page-title{font-size:1.5rem}.page-subtitle{font-size:.9rem}}.card{background-color:#1e293bb3;border-radius:12px;padding:25px;box-shadow:0 6px 15px #0003;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.card-title{margin:0;font-size:1.5rem;color:var(--text-color)}.card-header-actions{display:flex;gap:12px;align-items:center}.search-box{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background-color:#ffffff0d;color:var(--text-color);width:200px}.search-box:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f633}.btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center;font-size:1rem;line-height:1.25;box-shadow:0 2px 4px #0003}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 6px #3b82f64d}.btn-primary:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 6px 8px #3b82f666}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--secondary-color);color:#fff;box-shadow:0 4px 6px #64748b4d}.btn-secondary:hover{background-color:#475569;transform:translateY(-2px);box-shadow:0 6px 8px #64748b66}.btn-secondary:active{transform:translateY(0)}.btn-success{background-color:var(--success-color);color:#fff;box-shadow:0 4px 6px #10b9814d}.btn-success:hover{background-color:#059669;transform:translateY(-2px);box-shadow:0 6px 8px #10b98166}.btn-success:active{transform:translateY(0)}.btn-danger{background-color:var(--danger-color);color:#fff;box-shadow:0 4px 6px #ef44444d}.btn-danger:hover{background-color:#dc2626;transform:translateY(-2px);box-shadow:0 6px 8px #ef444466}.btn-danger:active{transform:translateY(0)}.btn-outline-primary{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:none}.btn-outline-primary:hover{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 6px #3b82f64d;transform:translateY(-2px)}.btn-outline-primary:active{transform:translateY(0)}.btn-sm{padding:8px 12px;font-size:.875rem;border-radius:4px}.btn-sm.btn-danger{padding:6px 10px}.modal-body{padding:20px 25px}.crop-confirm-btn{padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.crop-confirm-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.crop-cancel-btn{padding:10px 20px;background:#ffffff1a;color:#cbd5e1;border:1px solid #334155;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.crop-cancel-btn:hover{background:#fff3;color:#f1f5f9}.config-manager{padding:20px 0}.config-manager .card{margin-bottom:20px;background-color:#1e293bb3;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 6px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.config-manager .database-info{background-color:#1e293bb3;border-radius:12px;padding:25px;box-shadow:0 6px 15px #0003;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:25px}.config-manager .database-info .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.card{background-color:#1e293bb3;border-radius:12px;padding:25px;box-shadow:0 6px 15px #0003;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:0}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.exchange-manager{background-color:#1e293bb3;border-radius:12px;padding:25px;box-shadow:0 6px 15px #0003;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.exchange-manager .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.config-manager .card{margin-bottom:0;background-color:#1e293bb3;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 6px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.config-manager .database-info .card-title{margin:0;font-size:1.75rem;color:var(--text-color);font-weight:600}.config-manager .database-info .card-body{padding:0}.config-manager .database-info .info-group{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:20px;background:#ffffff0d;border-radius:8px;border:1px solid var(--border-color)}@media (max-width: 768px){.config-manager .database-info .info-group{flex-direction:column;gap:12px}}.config-manager .database-info .info-item{flex:1;min-width:150px;text-align:center;padding:15px 10px;background:#3b82f61a;border-radius:6px;border:1px solid rgba(59,130,246,.3);transition:all .3s ease}.config-manager .database-info .info-item:hover{background:#3b82f633;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.config-manager .database-info .info-label{display:block;font-weight:500;color:var(--text-color);font-size:.9rem;margin-bottom:6px}.config-manager .database-info .info-value{display:block;font-weight:700;font-size:1.4rem;color:var(--primary-color)}.config-manager .button-group-flex{display:flex;flex-wrap:wrap;gap:8px;row-gap:12px;margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.config-manager .button-group-flex.mt-3{margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.config-manager .button-group-flex{flex-direction:row}}@media (max-width: 576px){.config-manager .button-group-flex{flex-direction:column}}.config-manager .button-group-item{margin:0}.config-manager .btn-compact{padding:6px 12px;font-size:.85rem;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:4px;height:auto;min-height:32px;width:auto;white-space:nowrap;border:none;cursor:pointer;font-weight:600;transition:all .3s ease;text-decoration:none;text-align:center;line-height:1.25;box-shadow:0 2px 4px #0003}.config-manager .btn-auto{width:auto;min-width:120px}.config-manager .btn-full{width:100%}.config-manager .form-group{padding:15px 20px;border-bottom:1px solid var(--border-color)}.config-manager .form-group:last-child{border-bottom:none}.config-manager .form-group label{display:block;margin-bottom:8px;font-weight:500}.config-manager .button-group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;padding:15px 20px}.config-manager .search-container{padding:15px 20px;border-bottom:1px solid var(--border-color)}.config-manager .search-input{width:calc(100% - 8px);padding:10px 15px;border:1px solid var(--border-color);border-radius:4px;background-color:#ffffff0d;color:var(--text-color)}.config-manager .search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f633}.config-manager .items-container,.config-manager .relations-container{max-height:500px;overflow-y:auto;border-top:1px solid var(--border-color)}@media (max-width: 768px){.config-manager .items-container,.config-manager .relations-container{max-height:400px}}.config-manager .items-container::-webkit-scrollbar,.config-manager .relations-container::-webkit-scrollbar{width:8px}.config-manager .items-container::-webkit-scrollbar-track,.config-manager .relations-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.config-manager .items-container::-webkit-scrollbar-thumb,.config-manager .relations-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.config-manager .items-container::-webkit-scrollbar-thumb:hover,.config-manager .relations-container::-webkit-scrollbar-thumb:hover{background:#2563eb}.config-manager .item-group{border-bottom:1px solid var(--border-color)}.config-manager .item-group:last-child{border-bottom:none}.config-manager .item-group-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#ffffff0d;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.config-manager .item-group-header:hover{background-color:#ffffff1a}.config-manager .item-group-title{margin:0;font-size:1.1em;font-weight:500}.config-manager .item-group-toggle{font-size:1.2em;transition:transform .2s}.config-manager .item-group-content{padding:0 20px 20px}.config-manager .materials-display{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.config-manager .material-chip{display:inline-flex;align-items:center;background-color:#3b82f633;border:1px solid var(--primary-color);border-radius:12px;padding:2px 8px;font-size:.85em}.config-manager .material-name{margin-right:3px}.config-manager .material-quantity{font-weight:600}.config-manager .materials-collapsed{color:var(--primary-color);cursor:pointer;font-weight:500;text-decoration:underline}.config-manager .materials-expanded{display:flex;flex-direction:column;gap:5px}.config-manager .special-item-relations{background-color:#1e293bb3;border:1px solid var(--border-color);border-radius:10px;padding:15px;margin:10px 0;box-shadow:0 4px 6px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.config-manager .special-item-header h4{margin-top:0;color:var(--text-color);text-align:center;font-size:1.2rem}.config-manager .exchange-relation-single{margin:15px 0;padding:15px;border:1px solid var(--border-color);border-radius:8px;background-color:#ffffff0d}.config-manager .relation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.config-manager .relation-header h4{margin:0;color:var(--text-color);font-size:1.1rem}.config-manager .plan-navigation{display:flex;align-items:center;gap:10px}.config-manager .plan-navigation .btn{padding:5px 10px;font-size:.85em;border-radius:4px}.config-manager .plan-counter{font-weight:500;white-space:nowrap;color:var(--text-color)}.config-manager .relation-details{background-color:#ffffff0d;border-radius:5px;padding:10px}.item-group,.relation-group{border-bottom:1px solid var(--border-color)}.item-group:last-child,.relation-group:last-child{border-bottom:none}.item-group-header,.relation-group-header{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#ffffff0d;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.item-group-header:hover,.relation-group-header:hover{background-color:#ffffff1a}.item-group-title,.relation-group-title{margin:0;font-size:1.1em;font-weight:500}.item-group-toggle,.relation-group-toggle{font-size:1.2em;transition:transform .2s}.item-group-content,.relation-group-content{padding:0 15px 15px}.table{width:100%;border-collapse:collapse;background-color:var(--card-background);margin-top:10px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000026}.table th{background-color:#3b82f640;padding:15px;text-align:left;font-weight:600;color:var(--text-color);border-bottom:2px solid var(--primary-color)}.table td{padding:15px;border-bottom:1px solid var(--border-color)}.table tr:last-child td{border-bottom:none}.table tr:hover{background-color:#3b82f614}.table th:last-child,.table td:last-child{text-align:right;padding-right:15px;width:160px}.table th:last-child{color:transparent;position:relative}.table th:last-child:after{content:"操作";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-color);white-space:nowrap}.table-responsive{overflow-x:auto;border-radius:8px}.material-requirement{padding:2px 0;font-size:.95em}.material-requirement:not(:last-child){margin-bottom:2px}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.375rem;transition:all .3s ease}.badge-primary{background-color:var(--primary-color);color:#fff}.badge-secondary{background-color:var(--secondary-color);color:#fff}.badge-success{background-color:var(--success-color);color:#fff}.badge-danger{background-color:var(--danger-color);color:#fff}.badge-warning{background-color:var(--warning-color);color:#000}.badge-info{background-color:var(--info-color);color:#fff}.btn-group{display:flex;gap:5px;justify-content:flex-end}.btn-sm{padding:5px 10px;font-size:.85em;border-radius:4px}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-state h3{margin-bottom:10px;color:var(--text-color)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:9999;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all .3s ease}.modal.active{display:flex;opacity:1;visibility:visible}.modal-content{background:var(--card-background);border-radius:12px;box-shadow:0 10px 25px #00000080;width:90%;max-width:550px;max-height:90vh;overflow-y:auto;position:relative;transform:translateY(-20px);transition:transform .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal.active .modal-content{transform:translateY(0)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#1e293bcc,#0f172ae6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-header h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--primary-color)}.close{background:none;border:none;font-size:1.8rem;cursor:pointer;color:var(--text-muted);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;padding:0}.close:hover{color:var(--text-color);background-color:#ffffff1a;transform:rotate(90deg)}.modal-body{padding:1.25rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.6rem;font-weight:500;color:var(--text-color)}.form-control,.form-select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background-color:#1e293b80;color:var(--text-color);transition:all .2s ease;font-size:1rem}.form-control:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f633;background-color:#1e293bb3}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 10l3 3 3-3'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.2em;padding-right:2.5rem}.form-text{display:block;margin-top:.5rem;font-size:.85rem;color:var(--text-muted)}.form-control:disabled,.form-select:disabled{background-color:#1e293b4d;cursor:not-allowed;opacity:.7}.button-group{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border-color)}.material-inputs{margin-bottom:1rem;background:#ffffff08;border-radius:8px;padding:1rem;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.material-input{display:flex;gap:.75rem;margin-bottom:.75rem;align-items:center;padding:.5rem;background:#ffffff0d;border-radius:6px;transition:background-color .2s ease}.material-input:hover{background:#ffffff1a}.material-input:last-child{margin-bottom:0}.material-input .form-control,.material-input .form-select{flex:1;margin-bottom:0;padding:.6rem}.material-input .btn{flex-shrink:0;padding:.6rem}.add-material-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.material-requirement-form{display:flex;gap:.75rem;margin-bottom:.75rem;align-items:center;padding:.5rem;background:#ffffff0d;border-radius:6px}.material-requirement-form:last-child{margin-bottom:0}.material-requirement-form .form-control,.material-requirement-form .form-select{flex:1;margin-bottom:0;padding:.6rem}.material-requirement-form .btn{flex-shrink:0;padding:.6rem}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;padding:1rem}.item-card{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;transition:transform .2s,box-shadow .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.item-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.item-info{flex:1}.item-name{margin:0 0 .5rem;font-size:1.1rem;color:var(--text-color)}.item-type{margin-bottom:.5rem}.item-description{color:var(--text-muted);font-size:.9rem;margin:0}.item-quantity-section{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.quantity-display{font-size:.9rem;color:var(--text-muted)}.quantity-display strong{color:var(--text-color);font-size:1.1rem}.quantity-control{display:flex;gap:.5rem}.quantity-control .form-control{flex:1;min-width:0}.confirm-btn{white-space:nowrap}@media (max-width: 768px){.items-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem;padding:.75rem}.item-card{padding:.75rem}.card-header{flex-direction:column;gap:10px;align-items:stretch}.card-header-actions{justify-content:center}.search-box{width:100%}.modal-content{width:95%;max-width:none;margin:0 10px}.modal-header h3{font-size:1.25rem}.button-group{flex-direction:column}.button-group .btn{width:100%}}@media (max-width: 480px){.items-grid{grid-template-columns:1fr}.quantity-control{flex-direction:column}.confirm-btn{width:100%}.material-input{flex-direction:column;align-items:stretch}.material-input .btn{width:100%;height:auto;padding:.6rem}.relation-modal .material-row{flex-direction:column;align-items:stretch}.relation-modal .material-row .form-select,.relation-modal .material-row .form-control.quantity-input{min-width:auto}.relation-modal .material-row .btn-danger{width:100%;height:auto;padding:.6rem}.modal-body{padding:1rem}.form-group{margin-bottom:1rem}.form-control,.form-select,.material-input .form-control,.material-input .form-select,.material-requirement-form .form-control,.material-requirement-form .form-select,.relation-modal .material-row .form-select,.relation-modal .material-row .form-control.quantity-input{padding:.6rem}}.progress-container{margin-top:20px}.progress-bar{height:20px;background-color:#334155;border-radius:10px;overflow:hidden;margin-bottom:5px}.progress-fill{height:100%;background-color:var(--success-color);transition:width .3s ease}.exchange-manager{background-color:#1e293bb3;border-radius:12px;padding:15px;box-shadow:0 6px 15px #0003;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.exchange-manager .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.exchange-manager .search-controls{display:flex;gap:10px}.exchange-manager .search-controls .search-box{width:auto;min-width:200px}.exchange-manager .exchange-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-height:unset;max-height:unset;height:auto}@media (max-width: 768px){.exchange-manager .exchange-grid{grid-template-columns:1fr}.exchange-manager .search-controls{flex-direction:column;width:100%}.exchange-manager .search-controls .search-box{min-width:auto;width:100%}.exchange-manager .scheme-navigation{flex-direction:column;gap:10px;text-align:center}.exchange-manager .scheme-info{order:-1}}.exchange-manager .exchange-items-panel,.exchange-manager .selected-item-panel{background:#1e293b80;border-radius:8px;padding:15px;border:1px solid var(--border-color);display:flex;flex-direction:column;max-height:70vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.exchange-manager .panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.exchange-manager .filter-controls{display:flex;gap:10px;align-items:center}.exchange-manager .filter-controls .search-box{width:auto;min-width:150px;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background-color:#ffffff0d;color:var(--text-color);font-size:.9rem}.exchange-manager .filter-controls .search-box:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f633}.exchange-manager .filter-controls .type-filter{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background-color:#ffffff0d;color:var(--text-color);font-size:.9rem;min-width:120px}.exchange-manager .filter-controls .type-filter:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f633}.exchange-manager .filter-controls .type-filter option{background-color:var(--card-background);color:var(--text-color)}@media (max-width: 768px){.exchange-manager .filter-controls{flex-direction:column;align-items:stretch;gap:8px}.exchange-manager .filter-controls .search-box,.exchange-manager .filter-controls .type-filter{min-width:auto;width:100%}}.exchange-manager .exchange-items-container{flex:1;overflow-y:auto;max-height:calc(70vh - 100px)}.exchange-manager .exchange-items-container::-webkit-scrollbar,.exchange-manager .requirements-section::-webkit-scrollbar{width:8px}.exchange-manager .exchange-items-container::-webkit-scrollbar-track,.exchange-manager .requirements-section::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.exchange-manager .exchange-items-container::-webkit-scrollbar-thumb,.exchange-manager .requirements-section::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.exchange-manager .exchange-items-container::-webkit-scrollbar-thumb:hover,.exchange-manager .requirements-section::-webkit-scrollbar-thumb:hover{background:#2563eb}.exchange-manager .exchange-items-container h4{margin:15px 0 10px;padding-bottom:5px;border-bottom:1px solid var(--border-color);color:var(--text-color)}.exchange-manager .exchange-item{padding:12px 15px;margin-bottom:8px;background:#ffffff0d;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .3s ease}.exchange-manager .exchange-item:hover{background:#3b82f633;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.exchange-manager .exchange-item.active{background:#3b82f64d;border-color:var(--primary-color);box-shadow:0 4px 8px #0003}.exchange-manager .exchange-item .item-info h4{margin:0 0 8px;font-size:1.1rem;color:var(--text-color)}.exchange-manager .exchange-item .item-type{display:flex;flex-wrap:wrap;gap:5px}.exchange-manager .selected-item-panel{display:flex;flex-direction:column}.exchange-manager .selected-item-header.item-details-header{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.exchange-manager .selected-item-header.item-details-header h3{margin:0 0 10px;font-size:1.5rem;color:var(--text-color);font-weight:600}.exchange-manager .selected-item-header.item-details-header .item-type{margin-bottom:10px}.exchange-manager .selected-item-header.item-details-header .text-muted{margin:0}.exchange-manager .selected-item-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.exchange-manager .requirements-section{flex:1;overflow-y:auto;max-height:calc(70vh - 150px)}.exchange-manager .selected-item-content .empty-state{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--text-muted)}.exchange-manager .selected-item-content .empty-icon{font-size:3rem;margin-bottom:1rem}.exchange-manager .selected-item-content .empty-state h3{margin-bottom:.5rem;color:var(--text-color)}.exchange-manager .section-header{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.exchange-manager .section-title{font-size:1.3rem;margin:0;color:var(--text-color);font-weight:600}.exchange-manager .exchange-relation{background:#ffffff0d;border-radius:8px;padding:12px;margin-bottom:10px;border:1px solid var(--border-color);flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.exchange-manager .relation-title{margin:0 0 10px;color:var(--text-color);font-size:1.1rem;font-weight:600;flex-shrink:0}.exchange-manager .material-list{margin-bottom:10px;flex:1;overflow-y:auto;padding-right:5px}.exchange-manager .material-list::-webkit-scrollbar{width:6px}.exchange-manager .material-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.exchange-manager .material-list::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.exchange-manager .material-list::-webkit-scrollbar-thumb:hover{background:#2563eb}.exchange-manager .material-item{padding:10px;margin-bottom:8px;background:#1e293bb3;border-radius:6px;border:1px solid var(--border-color)}.exchange-manager .material-item.completed{border-color:var(--success-color);background:#10b9811a}.exchange-manager .material-item.partial{border-color:var(--warning-color);background:#f59e0b1a}.exchange-manager .material-item.missing{border-color:var(--danger-color);background:#ef44441a}.exchange-manager .material-info{display:flex;justify-content:space-between;margin-bottom:8px}.exchange-manager .material-name{font-weight:500}.exchange-manager .material-quantity{font-weight:600}.exchange-manager .progress-bar{height:12px;background-color:#334155;border-radius:6px;overflow:hidden;margin-bottom:5px}.exchange-manager .progress-fill{height:100%;background-color:var(--success-color);transition:width .3s ease}.exchange-manager .exchange-summary{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--border-color);flex-shrink:0}.exchange-manager .exchange-controls{display:flex;align-items:center;gap:10px}.exchange-manager .quantity-input{width:80px;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background-color:#ffffff0d;color:var(--text-color);font-size:.9rem;text-align:center;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.exchange-manager .quantity-input::-webkit-outer-spin-button,.exchange-manager .quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.exchange-manager .quantity-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f633}.exchange-manager .quantity-input:disabled{opacity:.6;cursor:not-allowed}.exchange-manager .progress-info{display:flex;align-items:center;gap:10px}.exchange-manager .progress-text{font-size:.9rem;color:var(--text-muted);min-width:40px;font-weight:600}.exchange-manager .special-item-schemes{flex:1;display:flex;flex-direction:column;overflow:hidden}.exchange-manager .scheme-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px;background:#ffffff0d;border-radius:6px;border:1px solid var(--border-color);flex-shrink:0}.exchange-manager .scheme-info{font-weight:600;color:var(--text-color)}.exchange-manager .nav-btn{min-width:80px;padding:8px 12px}.exchange-manager .nav-btn:disabled{opacity:.5;cursor:not-allowed}.relation-modal .modal-content{max-width:650px}.relation-modal .material-inputs{max-height:300px;overflow-y:auto;padding:12px;background:#ffffff0d;border-radius:8px;border:1px solid var(--border-color)}.relation-modal .material-row{display:flex;gap:.75rem;margin-bottom:.75rem;align-items:center;padding:.6rem;background:#ffffff0d;border-radius:6px;transition:background-color .2s ease}.relation-modal .material-row:hover{background:#ffffff1a}.relation-modal .material-row:last-child{margin-bottom:0}.relation-modal .material-row .form-select{flex:3;margin-bottom:0;padding:.75rem}.relation-modal .material-row .form-control.quantity-input{flex:1;margin-bottom:0;padding:.75rem;min-width:80px}.relation-modal .material-row .btn-danger{flex-shrink:0;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;line-height:1;text-align:center}.relation-modal .btn-sm{padding:.5rem 1rem;border-radius:6px}.notification{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:5px;color:#fff;font-weight:500;box-shadow:0 4px 6px #0000001a;z-index:10000;transform:translate(0);transition:transform .3s ease}.notification.success{background-color:var(--success-color)}.notification.error{background-color:var(--danger-color)}.config-manager .section-title{font-size:1.3rem;margin:20px 0 10px;padding-bottom:5px;border-bottom:1px solid var(--border-color)}.config-manager .actions{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.config-manager .btn{white-space:nowrap}.config-manager .button-groups-container{margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.config-manager .button-group-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;align-items:center}.config-manager .button-group-row:last-child{margin-bottom:0}.config-manager .button-group-item{flex:1;min-width:120px}.config-manager .btn-compact{width:100%;padding:8px 12px;font-size:.9rem;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:6px;height:auto;min-height:40px;white-space:nowrap;border:none;cursor:pointer;font-weight:500;transition:all .3s ease;text-decoration:none;text-align:center;line-height:1.25;box-shadow:0 2px 4px #0003}.config-manager .btn-compact:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.config-manager .btn-compact:active{transform:translateY(0)}.config-manager .hidden-file-input{display:none}.config-manager .btn-primary.btn-compact{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 6px #3b82f64d}.config-manager .btn-primary.btn-compact:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 6px 8px #3b82f666}.config-manager .btn-primary.btn-compact:active{transform:translateY(0)}.config-manager .btn-secondary.btn-compact{background-color:var(--secondary-color);color:#fff;box-shadow:0 4px 6px #64748b4d}.config-manager .btn-secondary.btn-compact:hover{background-color:#475569;transform:translateY(-2px);box-shadow:0 6px 8px #64748b66}.config-manager .btn-secondary.btn-compact:active{transform:translateY(0)}.config-manager .btn-danger.btn-compact{background-color:var(--danger-color);color:#fff;box-shadow:0 4px 6px #ef44444d}.config-manager .btn-danger.btn-compact:hover{background-color:#dc2626;transform:translateY(-2px);box-shadow:0 6px 8px #ef444466}.config-manager .btn-danger.btn-compact:active{transform:translateY(0)}.config-manager .btn-warning.btn-compact{background-color:var(--warning-color);color:#000;box-shadow:0 4px 6px #f59e0b4d}.config-manager .btn-warning.btn-compact:hover{background-color:#e6900a;transform:translateY(-2px);box-shadow:0 6px 8px #f59e0b66}.config-manager .btn-warning.btn-compact:active{transform:translateY(0)}.config-manager .btn-info.btn-compact{background-color:#0ea5e9;color:#fff;box-shadow:0 4px 6px #0ea5e94d}.config-manager .btn-info.btn-compact:hover{background-color:#0284c7;transform:translateY(-2px);box-shadow:0 6px 8px #0ea5e966}.config-manager .btn-info.btn-compact:active{transform:translateY(0)}@media (max-width: 768px){.config-manager .button-group-row{flex-direction:row}.config-manager .button-group-item{min-width:100px}.config-manager .btn-compact{padding:6px 10px;font-size:.85rem;min-height:36px}}@media (max-width: 576px){.config-manager .button-group-row{flex-direction:column}.config-manager .button-group-item{min-width:unset;width:100%}.config-manager .btn-compact{padding:10px 15px;font-size:.95rem;min-height:44px}}.export-import-section{background:#ffffff0d;padding:15px;border-radius:5px;margin:15px 0}.export-import-section textarea{width:100%;min-height:100px;padding:10px;background:#0003;border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-family:monospace;margin:10px 0}.export-import-section .button-group{margin-top:10px}.modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background-color:#00000080!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:10000!important;isolation:isolate!important}.modal-content{background-color:#1e293bf2;border-radius:12px;box-shadow:0 25px 50px #00000080;border:1px solid rgba(255,255,255,.1);width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px 15px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h3{margin:0;color:#f1f5f9;font-size:1.5rem}.close{font-size:1.8rem;color:#94a3b8;cursor:pointer;background:none;border:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close:hover{color:#f1f5f9;background-color:#ffffff1a}.modal-body{padding:20px 25px;color:var(--text-color);max-height:calc(80vh - 120px);overflow-y:auto}.modal-body pre{margin:0;white-space:pre-wrap;font-family:inherit;color:var(--text-color)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#e2e8f0;font-weight:500}.form-control{width:100%;padding:12px 15px;border:1px solid #334155;border-radius:6px;background-color:#0f172acc;color:#f1f5f9;font-size:14px}.form-control:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 25px 20px;border-top:1px solid rgba(255,255,255,.1)}.data-source-container{background-color:#1e293bb3;border-radius:12px;padding:25px;box-shadow:0 6px 15px #0003;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%}.data-source-content{width:100%;text-align:center}.data-source-content h4{color:var(--text-color);margin-bottom:15px;font-size:1.5rem;font-weight:600}.data-source-content p{color:var(--text-muted);font-size:.95rem;margin:8px 0;line-height:1.6}.data-source-links{display:flex;justify-content:center;gap:25px;margin-top:20px;padding-top:15px;border-top:1px solid var(--border-color);flex-wrap:wrap;width:100%;margin-left:auto;margin-right:auto}.source-item{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:100px;max-width:140px}.source-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#3b82f61a;color:var(--primary-color);transition:all .3s ease;border:1px solid var(--primary-color)}.source-link:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #3b82f64d}.source-icon{width:24px;height:24px;color:var(--primary-color)}.source-link:hover .source-icon{color:#fff}.source-title{font-size:.8rem;color:var(--text-muted);text-align:center;width:100%;white-space:normal;overflow:visible;text-overflow:ellipsis;line-height:1.3;word-break:break-word;min-height:2.6em}.footer{text-align:center;padding:20px;color:#94a3b8;font-size:.9rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2563eb}@media (max-width: 768px){.data-source-container{padding:15px}.data-source-links{gap:15px;padding-top:10px}.source-item{min-width:80px;max-width:100px}.source-title{font-size:.7rem;min-height:2.4em}.source-link{width:36px;height:36px}.source-icon{width:20px;height:20px}}@media (max-width: 576px){.data-source-links{flex-direction:column;align-items:center;gap:10px}.source-item{flex-direction:row;gap:8px;max-width:none;min-width:auto}.source-link{width:32px;height:32px}.source-title{text-align:left;white-space:nowrap}}.d-none{display:none}.d-flex{display:flex}.justify-center{justify-content:center}.align-center{align-items:center}.w-100{width:100%}.h-100{height:100%}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.tooltip{position:relative;display:inline-block}.tooltip .tooltip-text{visibility:hidden;width:120px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.container{display:flex;flex-direction:column}.container .main-content,main.main-content{flex:0 1 auto;align-self:stretch;min-height:unset;height:auto}.progress-tracker .card{background-color:#1e293bb3;border-radius:12px;padding:25px;box-shadow:0 6px 15px #0003;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress-tracker .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.progress-tracker .card-title{margin:0;font-size:1.5rem;color:var(--text-color);font-weight:600}.progress-tracker .card-body{padding:1.5rem}.collection-summary{display:flex;justify-content:space-around;background:#1e293bb3;border-radius:8px;padding:1.25rem;margin-bottom:1.5rem;border:1px solid rgba(51,65,85,.5);box-shadow:0 4px 6px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.summary-item{text-align:center}.summary-value{font-size:1.75rem;font-weight:700;color:var(--primary-color);margin-bottom:.25rem}.summary-label{font-size:.9rem;color:var(--text-color);font-weight:500}.progress-content{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;margin-bottom:1.5rem}.item-selector-section{background:#1e293bb3;border-radius:8px;padding:1.25rem;border:1px solid rgba(51,65,85,.5);box-shadow:0 4px 6px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.item-selector-section label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color)}.type-filter-wrapper{margin-bottom:.75rem}.type-filter-select{width:100%;padding:.6rem .8rem;border-radius:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--text-color);font-size:.95rem;outline:none;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.type-filter-select:focus{border-color:var(--primary-color);background:#ffffff1f;box-shadow:0 0 0 2px #3b82f633,0 1px 3px #0000001a}.search-box-wrapper{margin-bottom:.75rem;position:relative}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--card-background);border:1px solid rgba(255,255,255,.15);border-top:none;border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000001a}.search-result-item{padding:.75rem;cursor:pointer;transition:background-color .2s ease;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#3b82f633}.result-name{font-weight:500;color:var(--text-color);flex-grow:1;margin-right:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-type{font-size:.75rem;color:var(--text-muted);background:#0003;padding:.15rem .4rem;border-radius:3px;white-space:nowrap;flex-shrink:0}.search-divider{border:0;height:1px;background:#ffffff1a;margin:1rem 0}.search-input{width:100%;padding:.6rem .8rem;border-radius:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--text-color);font-size:.95rem;outline:none;transition:all .2s ease;box-shadow:inset 0 1px 3px #0003}.search-input:focus{border-color:var(--primary-color);background:#ffffff1f;box-shadow:0 0 0 2px #3b82f633,inset 0 1px 3px #0003}.search-input::placeholder{color:var(--text-muted)}.item-select{width:100%;padding:.5rem;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#0000004d;color:var(--text-color);font-size:.9rem;margin-bottom:1rem}.selected-item-preview{margin-bottom:1rem;padding:.75rem;background:#ffffff0d;border-radius:6px}.item-image-container{display:flex;justify-content:center;margin:15px 0;padding:10px;background:#0003;border-radius:8px;border:1px solid var(--border-color)}.item-image{max-width:100%;max-height:150px;border-radius:6px;box-shadow:0 4px 12px #0000004d;object-fit:contain}.item-overall-progress{margin:.5rem 0}.progress-info{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.progress-label{font-weight:500;color:var(--text-color)}.progress-percent{font-weight:600;color:#4a90e2}.progress-bar-container{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-bar{width:100%;height:100%;background:transparent;border-radius:4px}.progress-fill{height:100%;background:linear-gradient(90deg,#4a90e2,#5ba8ff);border-radius:4px;transition:width .3s ease}.item-select{width:100%;padding:.6rem .8rem;border-radius:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--text-color);font-size:.95rem;outline:none;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.item-select:focus{border-color:var(--primary-color);background:#ffffff1f;box-shadow:0 0 0 2px #3b82f633,0 1px 3px #0000001a}.item-select option,.type-filter-select option{background-color:var(--card-background);color:var(--text-color);padding:.5rem}.search-results h4{margin:0 0 1rem;color:var(--text-color);font-size:1.1rem;font-weight:600}.search-results-list{max-height:300px;overflow-y:auto}.no-results{text-align:center;padding:2rem;color:var(--text-muted)}.item-details-section{background:#1e293bb3;border-radius:8px;padding:1.25rem;border:1px solid rgba(51,65,85,.5);box-shadow:0 4px 6px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.item-details-section h3{margin:0 0 1rem;color:var(--text-color);font-size:1.25rem;font-weight:600}.no-selection{text-align:center;padding:2rem;color:var(--text-muted)}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.item-header h4{margin:0;color:var(--primary-color);font-size:1.25rem;font-weight:600}.item-info p{margin:.25rem 0;color:var(--text-color);font-size:.95rem}.no-materials{text-align:center;padding:2rem;color:var(--text-muted);font-style:italic}.materials-section{margin-top:1rem;padding-top:1rem}.materials-section h5{margin:0 0 .75rem;color:var(--text-color);font-size:1rem;font-weight:600}.material-relation{margin-bottom:1rem;padding:.75rem;background:#ffffff0d;border-radius:6px;display:flex;flex-direction:column;height:100%}.material-relation:last-child{margin-bottom:0}.relation-title{margin:0 0 .5rem;color:var(--text-color);font-weight:600;font-size:.9rem}.materials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.4rem}.relations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:stretch}.material-card{display:flex;flex-direction:column;background:#0003;border-radius:3px;border:1px solid rgba(255,255,255,.1);padding:.4rem;box-shadow:0 1px 1px #0000001a;transition:transform .1s ease,box-shadow .1s ease;justify-content:space-between;height:100%;min-height:80px}.material-card:hover{transform:translateY(-1px);box-shadow:0 1px 2px #00000026}.material-card-header{margin-bottom:.2rem;padding-bottom:.2rem;flex-grow:1}.material-name{font-weight:500;color:var(--text-color);font-size:.8rem}.material-card-body{display:flex;flex-direction:column;flex-grow:1;justify-content:flex-end}.material-info{display:flex;flex-direction:row;align-items:center;gap:.3rem;margin-top:auto}.material-quantity{font-size:.75rem;color:var(--text-muted)}.material-status{font-size:.65rem;padding:.1rem .3rem;border-radius:2px;display:inline-block;width:fit-content;font-weight:500}.material-sufficient{background-color:#10b98133;color:#10b981}.material-insufficient{background-color:#ef444433;color:#ef4444}.status-badge{font-size:.9rem;padding:.2rem .6rem;border-radius:4px;font-weight:500}.status-owned{background-color:#10b98133;color:#10b981}.status-exchangeable{background-color:#3b82f633;color:#3b82f6}.status-insufficient{background-color:#ef444433;color:#ef4444}.visualization-section{background:#1e293bb3;border-radius:8px;padding:1.25rem;border:1px solid rgba(51,65,85,.5);box-shadow:0 4px 6px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.config-manager .table{width:100%;border-collapse:collapse;background-color:var(--card-background);margin-top:10px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000026}.config-manager .table th{background-color:#3b82f640;padding:15px;text-align:left;font-weight:600;color:var(--text-color);border-bottom:2px solid var(--primary-color)}.config-manager .table td{padding:15px;border-bottom:1px solid var(--border-color)}.config-manager .table tr:last-child td{border-bottom:none}.config-manager .table tr:hover{background-color:#3b82f614}.config-manager .table th:last-child,.config-manager .table td:last-child{text-align:right;padding-right:15px;width:160px}.config-manager .table th:last-child{color:transparent;position:relative}.config-manager .table th:last-child:after{content:"操作";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-color);white-space:nowrap}.config-manager .table-responsive{overflow-x:auto;border-radius:8px}.config-manager .btn-group-table{display:flex;gap:5px;justify-content:center;width:120px;margin:0 auto}.config-manager .btn-sm{padding:5px 10px;font-size:.85em;border-radius:4px}