/* SDK 页面专属样式：复用官网 styles.css 的品牌变量与页头页脚，
 * 这里只补文档型页面需要的排版（下载卡、步骤、代码块、Tab）。 */
.sdk-main{padding-top:20px;padding-bottom:112px}
.sdk-hero{max-width:760px;padding:40px 0 20px}
.sdk-hero h1{font-size:clamp(40px,5vw,68px);line-height:1.12;letter-spacing:-.07em;margin:26px 0 22px;font-weight:900}
.sdk-hero h1 em{font-style:normal;color:var(--coral)}
.sdk-channel{display:inline-block;margin:16px 0 0;padding:8px 16px;border-radius:var(--r-pill);background:var(--action-tint);color:var(--action-strong);font-size:13px;font-weight:600;letter-spacing:.02em}
.sdk-lead{color:var(--muted);font-size:17px;line-height:1.9;margin:0}
.sdk-lead b{color:var(--ink)}
.sdk-section{padding-top:72px;border-top:1px solid var(--line);margin-top:64px}
.sdk-section>h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.06em;margin:0 0 14px;font-weight:900}
.sdk-note{color:var(--muted);font-size:15px;line-height:1.9;max-width:680px;margin:0 0 24px}
.sdk-note b{color:var(--ink)}
.sdk-note a{border-bottom:1px solid var(--line)}

/* 下载卡 */
.sdk-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sdk-card{background:var(--ink);color:#fff;border-radius:var(--r-surface);padding:24px;display:flex;flex-direction:column;min-height:250px}
.sdk-card .card-head{color:#fff}
.sdk-card .status-dot{background:#b4d6a7}
.sdk-card h3{font-size:23px;letter-spacing:-.06em;margin:36px 0 12px}
.sdk-card-fmt{font-size:13px;line-height:1.7;opacity:.7;margin:0 0 auto}
.sdk-button{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding:12px 20px;min-height:var(--tap);border-radius:var(--r-pill);background:var(--action-strong);color:#fff;font-size:15px;font-weight:600}
.sdk-button:hover{transform:translateY(-2px)}
/* 规范禁用色 #D9D9D9/#7A7A7A 定义在浅色表面(规范 Buttons 画板底 #F5F5F7)上；
 * 本卡片是墨绿深色表面，直接套用会让禁用态比启用态更抢眼，违反规范 08 Usage「层级」。
 * 故在深色表面沿用降噪处理，仅字重/字号随规范按钮对齐。 */
.sdk-button.is-disabled{background:rgba(255,255,255,.16);color:rgba(255,255,255,.6);cursor:default;pointer-events:none}
.sdk-meta{display:block;margin-top:12px;font-size:11px;line-height:1.7;opacity:.55;word-break:break-all}

/* 提醒块 */
.sdk-warn{background:#fff;border:1px solid var(--line);border-radius:var(--r-media);padding:24px;font-size:15px;line-height:1.9;margin:0 0 32px}
.sdk-warn>b{display:block;margin-bottom:8px;font-size:17px}
.sdk-warn ul{margin:0;padding-left:20px}
.sdk-warn li{margin:8px 0;color:var(--muted)}
.sdk-warn li b{color:var(--ink)}

/* Tab */
.sdk-tabs{display:flex;gap:8px;margin:0 0 24px}
.sdk-tab{border:1px solid var(--ink);background:transparent;color:var(--ink);border-radius:var(--r-pill);padding:12px 20px;min-height:var(--tap);font-size:13px;font-weight:600;cursor:pointer}
.sdk-tab[aria-selected="true"]{background:var(--action-strong);color:#fff;border-color:var(--action-strong)}

/* 步骤 */
.sdk-panel[hidden]{display:none}
.sdk-step{margin-bottom:32px;max-width:860px}
.sdk-step-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.sdk-num{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--action-tint);color:var(--action-strong);font:600 13px "DM Sans";flex:none}
.sdk-step-title{font-size:17px;font-weight:600;letter-spacing:-.03em}
.sdk-step>p{color:var(--muted);font-size:15px;line-height:1.9;margin:0 0 12px}
.sdk-step>p b{color:var(--ink)}
code{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;font-size:.92em;background:rgba(16,44,37,.07);border-radius:5px;padding:1px 5px}

/* 代码块 */
.sdk-code{position:relative;background:var(--ink);border-radius:var(--r-media);overflow:hidden}
.sdk-code pre{margin:0;padding:20px 24px;overflow-x:auto;color:#e7ece8;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;font-size:12.5px;line-height:1.75}
.sdk-copy{position:absolute;top:12px;right:12px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;border-radius:var(--r-pill);padding:6px 12px;font-size:11px;font-weight:600;cursor:pointer;opacity:0;transition:opacity .15s}
.sdk-copy::after{content:"";position:absolute;left:0;right:0;top:50%;height:var(--tap);transform:translateY(-50%)}
.sdk-code:hover .sdk-copy,.sdk-copy:focus-visible{opacity:1}
.sdk-copy.is-done{background:var(--yellow);border-color:var(--yellow);color:var(--ink);opacity:1}

.sdk-toast{position:fixed;left:50%;bottom:32px;transform:translateX(-50%) translateY(12px);background:var(--ink);color:var(--paper);font-size:13px;padding:12px 20px;border-radius:var(--r-pill);opacity:0;pointer-events:none;transition:all .22s}
.sdk-toast.is-on{opacity:1;transform:translateX(-50%) translateY(0)}

@media(max-width:850px){.sdk-cards{grid-template-columns:1fr}.sdk-section{padding-top:48px;margin-top:44px}}