*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f7fa;color:#303133;line-height:1.6}#app{min-height:100vh;padding:20px}button{font-family:inherit;font-size:inherit;cursor:pointer}input,textarea{font-family:inherit;font-size:inherit}.article-list[data-v-7eb8d9c2]{max-width:800px;margin:0 auto;padding:20px}.list-header[data-v-7eb8d9c2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.list-header h1[data-v-7eb8d9c2]{font-size:28px;color:#333;margin:0}.create-btn[data-v-7eb8d9c2]{padding:10px 20px;background-color:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s}.create-btn[data-v-7eb8d9c2]:hover{background-color:#66b1ff}.loading[data-v-7eb8d9c2],.error[data-v-7eb8d9c2],.empty[data-v-7eb8d9c2]{text-align:center;padding:50px 0;font-size:18px;color:#666}.error button[data-v-7eb8d9c2],.empty button[data-v-7eb8d9c2]{margin-top:20px;padding:8px 16px;background-color:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.articles[data-v-7eb8d9c2]{display:flex;flex-direction:column;gap:15px}.article-item[data-v-7eb8d9c2]{padding:20px;border:1px solid #e4e7ed;border-radius:8px;cursor:pointer;transition:all .3s;background-color:#fff}.article-item[data-v-7eb8d9c2]:hover{box-shadow:0 2px 12px #0000001a;border-color:#c6e2ff;transform:translateY(-2px)}.article-title[data-v-7eb8d9c2]{font-size:20px;font-weight:600;color:#303133;margin-bottom:10px;line-height:1.4}.article-meta[data-v-7eb8d9c2]{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#909399}.update-time[data-v-7eb8d9c2]{display:flex;align-items:center;gap:5px}.article-detail[data-v-ff2a8ed3]{max-width:800px;margin:0 auto;padding:20px}.detail-header[data-v-ff2a8ed3]{display:flex;gap:10px;margin-bottom:30px}.back-btn[data-v-ff2a8ed3],.edit-btn[data-v-ff2a8ed3]{padding:8px 16px;border:1px solid #dcdfe6;border-radius:4px;background-color:#fff;cursor:pointer;font-size:14px;transition:all .3s}.back-btn[data-v-ff2a8ed3]:hover,.edit-btn[data-v-ff2a8ed3]:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.loading[data-v-ff2a8ed3],.error[data-v-ff2a8ed3],.empty-content[data-v-ff2a8ed3]{text-align:center;padding:50px 0;font-size:18px;color:#666}.error button[data-v-ff2a8ed3]{margin:10px;padding:8px 16px;background-color:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.article-content[data-v-ff2a8ed3]{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 12px #0000001a}.article-title[data-v-ff2a8ed3]{font-size:28px;font-weight:600;color:#303133;margin-bottom:20px;line-height:1.4}.article-meta[data-v-ff2a8ed3]{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#909399;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #ebeef5}.update-time[data-v-ff2a8ed3]{display:flex;align-items:center;gap:5px}.article-body[data-v-ff2a8ed3]{font-size:16px;line-height:1.8;color:#606266}.content p[data-v-ff2a8ed3]{margin-bottom:16px}.content p[data-v-ff2a8ed3]:last-child{margin-bottom:0}.create-article[data-v-7ac34fd3]{max-width:800px;margin:0 auto;padding:20px}.create-header[data-v-7ac34fd3]{display:flex;align-items:center;gap:20px;margin-bottom:30px}.back-btn[data-v-7ac34fd3]{padding:8px 16px;border:1px solid #dcdfe6;border-radius:4px;background-color:#fff;cursor:pointer;font-size:14px;transition:all .3s}.back-btn[data-v-7ac34fd3]:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.create-header h1[data-v-7ac34fd3]{font-size:24px;color:#333;margin:0}.create-form[data-v-7ac34fd3]{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 12px #0000001a}.form-group[data-v-7ac34fd3]{margin-bottom:24px}.form-group label[data-v-7ac34fd3]{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#303133}.form-input[data-v-7ac34fd3],.form-textarea[data-v-7ac34fd3]{width:100%;padding:12px;border:1px solid #dcdfe6;border-radius:4px;font-size:16px;transition:border-color .2s;box-sizing:border-box}.form-input[data-v-7ac34fd3]:focus,.form-textarea[data-v-7ac34fd3]:focus{outline:none;border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.form-input.error[data-v-7ac34fd3],.form-textarea.error[data-v-7ac34fd3]{border-color:#f56c6c}.form-textarea[data-v-7ac34fd3]{resize:vertical;min-height:200px}.error-message[data-v-7ac34fd3]{color:#f56c6c;font-size:12px;margin-top:4px}.form-actions[data-v-7ac34fd3]{display:flex;gap:12px;justify-content:flex-end;margin-top:30px}.submit-btn[data-v-7ac34fd3],.cancel-btn[data-v-7ac34fd3]{padding:12px 24px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s;border:none}.submit-btn[data-v-7ac34fd3]{background-color:#409eff;color:#fff}.submit-btn[data-v-7ac34fd3]:hover:not(:disabled){background-color:#66b1ff}.submit-btn[data-v-7ac34fd3]:disabled{background-color:#c6e2ff;cursor:not-allowed}.cancel-btn[data-v-7ac34fd3]{background-color:#f5f7fa;color:#606266;border:1px solid #dcdfe6}.cancel-btn[data-v-7ac34fd3]:hover{background-color:#e4e7ed;color:#303133}.success-message[data-v-7ac34fd3],.error-message-box[data-v-7ac34fd3]{margin-top:20px;padding:20px;border-radius:8px;text-align:center}.success-message[data-v-7ac34fd3]{background-color:#f0f9eb;border:1px solid #e1f3d8;color:#67c23a}.success-message button[data-v-7ac34fd3],.error-message-box button[data-v-7ac34fd3]{margin:10px;padding:8px 16px;background-color:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.error-message-box[data-v-7ac34fd3]{background-color:#fef0f0;border:1px solid #fbc4c4;color:#f56c6c}.edit-article[data-v-c79887eb]{max-width:800px;margin:0 auto;padding:20px}.edit-header[data-v-c79887eb]{display:flex;align-items:center;gap:20px;margin-bottom:30px}.back-btn[data-v-c79887eb]{padding:8px 16px;border:1px solid #dcdfe6;border-radius:4px;background-color:#fff;cursor:pointer;font-size:14px;transition:all .3s}.back-btn[data-v-c79887eb]:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.edit-header h1[data-v-c79887eb]{font-size:24px;color:#333;margin:0}.loading[data-v-c79887eb],.load-error[data-v-c79887eb]{text-align:center;padding:50px 0;font-size:18px;color:#666}.load-error button[data-v-c79887eb]{margin:10px;padding:8px 16px;background-color:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.edit-form[data-v-c79887eb]{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 12px #0000001a}.form-group[data-v-c79887eb]{margin-bottom:24px}.form-group label[data-v-c79887eb]{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#303133}.form-input[data-v-c79887eb],.form-textarea[data-v-c79887eb]{width:100%;padding:12px;border:1px solid #dcdfe6;border-radius:4px;font-size:16px;transition:border-color .2s;box-sizing:border-box}.form-input[data-v-c79887eb]:focus,.form-textarea[data-v-c79887eb]:focus{outline:none;border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.form-input.error[data-v-c79887eb],.form-textarea.error[data-v-c79887eb]{border-color:#f56c6c}.form-textarea[data-v-c79887eb]{resize:vertical;min-height:200px}.error-message[data-v-c79887eb]{color:#f56c6c;font-size:12px;margin-top:4px}.form-actions[data-v-c79887eb]{display:flex;gap:12px;justify-content:flex-end;margin-top:30px}.submit-btn[data-v-c79887eb],.cancel-btn[data-v-c79887eb]{padding:12px 24px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s;border:none}.submit-btn[data-v-c79887eb]{background-color:#409eff;color:#fff}.submit-btn[data-v-c79887eb]:hover:not(:disabled){background-color:#66b1ff}.submit-btn[data-v-c79887eb]:disabled{background-color:#c6e2ff;cursor:not-allowed}.cancel-btn[data-v-c79887eb]{background-color:#f5f7fa;color:#606266;border:1px solid #dcdfe6}.cancel-btn[data-v-c79887eb]:hover{background-color:#e4e7ed;color:#303133}.success-message[data-v-c79887eb],.error-message-box[data-v-c79887eb]{margin-top:20px;padding:20px;border-radius:8px;text-align:center}.success-message[data-v-c79887eb]{background-color:#f0f9eb;border:1px solid #e1f3d8;color:#67c23a}.success-message button[data-v-c79887eb],.error-message-box button[data-v-c79887eb]{margin:10px;padding:8px 16px;background-color:#409eff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.error-message-box[data-v-c79887eb]{background-color:#fef0f0;border:1px solid #fbc4c4;color:#f56c6c}