body { background-color: #f2f2f2; padding: 20px; }
.api-header { padding: 30px 20px; background: #fff; margin-bottom: 15px; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,.05); display: flex; align-items: center;}
.api-logo { width: 60px; height: 60px; border-radius: 50%; margin-right: 20px; }
.api-title { margin: 0; font-size: 24px; color: #333; font-weight: bold; }
.api-desc { color: #666; margin-top: 8px; font-size: 14px; }
.layui-card { margin-bottom: 20px; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,.05); }
.code-block { background: #282c34; border-radius: 4px; font-family: Consolas, Monaco, monospace; font-size: 14px; overflow-x: auto; margin-top: 10px; }
.code-block pre, .code-block code { margin: 0; background: transparent !important; padding: 15px !important; }