.character-design-container[data-v-7dbc89e9]{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100vh;background:#f5f7fa}.sidebar[data-v-7dbc89e9]{width:300px;background:#fff;border-right:1px solid #e4e7ed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sidebar-header[data-v-7dbc89e9]{padding:20px;border-bottom:1px solid #f0f0f0}.back-btn[data-v-7dbc89e9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;background:none;border:none;color:#606266;cursor:pointer;font-size:14px;margin-bottom:16px;padding:0}.back-btn[data-v-7dbc89e9]:hover{color:#409eff}.logo[data-v-7dbc89e9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.logo-icon[data-v-7dbc89e9]{width:32px;height:32px;border-radius:8px}.logo-text[data-v-7dbc89e9]{font-size:16px;font-weight:600;color:#303133}.sidebar-tools[data-v-7dbc89e9]{padding:16px 20px}.add-character-btn[data-v-7dbc89e9]{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:6px;-webkit-transition:opacity .3s;transition:opacity .3s}.add-character-btn[data-v-7dbc89e9]:hover{opacity:.9}.character-list[data-v-7dbc89e9]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:0 16px 16px}.character-item[data-v-7dbc89e9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:12px;border-radius:12px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;margin-bottom:8px}.character-item[data-v-7dbc89e9]:hover{background:#f5f7fa}.character-item.active[data-v-7dbc89e9]{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1))}.char-avatar[data-v-7dbc89e9]{width:44px;height:44px;border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:18px;font-weight:600;-ms-flex-negative:0;flex-shrink:0}.char-info[data-v-7dbc89e9]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.char-name[data-v-7dbc89e9]{display:block;font-size:14px;font-weight:600;color:#303133;margin-bottom:2px}.char-role[data-v-7dbc89e9]{display:block;font-size:12px;color:#909399}.char-type-badge[data-v-7dbc89e9]{padding:3px 8px;border-radius:6px;font-size:11px;font-weight:500;-ms-flex-negative:0;flex-shrink:0}.char-type-badge.protagonist[data-v-7dbc89e9]{background:#ecf5ff;color:#409eff}.char-type-badge.support[data-v-7dbc89e9]{background:#f0f9eb;color:#67c23a}.char-type-badge.antagonist[data-v-7dbc89e9]{background:#fef0f0;color:#f56c6c}.main-content[data-v-7dbc89e9]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:32px}.detail-header[data-v-7dbc89e9]{background:#fff;border-radius:20px;padding:28px;margin-bottom:24px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.04);box-shadow:0 2px 12px rgba(0,0,0,.04)}.detail-header[data-v-7dbc89e9],.header-left[data-v-7dbc89e9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-left[data-v-7dbc89e9]{gap:24px}.large-avatar[data-v-7dbc89e9]{width:80px;height:80px;border-radius:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:36px;font-weight:600}.header-info h1[data-v-7dbc89e9]{font-size:28px;color:#303133;margin:0 0 10px 0}.header-tags[data-v-7dbc89e9]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.tag[data-v-7dbc89e9]{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:500}.tag.protagonist[data-v-7dbc89e9]{background:#ecf5ff;color:#409eff}.tag.support[data-v-7dbc89e9]{background:#f0f9eb;color:#67c23a}.tag.antagonist[data-v-7dbc89e9]{background:#fef0f0;color:#f56c6c}.role-tag[data-v-7dbc89e9]{background:#f4f4f5;color:#909399}.header-actions[data-v-7dbc89e9]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.action-btn[data-v-7dbc89e9]{padding:10px 20px;border:none;border-radius:10px;font-size:13px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;-webkit-transition:all .3s;transition:all .3s}.edit-btn[data-v-7dbc89e9]{background:#ecf5ff;color:#409eff}.edit-btn[data-v-7dbc89e9]:hover{background:#409eff;color:#fff}.delete-btn[data-v-7dbc89e9]{background:#fef0f0;color:#f56c6c}.delete-btn[data-v-7dbc89e9]:hover{background:#f56c6c;color:#fff}.primary-btn[data-v-7dbc89e9]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 28px;font-size:14px}.primary-btn[data-v-7dbc89e9]:hover{opacity:.9}.detail-sections[data-v-7dbc89e9]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.section-card[data-v-7dbc89e9]{background:#fff;border-radius:16px;padding:24px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.04);box-shadow:0 2px 12px rgba(0,0,0,.04)}.section-card[data-v-7dbc89e9]:first-child,.section-card[data-v-7dbc89e9]:nth-child(3),.section-card[data-v-7dbc89e9]:nth-child(5){grid-column:1/-1}.card-title[data-v-7dbc89e9]{font-size:16px;font-weight:600;color:#303133;margin:0 0 16px 0}.info-grid[data-v-7dbc89e9]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.info-item[data-v-7dbc89e9]{padding:16px;background:#fafbfc;border-radius:12px}.info-item label[data-v-7dbc89e9]{display:block;font-size:12px;color:#909399;margin-bottom:6px}.info-item span[data-v-7dbc89e9]{font-size:16px;font-weight:600;color:#303133}.desc-content p[data-v-7dbc89e9]{line-height:1.8;color:#606266;margin:0;font-size:14px}.trait-tags[data-v-7dbc89e9]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.trait-tag[data-v-7dbc89e9]{padding:8px 20px;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));color:#667eea;border-radius:20px;font-size:13px;font-weight:500}.relation-list[data-v-7dbc89e9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.relation-item[data-v-7dbc89e9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;padding:14px 16px;background:#fafbfc;border-radius:10px}.relation-type[data-v-7dbc89e9]{padding:4px 10px;background:#e4e7ed;color:#606266;border-radius:6px;font-size:12px;font-weight:500;-ms-flex-negative:0;flex-shrink:0}.relation-name[data-v-7dbc89e9]{font-size:14px;font-weight:600;color:#303133;width:100px;-ms-flex-negative:0;flex-shrink:0}.relation-desc[data-v-7dbc89e9]{font-size:13px;color:#909399;-webkit-box-flex:1;-ms-flex:1;flex:1}.quote-list[data-v-7dbc89e9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.quote-item[data-v-7dbc89e9]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;padding:16px 20px;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border-radius:12px;border-left:3px solid #667eea}.quote-icon[data-v-7dbc89e9]{font-size:20px;color:#667eea;-ms-flex-negative:0;flex-shrink:0}.quote-item p[data-v-7dbc89e9]{margin:0;line-height:1.8;color:#606266;font-size:14px;font-style:italic}.empty-state[data-v-7dbc89e9]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;min-height:500px;text-align:center}.empty-icon[data-v-7dbc89e9],.empty-state[data-v-7dbc89e9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.empty-icon[data-v-7dbc89e9]{width:120px;height:120px;background:#f0f0f0;border-radius:50%;margin-bottom:24px;font-size:48px;color:#c0c4cc}.empty-state h3[data-v-7dbc89e9]{font-size:20px;color:#303133;margin:0 0 8px 0}.empty-state p[data-v-7dbc89e9]{font-size:14px;color:#909399;margin:0 0 24px 0}.modal-overlay[data-v-7dbc89e9]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1000}.modal-content[data-v-7dbc89e9]{background:#fff;border-radius:20px;width:600px;max-height:90vh;overflow-y:auto}.modal-header[data-v-7dbc89e9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:24px;border-bottom:1px solid #f0f0f0}.modal-header h3[data-v-7dbc89e9]{font-size:18px;color:#303133;margin:0}.close-btn[data-v-7dbc89e9]{background:none;border:none;font-size:20px;color:#909399;cursor:pointer;padding:4px}.close-btn[data-v-7dbc89e9]:hover{color:#303133}.modal-body[data-v-7dbc89e9]{padding:24px}.form-row[data-v-7dbc89e9]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px}.form-item[data-v-7dbc89e9]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-bottom:16px}.form-item label[data-v-7dbc89e9]{display:block;font-size:13px;color:#606266;margin-bottom:8px;font-weight:500}.form-input[data-v-7dbc89e9],.form-textarea[data-v-7dbc89e9]{width:100%;padding:10px 14px;border:1px solid #dcdfe6;border-radius:8px;font-size:14px;color:#303133;outline:none;-webkit-transition:border-color .3s;transition:border-color .3s;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit}.form-input[data-v-7dbc89e9]:focus,.form-textarea[data-v-7dbc89e9]:focus{border-color:#667eea}.modal-footer[data-v-7dbc89e9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #f0f0f0}.cancel-btn[data-v-7dbc89e9]{background:#f0f0f0;color:#606266}.cancel-btn[data-v-7dbc89e9]:hover{background:#e4e7ed}.confirm-btn[data-v-7dbc89e9]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.confirm-btn[data-v-7dbc89e9]:hover{opacity:.9}