*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f7fa;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.header{background:#fff;max-width:1200px;margin:0 auto 20px;padding:15px 0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header-content{max-width:1200px;margin:0 auto;padding:0 20px}.header a{color:#409eff;font-size:18px;font-weight:500;text-decoration:none}.header a:hover{color:#66b1ff}.page{background:#fff;border-radius:4px;width:100%;max-width:1200px;margin:0 auto;padding:0 20px 40px;box-shadow:0 2px 12px rgba(0,0,0,.1)}h1{color:#303133;padding:30px 0 10px;font-size:28px}.description{color:#606266;margin-bottom:30px;font-size:14px;line-height:1.6}.upload-area{cursor:pointer;background:#fafafa;border:2px dashed #dcdfe6;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:120px;margin-bottom:30px;transition:all .3s;display:flex}.upload-area:hover{background:#f0f9ff;border-color:#409eff}.upload-icon{filter:grayscale(0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin-bottom:10px;font-size:48px}.upload-text{color:#606266;margin-bottom:8px;font-size:14px}.upload-hint{color:#909399;text-align:center;padding:0 20px;font-size:12px;line-height:1.5}.controls{margin-bottom:15px}.button-row{margin-bottom:10px}.button-row .el-button{margin-bottom:10px;margin-right:10px}.search-input{width:300px}.article-section{margin-top:50px}.article-item{background:#f9f9f9;border-radius:4px;margin-bottom:30px;padding:20px}.article-item h3{color:#303133;margin-bottom:15px;font-size:18px}.article-item p{color:#606266;margin-bottom:10px;line-height:1.8}.article-item ol{color:#606266;margin-left:20px;line-height:1.8}.article-item ol li{color:#606266;background:#fff;border-left:3px solid #67c23a;border-radius:4px;margin-bottom:8px;padding:8px 12px;transition:all .2s}.article-item ol li:hover{background:#f0f9ff;border-left-color:#409eff;transform:translate(2px)}.footer{text-align:center;background:#fff;border-top:1px solid #e4e7ed;max-width:1200px;margin:40px auto 0;padding:30px 0}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px}.footer a{color:#409eff;margin:0 8px;font-size:12px;text-decoration:none}.footer a:hover{color:#66b1ff}@media (max-width:768px){.page{padding:0 15px 30px}h1{padding:20px 0 10px;font-size:22px}.search-input{width:100%;margin-top:10px}.button-row .el-button{margin-bottom:8px;margin-right:5px}.upload-icon{font-size:36px}.upload-hint{font-size:11px}}.hidden-messages{display:none}