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