body {margin:0;padding:0;font-family:'Segoe UI','PingFang SC','Microsoft YaHei',Arial,sans-serif;background:#f5f7fa;color:#222;}
.doc-header {display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:60px;background:#fff;box-shadow:0 2px 12px rgba(34,158,217,0.07);z-index:10;position:sticky;top:0;}
.doc-brand {font-size:1.7rem;font-weight:700;color:#229ed9;letter-spacing:1px;}
.doc-header nav {display:flex;align-items:center;gap:24px;}
.lang-switch {margin-left:18px;cursor:pointer;color:#229ed9;font-weight:500;}
.doc-container {display:flex;min-height:calc(100vh - 80px);}
.doc-sidebar {width:260px;background:#fff;border-right:1.5px solid #e3e7ed;padding:24px 0 24px 0;box-shadow:0 2px 12px rgba(34,158,217,0.04);position:sticky;top:60px;align-self:flex-start;min-height:calc(100vh - 60px);overflow-y:auto;}
.doc-sidebar nav ul {list-style:none;padding:0;margin:0;}
.doc-sidebar nav ul>li {margin-bottom:16px;}
.doc-sidebar nav a {display:block;color:#444;text-decoration:none;font-size:1rem;padding:10px 24px 10px 32px;border-radius:6px;transition:background 0.18s, color 0.18s;line-height:1.7;}
.doc-sidebar nav a.active,.doc-sidebar nav a:hover {background:#e8f5fd;color:#229ed9;font-weight:600;}
.doc-sidebar ul ul {margin-left:8px;border-left:2px solid #e3e7ed;padding-left:8px;}
.doc-main {flex:1;max-width:900px;margin:0 auto;padding:32px 24px 80px 24px;}
.doc-main h1 {font-size:2.1rem;font-weight:700;margin-bottom:28px;margin-top:64px;padding-bottom:12px;border-bottom:3px solid #229ed9;background:linear-gradient(90deg,#e8f5fd 60%,#fff 100%);padding-left:8px;}
.doc-main h2 {color:#229ed9;margin-top:56px;margin-bottom:24px;font-size:1.3rem;padding-left:6px;padding-bottom:8px;border-left:5px solid #229ed9;border-bottom:1.5px solid #e3e7ed;background:linear-gradient(90deg,#f0f8ff 60%,#fff 100%);}
.doc-main h3 {color:#1b8cc0;margin-top:40px;margin-bottom:16px;padding-left:4px;border-left:3px solid #1b8cc0;}
.doc-main p,.doc-main li,.doc-main td {font-size:1.08rem;line-height:2.0;margin-bottom:14px;}
.doc-main ul, .doc-main ol {margin-bottom:18px;}
.doc-main table {width:100%;border-collapse:collapse;margin:28px 0 40px 0;}
.doc-main th,.doc-main td {border:1px solid #e3e7ed;padding:14px 10px;text-align:left;}
.doc-main th {background:#e8f5fd;color:#229ed9;}
.doc-main tr:nth-child(even) {background:#f8fbfd;}
.doc-main code {background:#f0f4f8;padding:2px 6px;border-radius:4px;font-size:0.98em;}
.doc-main pre {background:#f0f4f8;padding:16px;border-radius:8px;overflow-x:auto;font-size:1.05rem;margin:16px 0;}
.copy-btn {margin-left:8px;background:#e8f5fd;color:#229ed9;border:none;border-radius:6px;padding:4px 10px;cursor:pointer;}
.copy-btn:hover {background:#229ed9;color:#fff;}
.doc-footer {background:#fff;text-align:center;padding:18px 0 12px 0;color:#888;font-size:0.98rem;border-top:1.5px solid #e3e7ed;}
.doc-footer a {color:#229ed9;text-decoration:none;}
.doc-footer a:hover {text-decoration:underline;}
.feature-list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px; /* 或你想要的间距 */
  margin-top: 16px;
}
.feature-list .feature-item {
  flex: 1 1 220px; /* 或固定宽度 */
  min-width: 180px;
}
.hljs {background:inherit;}
@media (max-width:900px){.doc-container{flex-direction:column;}.doc-sidebar{width:100vw;min-height:0;position:static;box-shadow:none;border-right:none;border-bottom:1.5px solid #e3e7ed;padding:10px 0;}.doc-main{padding:18px 2vw 80px 2vw;}}
@media (max-width:600px){.doc-header{padding:0 10px;height:48px;}.doc-brand{font-size:1.1rem;}.doc-main{padding:8px 2vw 80px 2vw;}.doc-sidebar nav a{font-size:0.98rem;padding:8px 10px 8px 18px;}}
::-webkit-scrollbar{width:8px;background:#f0f0f0;border-radius:8px;}
::-webkit-scrollbar-thumb{background:#e3e7ed;border-radius:8px;}