@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #409eff;--primary-hover: #66b1ff;--success-color: #67c23a;--warning-color: #e6a23c;--danger-color: #f56c6c;--info-color: #909399;--text-primary: #303133;--text-regular: #606266;--text-secondary: #909399;--border-color: #dcdfe6;--border-color-light: #e4e7ed;--bg-color: #f5f7fa}html,body{width:100%;height:100%;overflow:hidden;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-primary);background-color:#f0f2f5;line-height:1.6}a{color:var(--primary-color);text-decoration:none}a:hover{color:var(--primary-hover)}#app{width:100%;height:100vh;overflow:hidden}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-header h2{font-size:20px;font-weight:600;color:var(--text-primary)}.card{background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000001a;padding:20px}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.text-center{text-align:center}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.theme-templates{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.theme-templates div{padding:4px 10px;background:#f5f7fa;border-radius:4px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s}.theme-templates div:hover{background:#e8f4fd}.theme-templates div.active{background:#409eff;color:#fff}.theme-preview{margin-top:10px;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.theme-preview img{width:100%;height:auto;max-height:200px;object-fit:cover}.theme-actions{display:flex;gap:8px;margin-top:10px}.theme-actions .el-button{flex:1}.editor-header{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}.editor-header .title-input{flex:1;min-width:200px}.editor-header .cover-setting{display:flex;gap:16px;align-items:flex-start}.editor-header .editor-actions{display:flex;gap:8px;flex-wrap:wrap}.cover-wrapper{width:100%}.cover-upload-area{border:2px dashed #dcdfe6;border-radius:6px;padding:8px;background:#f5f7fa;cursor:pointer;transition:all .3s}.cover-upload-area:hover{border-color:#409eff;background:#ecf5ff}.cover-placeholder-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px}.cover-placeholder-icon{font-size:24px}.cover-placeholder-text{font-size:12px;color:#909399}.cover-placeholder-hint{font-size:10px;color:#c0c4cc}.cover-preview-container{position:relative;display:flex;flex-direction:column;gap:8px}.cover-preview-image-wrapper{width:100%;height:80px;border-radius:4px;overflow:hidden;border:1px solid #e4e7ed;display:flex;align-items:center;justify-content:center}.cover-preview-image-wrapper img{width:100%;height:100%;object-fit:cover}.cover-actions{display:flex;gap:6px}.cover-action-btn{flex:1;padding:4px 8px;background:#409eff;color:#fff;border-radius:3px;font-size:11px;text-align:center;cursor:pointer;transition:all .2s}.cover-action-btn:hover{background:#66b1ff}.cover-remove-btn{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:#f56c6c;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;cursor:pointer}.article-tags-section{display:flex;flex-direction:column;gap:6px}.article-tags-section .tags-label{font-size:13px;font-weight:500;color:#606266}.article-tags-section .tags-selector{display:flex;flex-wrap:wrap;gap:4px}.article-tag-item{padding:4px 12px;background:#f5f7fa;border:1px solid #e4e7ed;border-radius:16px;font-size:12px;cursor:pointer;transition:all .2s}.article-tag-item:hover{background:#ecf5ff;border-color:#b3d8ff}.article-tag-item.active{background:#409eff;color:#fff;border-color:#409eff}