:root{--primary-color: #409eff;--success-color: #67c23a;--warning-color: #e6a23c;--danger-color: #f56c6c;--info-color: #909399;--text-primary: #303133;--text-regular: #606266;--text-secondary: #909399;--text-placeholder: #c0c4cc;--border-base: #dcdfe6;--border-light: #e4e7ed;--border-lighter: #ebeef5;--border-extra-light: #f2f6fc;--background-base: #f5f7fa;--background-light: #fafafa}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;font-size:14px;line-height:1.6;color:var(--text-primary);background-color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.text-right{text-align:right}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}a{color:var(--primary-color);text-decoration:none;transition:color .3s}a:hover{color:var(--primary-color);opacity:.8}.card{background:#fff;border-radius:4px;box-shadow:0 2px 12px #0000001a;overflow:hidden}.title{font-size:24px;font-weight:500;color:var(--text-primary);margin-bottom:20px}.subtitle{font-size:18px;font-weight:500;color:var(--text-primary);margin-bottom:15px}@media (max-width: 768px){.container{padding:0 15px}}