.web-settings-container[data-v-5d2a7dd8]{padding:0;animation:fadeIn-data-v-5d2a7dd8 .4s ease}@keyframes fadeIn-data-v-5d2a7dd8{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.setting-card[data-v-5d2a7dd8]{background:#fff;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 12px rgba(0,0,0,.04);border:1px solid #f0f0f0;overflow:hidden}.setting-card[data-v-5d2a7dd8]:hover{box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .3s ease}.card-header[data-v-5d2a7dd8]{display:flex;align-items:center;gap:10px;padding:16px 24px;background:#fafbfc;color:#2c3e50;border-bottom:1px solid #f0f0f0}.card-header i[data-v-5d2a7dd8]{font-size:20px;color:#667eea}.card-header h3[data-v-5d2a7dd8]{margin:0;font-size:16px;font-weight:600}.card-body[data-v-5d2a7dd8]{padding:24px}.compact-form[data-v-5d2a7dd8]{margin:0}.form-row[data-v-5d2a7dd8]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:0}.form-row .el-form-item[data-v-5d2a7dd8]{margin-bottom:0}.image-upload-section[data-v-5d2a7dd8]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.upload-item[data-v-5d2a7dd8]{border:1px solid #e8e8e8;border-radius:8px;padding:16px;background:#fafbfc}.upload-label[data-v-5d2a7dd8]{font-size:14px;font-weight:600;color:#2c3e50;margin-bottom:12px}.upload-content[data-v-5d2a7dd8]{display:flex;flex-direction:column;gap:12px}.image-preview-group[data-v-5d2a7dd8]{display:flex;gap:10px;align-items:center}.preview-image[data-v-5d2a7dd8]{width:60px;height:60px;border-radius:8px;border:2px solid #e8e8e8;flex-shrink:0}.image-error[data-v-5d2a7dd8]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#f5f7fa;color:#ccc;font-size:24px}.resource-tabs[data-v-5d2a7dd8]{border:none;box-shadow:none}.resource-tabs[data-v-5d2a7dd8] .el-tabs__header{background:#f5f7fa;margin:0 0 20px 0;border-radius:8px}.resource-content[data-v-5d2a7dd8]{display:flex;flex-direction:column;gap:20px}.resource-grid[data-v-5d2a7dd8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}.resource-item[data-v-5d2a7dd8]{display:flex;flex-direction:column;gap:8px}.resource-image[data-v-5d2a7dd8]{width:100%;height:120px;border-radius:8px;border:2px solid #e8e8e8;transition:all .3s ease}.resource-image[data-v-5d2a7dd8]:hover{border-color:#667eea;transform:scale(1.05)}.resource-item .el-tag[data-v-5d2a7dd8]{white-space:normal;height:auto;line-height:1.5}.name-tags[data-v-5d2a7dd8],.notice-tags[data-v-5d2a7dd8]{display:flex;flex-wrap:wrap;gap:10px;padding:16px;background:#f5f7fa;border-radius:8px;min-height:60px}.notice-actions[data-v-5d2a7dd8],.resource-actions[data-v-5d2a7dd8]{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;border-top:1px solid #e8e8e8}.add-actions[data-v-5d2a7dd8]{display:flex;gap:10px;align-items:center;flex:1}.json-editor[data-v-5d2a7dd8]{position:relative}.edit-toggle[data-v-5d2a7dd8]{position:absolute;right:10px;top:10px;padding:4px 8px}.action-bar[data-v-5d2a7dd8]{position:sticky;bottom:0;background:#fff;padding:20px;border-radius:12px;box-shadow:0 -2px 12px rgba(0,0,0,.04);border:1px solid #f0f0f0;display:flex;gap:12px;justify-content:center;margin-top:20px}@media (max-width:1200px){.form-row[data-v-5d2a7dd8],.image-upload-section[data-v-5d2a7dd8]{grid-template-columns:1fr}}@media (max-width:768px){.card-body[data-v-5d2a7dd8]{padding:16px}.resource-grid[data-v-5d2a7dd8]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.resource-image[data-v-5d2a7dd8]{height:100px}.notice-actions[data-v-5d2a7dd8],.resource-actions[data-v-5d2a7dd8]{flex-direction:column;align-items:stretch}.add-actions[data-v-5d2a7dd8]{flex-direction:column;width:100%}.add-actions .el-button[data-v-5d2a7dd8],.add-actions .el-input[data-v-5d2a7dd8]{width:100%}.action-bar[data-v-5d2a7dd8]{flex-direction:column}.action-bar .el-button[data-v-5d2a7dd8]{width:100%}}[data-v-5d2a7dd8] .el-form-item__label{color:#666;font-weight:500}[data-v-5d2a7dd8] .el-button,[data-v-5d2a7dd8] .el-input__inner{border-radius:6px}