body {margin:0;padding:0;font-family:'Segoe UI','PingFang SC','Microsoft YaHei',Arial,sans-serif;background:#f5f7fa;color:#222;}
.api-header {display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:64px;background:#fff;box-shadow:0 2px 12px rgba(34,158,217,0.07);}
.logo {font-size:2rem;font-weight:700;color:#229ed9;letter-spacing:1px;}
.api-header nav {display:flex;align-items:center;gap:24px;}
.api-header nav a {color:#444;text-decoration:none;font-size:1rem;padding:6px 12px;border-radius:6px;transition:background 0.18s;}
.api-header nav a.active,.api-header nav a:hover {background:#e8f5fd;color:#229ed9;}
.lang-switch {margin-left:18px;cursor:pointer;color:#229ed9;font-weight:500;}
.api-main {max-width:900px;margin:0 auto;padding:32px 16px 80px 16px;}
.hero,.doc-hero {text-align:center;margin-bottom:40px;}
.hero h1,.doc-hero h1 {font-size:2.2rem;font-weight:700;margin-bottom:18px;}
.hero p,.doc-hero p {font-size:1.1rem;color:#555;}
.btn-primary,.btn-secondary {display:inline-block;padding:12px 32px;border-radius:8px;font-size:1.1rem;font-weight:500;text-decoration:none;transition:background 0.2s;}
.btn-primary {background:#229ed9;color:#fff;box-shadow:0 2px 8px rgba(34,158,217,0.08);}
.btn-primary:hover {background:#1b8cc0;}
.btn-secondary {background:#e8f5fd;color:#229ed9;}
.btn-secondary:hover {background:#229ed9;color:#fff;}
.features {margin-bottom:40px;}
.feature-list {display:flex;flex-wrap:wrap;gap:24px;justify-content:center;}
.feature-item {background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(34,158,217,0.07);padding:24px 18px;flex:1 1 200px;min-width:200px;max-width:260px;text-align:left;}
.feature-item h3 {color:#229ed9;font-size:1.1rem;margin-bottom:10px;}
.feature-item p {color:#555;font-size:0.98rem;}
.quickstart {margin-bottom:40px;}
.quickstart ol {padding-left:22px;}
.quickstart li {margin-bottom:8px;font-size:1rem;}
.api-footer {background:#fff;text-align:center;padding:18px 0 12px 0;color:#888;font-size:0.98rem;border-top:1.5px solid #e3e7ed;}
.api-footer a {color:#229ed9;text-decoration:none;}
.api-footer a:hover {text-decoration:underline;}
.api-base-url {margin:18px 0;font-size:1.08rem;}
.api-table {width:100%;border-collapse:collapse;margin:18px 0 32px 0;}
.api-table th,.api-table td {border:1px solid #e3e7ed;padding:10px 8px;text-align:left;}
.api-table th {background:#e8f5fd;color:#229ed9;}
.api-table tr:nth-child(even) {background:#f8fbfd;}
.api-table code {background:#f0f4f8;padding:2px 6px;border-radius:4px;}
.api-detail {margin-bottom:40px;}
.api-detail h3 {color:#229ed9;margin-top:24px;}
.api-detail pre {background:#f0f4f8;padding:12px;border-radius:8px;overflow-x:auto;font-size:0.98rem;}
.api-detail .copy-btn {float:right;margin-top:-32px;margin-right:8px;background:#e8f5fd;color:#229ed9;border:none;border-radius:6px;padding:4px 10px;cursor:pointer;}
.api-detail .copy-btn:hover {background:#229ed9;color:#fff;}
.faq {margin-bottom:40px;}
.faq h2 {color:#229ed9;}
.faq ul {padding-left:22px;}
.faq li {margin-bottom:8px;font-size:1rem;}
@media (max-width:700px){.api-header{padding:0 10px;height:54px;}.logo{font-size:1.3rem;}.api-main{padding:18px 2vw 80px 2vw;}.feature-list{flex-direction:column;gap:12px;}.feature-item{padding:16px 8px;min-width:0;max-width:100%;}.api-table th,.api-table td{font-size:0.95rem;padding:7px 4px;}.api-detail pre{font-size:0.92rem;padding:7px;}.btn-primary,.btn-secondary{padding:10px 18px;font-size:1rem;}}