.docs-page {
            --bg: #f6f8fb;
            --surface: #ffffff;
            --surface-soft: #f9fbfa;
            --ink: #111827;
            --text: #334642;
            --muted: #64726e;
            --line: #dfe7e4;
            --line-strong: #cbd8d4;
            --green: #17745b;
            --blue: #2563eb;
            --amber: #a16207;
            --red: #b42318;
            --code-bg: #111827;
            background: var(--bg);
            color: var(--text);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
            line-height: 1.65;
            min-height: 100vh;
        }
        .docs-public-body { margin: 0; background: #f6f8fb; }
        .docs-public-body .docs-page { padding-top: 70px; }
        .docs-page.docs-page-embedded {
            min-height: auto;
            background: transparent;
        }
        .docs-page.docs-page-embedded .docs-hero {
            display: none;
        }
        .docs-page.docs-page-embedded .docs-shell {
            max-width: none;
            padding: 0 1% 28px;
            display: block;
        }
        .docs-page.docs-page-embedded .sidebar {
            position: static;
            max-height: none;
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            margin-bottom: 16px;
            box-shadow: none;
        }
        .docs-page.docs-page-embedded .sidebar-title { width: 100%; }
        .docs-page.docs-page-embedded .sidebar a { border: 1px solid transparent; }
        .docs-page.docs-page-embedded .sidebar .sub { padding-left: 10px; font-size: 14px; }
        .docs-page, .docs-page * { box-sizing: border-box; }
        .docs-page code, .docs-page pre, .docs-page .mono {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
        }
        .docs-page a { color: var(--blue); }
        .docs-page .docs-hero {
            background: var(--surface);
            border-bottom: 1px solid var(--line);
        }
        .docs-page .hero-inner {
            max-width: 1180px;
            margin: 0 auto;
            padding: 54px 24px 38px;
        }
        .docs-page .eyebrow {
            margin: 0 0 10px;
            color: var(--green);
            font-size: 13px;
            font-weight: 800;
            letter-spacing: .08em;
            text-transform: uppercase;
        }
        .docs-page h1 {
            margin: 0;
            color: var(--ink);
            font-size: clamp(32px, 4vw, 44px);
            line-height: 1.15;
            letter-spacing: 0;
        }
        .docs-page .hero-desc {
            margin: 16px 0 0;
            max-width: 980px;
            color: var(--muted);
            font-size: 17px;
        }
        .docs-page .metrics {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 12px;
            margin-top: 24px;
        }
        .docs-page .metric {
            border: 1px solid var(--line);
            background: var(--surface-soft);
            border-radius: 8px;
            padding: 14px 16px;
            min-height: 86px;
        }
        .docs-page .metric strong {
            display: block;
            color: var(--ink);
            font-size: 25px;
            line-height: 1.2;
        }
        .docs-page .metric span {
            display: block;
            margin-top: 5px;
            color: var(--muted);
            font-size: 13px;
        }
        .docs-page .docs-shell {
            max-width: 1180px;
            margin: 0 auto;
            padding: 24px;
            display: grid;
            grid-template-columns: 254px minmax(0, 1fr);
            gap: 24px;
        }
        .docs-page .sidebar {
            position: sticky;
            top: 92px;
            align-self: start;
            max-height: calc(100vh - 112px);
            overflow: auto;
            border: 1px solid var(--line);
            background: var(--surface);
            border-radius: 8px;
            padding: 14px;
        }
        .docs-page .sidebar-title {
            padding: 8px 10px 12px;
            color: var(--ink);
            font-weight: 800;
            border-bottom: 1px solid var(--line);
        }
        .docs-page .sidebar a {
            display: block;
            padding: 8px 10px;
            border-radius: 6px;
            color: var(--muted);
            text-decoration: none;
            font-size: 14px;
        }
        .docs-page .sidebar a:hover, .docs-page .sidebar a.active {
            color: var(--green);
            background: #eef8f4;
        }
        .docs-page .sidebar .sub {
            padding-left: 20px;
            font-size: 13px;
        }
        .docs-page .content { min-width: 0; }
        .docs-page .doc-section {
            margin-bottom: 24px;
            border: 1px solid var(--line);
            background: var(--surface);
            border-radius: 8px;
            overflow: hidden;
        }
        .docs-page .section-head {
            padding: 26px 28px;
            border-bottom: 1px solid var(--line);
            background: #fbfdfc;
        }
        .docs-page .section-head h2 {
            margin: 0;
            color: var(--ink);
            font-size: 25px;
            line-height: 1.25;
            letter-spacing: 0;
        }
        .docs-page .section-head p {
            margin: 10px 0 0;
            color: var(--muted);
        }
        .docs-page .section-body { padding: 24px 28px 30px; }
        .docs-page h3 {
            margin: 28px 0 12px;
            color: var(--ink);
            font-size: 19px;
            letter-spacing: 0;
        }
        .docs-page h4 {
            margin: 18px 0 10px;
            color: var(--ink);
            font-size: 16px;
        }
        .docs-page .grid-2 {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
        }
        .docs-page .grid-3 {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 14px;
        }
        .docs-page .panel {
            border: 1px solid var(--line);
            background: var(--surface-soft);
            border-radius: 8px;
            padding: 16px;
        }
        .docs-page .panel strong {
            color: var(--ink);
        }
        .docs-page .callout {
            border: 1px solid #b9ddd2;
            background: #eef8f4;
            color: #12664e;
            border-radius: 8px;
            padding: 14px 16px;
            margin: 16px 0;
        }
        .docs-page .warn {
            border-color: #f0d59c;
            background: #fffbeb;
            color: #78350f;
        }
        .docs-page .danger {
            border-color: #fecaca;
            background: #fef2f2;
            color: #7f1d1d;
        }
        .docs-page .api-card {
            border: 1px solid var(--line);
            border-radius: 8px;
            background: var(--surface);
            margin: 14px 0;
            overflow: hidden;
        }
        .docs-page .api-card-head {
            display: flex;
            justify-content: space-between;
            gap: 14px;
            padding: 18px 18px 14px;
            border-bottom: 1px solid var(--line);
            background: #fbfdfc;
        }
        .docs-page .api-card-head h3 {
            margin: 0;
            font-size: 19px;
        }
        .docs-page .api-card-head p {
            margin: 7px 0 0;
            color: var(--muted);
        }
        .docs-page .api-card-body { padding: 16px 18px 18px; }
        .docs-page .badges {
            display: flex;
            align-items: flex-start;
            justify-content: flex-end;
            gap: 8px;
            flex-wrap: wrap;
            min-width: 160px;
        }
        .docs-page .badge {
            display: inline-flex;
            align-items: center;
            min-height: 26px;
            padding: 3px 9px;
            border-radius: 999px;
            border: 1px solid var(--line-strong);
            background: var(--surface);
            color: var(--text);
            font-size: 12px;
            font-weight: 700;
            white-space: nowrap;
        }
        .docs-page .badge.green { color: var(--green); border-color: #b9ddd2; background: #eef8f4; }
        .docs-page .badge.blue { color: var(--blue); border-color: #bfdbfe; background: #eff6ff; }
        .docs-page .badge.amber { color: var(--amber); border-color: #fde68a; background: #fffbeb; }
        .docs-page .badge.red { color: var(--red); border-color: #fecaca; background: #fff1f2; }
        .docs-page .muted { color: var(--muted); }
        .docs-page .endpoint {
            display: inline-block;
            color: #0f172a;
            background: #f1f5f9;
            border: 1px solid #d7e2de;
            border-radius: 6px;
            padding: 2px 7px;
            font-size: 13px;
            white-space: normal;
            word-break: break-all;
        }
        .docs-page .param {
            display: inline-block;
            margin: 2px 4px 2px 0;
            padding: 2px 6px;
            border: 1px solid var(--line);
            border-radius: 6px;
            background: #f8fbfa;
            color: #0f172a;
            font-size: 12px;
        }
        .docs-page .table-tools {
            display: flex;
            gap: 10px;
            align-items: center;
            margin: 14px 0;
        }
        .docs-page .table-tools input {
            width: 100%;
            border: 1px solid var(--line-strong);
            border-radius: 8px;
            padding: 11px 12px;
            font-size: 14px;
            color: var(--ink);
            background: var(--surface);
        }
        .docs-page .table-wrap {
            overflow: auto;
            border: 1px solid var(--line);
            border-radius: 8px;
            background: var(--surface);
        }
        .docs-page table {
            width: 100%;
            min-width: 1180px;
            border-collapse: collapse;
        }
        .docs-page .table-wrap th:nth-child(1), .docs-page .table-wrap td:nth-child(1) { min-width: 190px; }
        .docs-page .table-wrap th:nth-child(2), .docs-page .table-wrap td:nth-child(2) { min-width: 92px; }
        .docs-page .table-wrap th:nth-child(3), .docs-page .table-wrap td:nth-child(3) { min-width: 260px; }
        .docs-page .table-wrap th:nth-child(4), .docs-page .table-wrap td:nth-child(4) { min-width: 230px; }
        .docs-page .table-wrap th:nth-child(5), .docs-page .table-wrap td:nth-child(5) { min-width: 105px; }
        .docs-page .table-wrap th:nth-child(6), .docs-page .table-wrap td:nth-child(6) { min-width: 300px; }
        .docs-page .table-wrap th:nth-child(7), .docs-page .table-wrap td:nth-child(7) { min-width: 118px; }
        .docs-page .table-wrap td:nth-child(1),
        .docs-page .table-wrap td:nth-child(2),
        .docs-page .table-wrap td:nth-child(3),
        .docs-page .table-wrap td:nth-child(5),
        .docs-page .table-wrap td:nth-child(7) {
            white-space: nowrap;
        }
        .docs-page th, .docs-page td {
            padding: 12px 13px;
            border-bottom: 1px solid var(--line);
            text-align: left;
            vertical-align: top;
            font-size: 14px;
        }
        .docs-page th {
            position: sticky;
            top: 0;
            z-index: 1;
            background: #f3f7f5;
            color: #0f172a;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: .04em;
        }
        .docs-page tr:last-child td { border-bottom: 0; }
        .docs-page pre {
            position: relative;
            overflow: auto;
            margin: 14px 0;
            padding: 16px;
            border-radius: 8px;
            background: var(--code-bg);
            color: #e5e7eb;
            font-size: 13px;
            line-height: 1.65;
        }
        .docs-page .copy-btn {
            border: 1px solid var(--line-strong);
            background: var(--surface);
            color: var(--text);
            border-radius: 6px;
            padding: 7px 10px;
            cursor: pointer;
            font-size: 13px;
        }
        .docs-page .copy-btn:hover { border-color: var(--blue); color: var(--blue); }
        .docs-page .kv {
            display: grid;
            grid-template-columns: 160px minmax(0, 1fr);
            gap: 8px 14px;
            margin: 12px 0;
        }
        .docs-page .kv dt {
            margin: 0;
            color: var(--muted);
            font-weight: 700;
        }
        .docs-page .kv dd { margin: 0; min-width: 0; }
        .docs-page ul.clean {
            margin: 10px 0;
            padding-left: 20px;
        }
        @media (max-width: 1100px) {
            .docs-page .docs-shell { grid-template-columns: 1fr; }
            .docs-page .sidebar { position: static; max-height: none; }
            .docs-page .metrics, .docs-page .grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        }
        @media (max-width: 720px) {
            .docs-page .hero-inner, .docs-page .docs-shell { padding-left: 16px; padding-right: 16px; }
            .docs-page .metrics, .docs-page .grid-2, .docs-page .grid-3 { grid-template-columns: 1fr; }
            .docs-page .section-head, .docs-page .section-body { padding-left: 18px; padding-right: 18px; }
            .docs-page .api-card-head { display: block; }
            .docs-page .badges { justify-content: flex-start; margin-top: 12px; }
            .docs-page .kv { grid-template-columns: 1fr; }
            .docs-page table { min-width: 1080px; }
        }
    

/* 20260811 public documentation visual refresh */
.docs-page{
    --bg:var(--ui-bg);
    --surface:var(--ui-surface);
    --surface-soft:var(--ui-surface-soft);
    --ink:var(--ui-ink);
    --text:var(--ui-ink-soft);
    --muted:var(--ui-muted);
    --line:var(--ui-line);
    --line-strong:var(--ui-line-strong);
    --green:var(--ui-brand);
    --blue:var(--ui-brand-dark);
    --code-bg:#10242e;
    background:linear-gradient(180deg,#f8fbfb 0%,#f3f7f7 100%);
}
.docs-public-body{background:var(--ui-bg)}
.docs-page .docs-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#fff 0%,#f7fbfa 58%,#edf8f5 100%);border-bottom:1px solid var(--ui-line)}
.docs-page .docs-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(11,119,111,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(11,119,111,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
.docs-page .hero-inner{position:relative;width:min(var(--ui-content),calc(100% - 56px));max-width:none;padding:72px 0 54px}
.docs-page .eyebrow{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid #b9ddd2;background:#eef8f4;color:#12664e;border-radius:999px;font-size:13px;font-weight:850;letter-spacing:0;text-transform:none}
.docs-page h1{margin-top:18px;font-size:clamp(40px,4vw,58px);line-height:1.08;letter-spacing:-.045em}
.docs-page .hero-desc{max-width:920px;color:var(--ui-muted);line-height:1.85}
.docs-page .metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:30px}
.docs-page .metric{border-radius:20px;background:rgba(255,255,255,.82);box-shadow:var(--ui-shadow-sm)}
.docs-page .metric strong{font-size:28px;letter-spacing:-.03em}
.docs-page .docs-shell{width:min(var(--ui-content),calc(100% - 56px));max-width:none;padding:32px 0 78px;grid-template-columns:268px minmax(0,1fr);gap:28px}
.docs-page .sidebar{top:92px;border-radius:22px;padding:16px;border-color:var(--ui-line);background:rgba(255,255,255,.92);box-shadow:var(--ui-shadow-sm)}
.docs-page .sidebar-title{padding:8px 10px 14px;font-size:15px}
.docs-page .sidebar a{border-radius:12px;padding:9px 11px;font-weight:760}
.docs-page .sidebar a:hover,.docs-page .sidebar a.active{color:var(--ui-brand-dark);background:var(--ui-brand-soft)}
.docs-page .doc-section{border-radius:24px;border-color:var(--ui-line);background:rgba(255,255,255,.92);box-shadow:var(--ui-shadow-sm);margin-bottom:24px}
.docs-page .section-head{padding:28px 30px;background:linear-gradient(180deg,#fff,#fbfdfc)}
.docs-page .section-head h2{font-size:clamp(24px,2.2vw,34px);letter-spacing:-.03em}
.docs-page .section-head p{line-height:1.8}
.docs-page .section-body{padding:26px 30px 32px}
.docs-page .panel,.docs-page .endpoint-card,.docs-page .callout{border-radius:18px}
.docs-page .panel{background:#fbfdfc;border-color:var(--ui-line);padding:18px}
.docs-page .panel strong{font-size:17px}
.docs-page .table-wrap{border-radius:18px;border-color:var(--ui-line);box-shadow:none}
.docs-page table th{background:#f4f9f8;color:var(--ui-ink);font-weight:850}
.docs-page table td{vertical-align:top}
.docs-page pre{border-radius:18px;background:#10242e;box-shadow:var(--ui-shadow-sm)}
.docs-page .copy-btn{border-radius:10px;background:rgba(255,255,255,.10)}
.docs-page code.param,.docs-page code{border-radius:9px}
@media(max-width:980px){.docs-page .docs-shell{grid-template-columns:1fr}.docs-page .sidebar{position:static;max-height:none}.docs-page .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.docs-page .hero-inner,.docs-page .docs-shell{width:min(var(--ui-content),calc(100% - 36px))}.docs-page .metrics{grid-template-columns:1fr}.docs-page .section-head,.docs-page .section-body{padding-left:20px;padding-right:20px}}

/* hero appearance is owned by public-core; docs only adjusts its metric grid */
.docs-page .docs-hero.public-hero{background:linear-gradient(120deg,#fff 0%,#f7fbfa 58%,#edf8f5 100%)}
.docs-page .hero-inner.public-hero-inner{width:min(var(--ui-content),calc(100% - 56px));max-width:none;padding:72px 0 54px}
.docs-page .eyebrow.public-eyebrow{letter-spacing:0;text-transform:none;margin:0}
.docs-page .hero-desc.public-lead{max-width:920px}