:root { --ink:#182033; --muted:#64748b; --paper:#fffdf9; --line:rgba(71,85,105,.16); --red:#e4473d; --red-dark:#b72f2a; --red-soft:#fff0ed; --gold:#c7892f; --shadow:0 18px 52px rgba(71,55,40,.10); }
        * { box-sizing:border-box; }
        body { min-height:100vh; margin:0; color:var(--ink); background:linear-gradient(180deg,#f8f6f2 0%,#efede8 100%); font-family:"PingFang SC","Microsoft YaHei",sans-serif; }
        .side-nav { position:fixed; z-index:90; left:16px; top:16px; height:calc(100vh - 32px); display:flex; flex-direction:column; align-items:stretch; gap:7px; width:204px; padding:14px 12px; overflow-x:hidden; overflow-y:scroll; overscroll-behavior-y:contain; -webkit-overflow-scrolling:touch; scrollbar-gutter:stable; scrollbar-width:thin; touch-action:pan-y; border:1px solid var(--line); border-radius:18px; background:rgba(255,253,249,.92); box-shadow:var(--shadow); backdrop-filter:blur(18px); }
        .side-nav > * { flex:0 0 auto; }
        .side-brand { display:flex; align-items:center; gap:9px; padding:5px 6px 14px; margin-bottom:4px; border-bottom:1px solid var(--line); font-weight:950; letter-spacing:.04em; white-space:nowrap; }
        .brand-mark { display:grid; place-items:center; width:28px; height:28px; border-radius:9px; color:#fff; background:linear-gradient(145deg,var(--red),#f07a4f); box-shadow:0 8px 18px rgba(228,71,61,.22); }
        .side-nav-link { display:flex; align-items:center; gap:9px; min-height:40px; padding:9px 10px; border:0; border-radius:12px; color:#526077; background:transparent; text-align:left; text-decoration:none; font:inherit; font-size:.86rem; font-weight:850; transition:.18s ease; white-space:nowrap; cursor:pointer; }
        .side-nav-link:hover { color:var(--ink); background:#f2eee7; transform:translateX(2px); }
        .side-nav-link.active { color:var(--red-dark); background:var(--red-soft); box-shadow:inset 0 0 0 1px rgba(228,71,61,.18); }
        .side-nav-icon { width:20px; text-align:center; font-size:1rem; }
        .side-nav-caret { margin-left:auto; color:currentColor; font-size:.76rem; transition:transform .16s ease; }
        .side-nav-link[aria-expanded="false"] .side-nav-caret { transform:rotate(-90deg); }
        .side-doc-outline { margin:0 2px 5px; padding:11px 6px 4px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
        .side-doc-group { display:flex; align-items:center; justify-content:space-between; width:calc(100% - 10px); margin:10px 5px 5px; padding:3px 0; border:0; color:#344158; background:transparent; font:inherit; font-size:.76rem; font-weight:900; text-align:left; cursor:pointer; }
        .side-doc-group:first-of-type { margin-top:0; }
        .side-doc-group:hover { color:var(--red-dark); }
        .side-doc-group-caret { margin-left:8px; font-size:.68rem; transition:transform .16s ease; }
        .side-doc-group[aria-expanded="false"] .side-doc-group-caret { transform:rotate(-90deg); }
        .side-doc-items { display:grid; gap:4px; }
        .side-doc-items[hidden] { display:none !important; }
        .side-doc-item { display:flex; align-items:center; min-height:26px; padding:5px 7px; border:1px solid transparent; border-radius:8px; color:#66758a; background:transparent; font-size:.7rem; font-weight:780; line-height:1.3; text-decoration:none; transition:.16s ease; }
        .side-doc-item:hover { border-color:rgba(228,71,61,.3); color:var(--red-dark); background:var(--red-soft); transform:translateX(2px); }
        /* The shared navigation enhancer uses !important. Keep this long document's outline independently scrollable. */
        @media(min-width:1020px) { html.jinniu-stable-side-nav .side-nav { inset:16px auto auto 16px !important; width:204px !important; height:calc(100vh - 32px) !important; overflow-x:hidden !important; overflow-y:scroll !important; overscroll-behavior-y:contain !important; } }
        .shell { width:min(980px,calc(100% - 48px)); margin:0 auto; padding:32px 0 64px; }
        .hero { position:relative; overflow:hidden; padding:30px; border:1px solid rgba(129,92,57,.18); border-radius:24px; color:#fffaf4; background:linear-gradient(125deg,#29364c 0%,#1f293b 60%,#3c2a2b 100%); box-shadow:0 24px 64px rgba(32,40,57,.18); }
        .hero.doc-detail-hero { padding:22px 26px; }
        .doc-detail-hero h1 { margin:5px 0 0; font-size:clamp(1.55rem,3vw,2rem); }
        .hero::after { content:""; position:absolute; right:-110px; top:-160px; width:330px; height:330px; border:62px solid rgba(244,157,89,.09); border-radius:50%; }
        .eyebrow { position:relative; color:#f2b99b; font-size:.76rem; font-weight:900; letter-spacing:.16em; }
        h1 { position:relative; margin:9px 0 0; font-size:clamp(1.75rem,4vw,2.45rem); letter-spacing:-.04em; }
        .doc-grid { margin-top:18px; }
        .doc-card { border:1px solid var(--line); border-radius:18px; background:rgba(255,253,249,.93); box-shadow:var(--shadow); }
        .doc-card { padding:26px; }
        .doc-section + .doc-section { margin-top:30px; padding-top:30px; border-top:1px solid var(--line); }
        .doc-category-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; margin-top:18px; }
        .doc-category-link { display:flex; align-items:center; justify-content:space-between; min-height:60px; padding:14px 16px; border:1px solid var(--line); border-radius:12px; color:var(--ink); background:#fff; font-size:.9rem; font-weight:850; text-decoration:none; }
        .doc-category-link:hover { border-color:rgba(228,71,61,.32); color:var(--red-dark); background:var(--red-soft); }
        .doc-loading-screen { position:fixed; z-index:50; inset:0 0 0 236px; display:grid; place-items:center; padding:24px; background:rgba(248,246,242,.94); }
        .doc-loading-screen[hidden] { display:none; }
        .doc-loading-card { display:grid; place-items:center; width:64px; height:64px; border:1px solid var(--line); border-radius:16px; background:var(--paper); box-shadow:var(--shadow); }
        .doc-loading-spinner { display:block; width:30px; height:30px; border:3px solid rgba(228,71,61,.16); border-top-color:var(--red); border-radius:50%; animation:doc-loading-spin .8s linear infinite; }
        @keyframes doc-loading-spin { to { transform:rotate(360deg); } }
        @media(prefers-reduced-motion:reduce) { .doc-loading-spinner { animation:none; border-color:var(--red); } }
        h2 { margin:0 0 10px; font-size:1.16rem; letter-spacing:-.02em; }
        h3 { margin:18px 0 8px; font-size:.95rem; }
        p, li { color:#475569; font-size:.88rem; font-weight:650; line-height:1.72; }
        p { margin:0; }
        ul { margin:8px 0 0; padding-left:20px; }
        .callout { margin-top:13px; padding:13px 14px; border:1px solid rgba(199,137,47,.24); border-radius:12px; color:#805514; background:#fffbeb; font-size:.83rem; font-weight:800; line-height:1.55; }
        .mcp-copy-panel { margin-top:14px; padding:14px; border:1px solid rgba(71,85,105,.16); border-radius:14px; background:#f8fafc; }
        .mcp-copy-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; }
        .mcp-copy-title { color:#263346; font-size:.88rem; font-weight:900; }
        .mcp-copy-hint { margin-top:3px; color:#718096; font-size:.75rem; font-weight:700; }
        .mcp-copy-button { flex:0 0 auto; min-height:38px; padding:0 15px; border:0; border-radius:10px; color:#fff; background:linear-gradient(135deg,#e4473d,#c7892f); box-shadow:0 8px 18px rgba(199,83,53,.18); font:inherit; font-size:.8rem; font-weight:900; cursor:pointer; user-select:none; -webkit-user-select:none; }
        .mcp-copy-button:disabled { opacity:.65; cursor:default; }
        .mcp-copy-panel pre { max-height:250px; margin-top:12px; }
        .mcp-copy-status { min-height:20px; margin-top:7px; color:#15805d; font-size:.76rem; font-weight:850; }
        .usage-example-panel { margin-top:14px; padding:14px; border:1px solid rgba(71,85,105,.16); border-radius:14px; background:#f8fafc; }
        .usage-example-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; }
        .usage-example-title { color:#263346; font-size:.88rem; font-weight:900; }
        .usage-example-hint { margin-top:3px; color:#718096; font-size:.75rem; font-weight:700; }
        .usage-example-code { max-height:360px; margin-top:10px; }
        .usage-example-status { min-height:20px; margin-top:7px; color:#15805d; font-size:.76rem; font-weight:850; }
        .sdk-release { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; padding:16px; border:1px solid var(--line); border-radius:14px; background:#fffbf5; }
        .sdk-release-meta { display:flex; flex-wrap:wrap; gap:7px 14px; margin-top:7px; color:var(--muted); font-size:.78rem; font-weight:700; }
        .sdk-file-name { overflow-wrap:anywhere; }
        .sdk-status { min-height:20px; margin-top:8px; font-size:.8rem; color:var(--muted); }
        .sdk-status[data-error="true"] { color:var(--red-dark); }
        .sdk-checksum { margin-top:10px; overflow-wrap:anywhere; font-size:.76rem; }
        .endpoint { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:13px 0 0; }
        .method { padding:4px 8px; border-radius:7px; color:#fff; background:#159a68; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.75rem; font-weight:900; }
        code { color:#a62f2b; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.82em; }
        .endpoint code { padding:6px 8px; border:1px solid rgba(71,85,105,.14); border-radius:8px; color:#263346; background:#f8fafc; font-size:.79rem; }
        pre { overflow:auto; margin:12px 0 0; padding:15px; border-radius:13px; color:#e6edf7; background:#172033; box-shadow:inset 0 0 0 1px rgba(255,255,255,.05); font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace; }
        pre code { color:inherit; font-size:inherit; }
        table { width:100%; margin-top:12px; border-collapse:collapse; font-size:.82rem; }
        th, td { padding:10px 9px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; line-height:1.5; }
        th { color:#64748b; font-size:.74rem; font-weight:900; }
        td { color:#475569; font-weight:650; }
        td:first-child { color:#263346; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-weight:850; }
        .mobile-nav-toggle { display:none; }
        @media(min-width:1020px) { body { padding-left:236px; } }
        @media(max-width:760px) { .shell { width:min(100% - 28px,980px); padding-top:18px; } .hero,.doc-card { padding:20px; border-radius:18px; } table { min-width:610px; } .doc-card { overflow:hidden; } .doc-section { overflow-x:auto; } .mcp-copy-toolbar,.usage-example-toolbar { align-items:flex-start; flex-direction:column; } .mcp-copy-button { width:100%; } }
        @media(max-width:1019px) { body { padding-bottom:calc(86px + env(safe-area-inset-bottom)); } .doc-loading-screen { inset:0 0 calc(86px + env(safe-area-inset-bottom)) 0; } .mobile-nav-toggle { position:fixed; right:16px; bottom:calc(16px + env(safe-area-inset-bottom)); z-index:130; display:inline-flex; align-items:center; justify-content:center; gap:6px; min-width:76px; min-height:44px; padding:0 14px; border:1px solid rgba(228,71,61,.27); border-radius:999px; color:var(--red-dark); background:rgba(255,250,247,.96); box-shadow:0 16px 40px rgba(32,40,57,.18); font-size:.86rem; font-weight:900; } .side-nav { display:none !important; inset:auto 14px calc(72px + env(safe-area-inset-bottom)) auto !important; height:auto !important; width:min(250px,calc(100vw - 28px)) !important; max-height:70vh !important; } .side-nav.mobile-open { display:flex !important; } .side-doc-outline[hidden] { display:none !important; } }