/* Nofy docs. Self-contained (no Tailwind build), Mintlify-style layout in * the Nofy palette: Navy #243950 Teal #43938D Mint #86BCA3 Mist #EEF5F2 * Header + section tabs across the top, fixed sidebar on the left, the * article in the middle and "On this page" (or API examples) on the right. * Dark mode follows the shared `ens-theme` preference (.dark on ). */ :root { --navy: #243950; --teal: #43938d; --teal-strong: #347a75; --mint: #86bca3; --mist: #eef5f2; --bg: #ffffff; --bg-soft: #f7faf9; --surface: #ffffff; --text: #1b2a3a; --text-strong: #122030; --text-muted: #5a6b78; --text-faint: #8596a2; --line: #e3ebe8; --line-strong: #d3dfda; --accent: var(--teal-strong); --accent-soft: rgba(67, 147, 141, 0.1); --accent-line: rgba(67, 147, 141, 0.35); --code-inline-bg: #f0f5f3; --code-bg: #0f1a26; --code-head: #0b141d; --code-line: rgba(255, 255, 255, 0.08); --code-text: #e6edf3; --shadow: 0 1px 2px rgba(18, 32, 48, 0.05), 0 12px 32px -16px rgba(18, 32, 48, 0.25); --ring: 0 0 0 3px rgba(67, 147, 141, 0.28); --get: #1f7a3d; --get-bg: rgba(31, 122, 61, 0.1); --post: #2a6fb8; --post-bg: rgba(42, 111, 184, 0.1); --delete: #c53030; --delete-bg: rgba(197, 48, 48, 0.1); --put: #9a6200; --put-bg: rgba(154, 98, 0, 0.12); --header-h: 60px; --tabbar-h: 44px; --top: calc(var(--header-h) + var(--tabbar-h)); --sidebar-w: 272px; --font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --font-display: "Poppins", var(--font); --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace; } .dark { --bg: #0b141d; --bg-soft: #0f1a26; --surface: #111e2b; --text: #d9e5e0; --text-strong: #f2f7f5; --text-muted: #9db0aa; --text-faint: #6f8590; --line: #1c2c3b; --line-strong: #263a4c; --accent: var(--mint); --accent-soft: rgba(134, 188, 163, 0.12); --accent-line: rgba(134, 188, 163, 0.4); --code-inline-bg: #172636; --code-bg: #0f1a26; --code-head: #0a131c; --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 12px 32px -16px rgba(0, 0, 0, 0.7); --ring: 0 0 0 3px rgba(134, 188, 163, 0.3); --get: #5ccf7c; --get-bg: rgba(92, 207, 124, 0.12); --post: #6fb0f0; --post-bg: rgba(111, 176, 240, 0.12); --delete: #f07a7a; --delete-bg: rgba(240, 122, 122, 0.12); --put: #f0b95c; --put-bg: rgba(240, 185, 92, 0.12); } /* ------------------------------------------------------------------ base */ *, *::before, *::after { box-sizing: border-box; } html { scroll-padding-top: calc(var(--top) + 20px); -webkit-text-size-adjust: 100%; } body.dx { margin: 0; background: var(--bg); color: var(--text); font-family: var(--font); font-size: 15px; line-height: 1.6; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } :where(.dx) a { color: inherit; text-decoration: none; } :where(.dx) img { display: block; } .dx svg.size-5 { width: 20px; height: 20px; } .dx-card-icon svg { width: 19px; height: 19px; } :where(.dx) button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; padding: 0; } .dx :focus-visible { outline: none; box-shadow: var(--ring); border-radius: 6px; } .dx-i { width: 18px; height: 18px; flex: none; } .dx-i-sm { width: 15px; height: 15px; flex: none; } .dx-skip { position: absolute; left: -999px; top: 8px; z-index: 100; background: var(--surface); padding: 8px 12px; border-radius: 8px; } .dx-skip:focus { left: 8px; } .dx-logo-dark, .dx-when-dark { display: none !important; } .dark .dx-logo-light, .dark .dx-when-light { display: none !important; } .dark .dx-logo-dark { display: block !important; } .dark .dx-when-dark { display: inline-flex !important; } .dx-when-light, .dx-when-dark { align-items: center; } .dx-muted { color: var(--text-muted); } .dx-kbd { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 5px; border: 1px solid var(--line-strong); border-bottom-width: 2px; border-radius: 5px; font-family: var(--font); font-size: 11px; font-weight: 500; color: var(--text-muted); background: var(--bg); } /* ---------------------------------------------------------------- header */ .dx-header { position: fixed; inset: 0 0 auto 0; z-index: 40; background: color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter: saturate(1.4) blur(12px); -webkit-backdrop-filter: saturate(1.4) blur(12px); border-bottom: 1px solid var(--line); } .dx-header-row { height: var(--header-h); display: flex; align-items: center; gap: 16px; padding: 0 20px; max-width: 1560px; margin: 0 auto; } .dx-brand { display: flex; align-items: center; gap: 10px; flex: none; } .dx-brand img { height: 32px; width: auto; } .dx-brand-tag { font-family: var(--font-display); font-weight: 600; font-size: 13px; color: var(--text-muted); padding-left: 10px; border-left: 1px solid var(--line-strong); line-height: 20px; } .dx-search { position: relative; display: flex; align-items: center; gap: 8px; width: min(440px, 100%); height: 38px; margin: 0 auto; padding: 0 8px 0 12px; border: 1px solid var(--line-strong); border-radius: 999px; background: var(--bg-soft); color: var(--text-faint); transition: border-color .15s, box-shadow .15s; } .dx-search:hover { border-color: var(--accent-line); } .dx-search:focus-within { border-color: var(--accent); box-shadow: var(--ring); } .dx-search input { flex: 1; min-width: 0; height: 100%; border: 0; background: transparent; outline: none; font: inherit; font-size: 14px; color: var(--text); } .dx-search input::placeholder { color: var(--text-faint); } .dx-search input::-webkit-search-cancel-button { display: none; } .dx-header-end { display: flex; align-items: center; gap: 4px; flex: none; } .dx-header-link { font-size: 14px; font-weight: 500; color: var(--text-muted); padding: 6px 10px; border-radius: 8px; transition: color .15s, background .15s; } .dx-header-link:hover { color: var(--text-strong); background: var(--bg-soft); } .dx-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 9px; color: var(--text-muted); transition: color .15s, background .15s; } .dx-icon-btn:hover { color: var(--text-strong); background: var(--bg-soft); } .dx-menu-btn, .dx-search-mobile { display: none; } .dx-btn { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 14px; margin-left: 6px; border-radius: 999px; font-size: 14px; font-weight: 600; white-space: nowrap; transition: background .15s, transform .15s; } .dx-btn-primary { background: var(--navy); color: #fff !important; } .dx-btn-primary:hover { background: #1a2a3c; } .dark .dx-btn-primary { background: var(--mint); color: #0b141d !important; } .dark .dx-btn-primary:hover { background: #9dcbb5; } .dx-tabbar { height: var(--tabbar-h); display: flex; align-items: stretch; gap: 22px; padding: 0 20px; max-width: 1560px; margin: 0 auto; overflow-x: auto; scrollbar-width: none; } .dx-tabbar::-webkit-scrollbar { display: none; } .dx-tabbar-link { position: relative; display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; font-size: 14px; font-weight: 500; color: var(--text-muted); transition: color .15s; } .dx-tabbar-link:hover { color: var(--text-strong); } .dx-tabbar-link.is-active { color: var(--text-strong); font-weight: 600; } .dx-tabbar-link.is-active::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; border-radius: 2px; background: var(--accent); } .dx-tabbar-link.is-active svg { color: var(--accent); } /* ---------------------------------------------------------------- layout */ .dx-shell { max-width: 1560px; margin: 0 auto; padding-top: var(--top); } .dx-sidebar { position: fixed; top: var(--top); bottom: 0; width: var(--sidebar-w); display: flex; flex-direction: column; padding: 24px 12px 24px 20px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--line-strong) transparent; } .dx-main { margin-left: var(--sidebar-w); min-width: 0; padding: 0 40px; } .dx-nav-group + .dx-nav-group { margin-top: 22px; } .dx-nav-title { margin: 0 0 6px; padding-left: 12px; font-size: 12.5px; font-weight: 600; color: var(--text-strong); } .dx-nav ul { list-style: none; margin: 0; padding: 0; } .dx-nav-link { display: flex; align-items: center; gap: 10px; padding: 6px 12px; border-radius: 10px; font-size: 14px; color: var(--text-muted); transition: color .12s, background .12s; } .dx-nav-link svg { color: var(--text-faint); transition: color .12s; } .dx-nav-link:hover { color: var(--text-strong); background: var(--bg-soft); } .dx-nav-link:hover svg { color: var(--text-muted); } .dx-nav-link.is-active { color: var(--accent); background: var(--accent-soft); font-weight: 600; } .dx-nav-link.is-active svg { color: var(--accent); } .dx-scrim { display: none; } /* ------------------------------------------------------------ page grid */ .dx-page { display: grid; grid-template-columns: minmax(0, 1fr) 232px; gap: 56px; max-width: 1080px; margin: 0 auto; padding: 36px 0 24px; } .dx-page-api { grid-template-columns: minmax(0, 1fr) minmax(0, 440px); gap: 44px; max-width: 1180px; } .dx-article { min-width: 0; max-width: 720px; } .dx-page-api .dx-article { max-width: none; } .dx-eyebrow { margin: 0 0 8px; font-size: 13.5px; font-weight: 600; color: var(--accent); } .dx-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; } .dx-page-head h1 { margin: 0; font-family: var(--font-display); font-size: 32px; line-height: 1.2; letter-spacing: -0.02em; font-weight: 700; color: var(--text-strong); } .dx-lede { margin: 10px 0 0; font-size: 17px; line-height: 1.6; color: var(--text-muted); } .dx-page-head { margin-bottom: 30px; } /* Copy page split button + menu */ .dx-copy-page { position: relative; display: inline-flex; flex: none; margin-top: 4px; } .dx-copy-page > button { display: inline-flex; align-items: center; gap: 7px; height: 32px; font-size: 13px; font-weight: 500; color: var(--text-muted); border: 1px solid var(--line-strong); background: var(--surface); transition: color .12s, background .12s; } .dx-copy-page > button:hover { color: var(--text-strong); background: var(--bg-soft); } .dx-copy-page-main { padding: 0 11px; border-radius: 9px 0 0 9px; } .dx-copy-page-more { padding: 0 7px; border-radius: 0 9px 9px 0; border-left: 0 !important; } .dx-copy-page-more svg { transform: rotate(90deg); transition: transform .15s; } .dx-copy-page-more[aria-expanded="true"] svg { transform: rotate(-90deg); } .dx-menu { position: absolute; right: 0; top: calc(100% + 6px); z-index: 30; width: 280px; padding: 6px; background: var(--surface); border: 1px solid var(--line-strong); border-radius: 12px; box-shadow: var(--shadow); } .dx-menu[hidden] { display: none; } .dx-menu > a, .dx-menu > button { display: flex; gap: 10px; align-items: flex-start; width: 100%; padding: 8px 10px; border-radius: 8px; text-align: left; color: var(--text-muted); } .dx-menu > a:hover, .dx-menu > button:hover { background: var(--bg-soft); color: var(--text-strong); } .dx-menu svg { margin-top: 3px; } .dx-menu b { display: block; font-size: 13.5px; font-weight: 600; color: var(--text-strong); } .dx-menu small { display: block; font-size: 12px; color: var(--text-faint); } /* ------------------------------------------------------------------ prose */ .dx-prose { font-size: 15.5px; line-height: 1.75; color: var(--text); } .dx-prose > :first-child { margin-top: 0; } .dx-prose p { margin: 0 0 16px; } .dx-prose h2, .dx-prose h3 { color: var(--text-strong); scroll-margin-top: calc(var(--top) + 20px); } .dx-prose h2 { margin: 44px 0 12px; font-size: 22px; line-height: 1.35; letter-spacing: -0.015em; font-weight: 650; } .dx-prose h3 { margin: 30px 0 8px; font-size: 17.5px; line-height: 1.4; font-weight: 600; } .dx-anchor { position: relative; color: inherit; } .dx-anchor::before { content: "#"; position: absolute; left: -1.05em; top: 0; color: var(--accent); opacity: 0; font-weight: 500; transition: opacity .12s; } .dx-anchor:hover::before, .dx-anchor:focus-visible::before { opacity: 1; } .dx-prose a:not(.dx-anchor):not(.dx-card) { color: var(--text-strong); font-weight: 500; border-bottom: 1px solid var(--accent-line); transition: border-color .12s, color .12s; } .dx-prose a:not(.dx-anchor):not(.dx-card):hover { color: var(--accent); border-bottom-color: var(--accent); } .dx-prose strong { color: var(--text-strong); font-weight: 600; } .dx-prose ul, .dx-prose ol { margin: 0 0 16px; padding-left: 22px; } .dx-prose li { margin: 6px 0; padding-left: 4px; } .dx-prose li::marker { color: var(--text-faint); } .dx-prose hr { border: 0; border-top: 1px solid var(--line); margin: 36px 0; } .dx-prose blockquote { margin: 0 0 16px; padding: 2px 0 2px 16px; border-left: 3px solid var(--line-strong); color: var(--text-muted); } :where(.dx) code { font-family: var(--font-mono); font-size: 0.86em; font-weight: 500; padding: 2px 6px; border-radius: 6px; background: var(--code-inline-bg); color: var(--text-strong); border: 1px solid var(--line); } .dx-prose table { width: 100%; border-collapse: separate; border-spacing: 0; margin: 4px 0 20px; font-size: 14px; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; display: block; overflow-x: auto; } .dx-prose thead th { text-align: left; font-weight: 600; color: var(--text-strong); background: var(--bg-soft); padding: 10px 14px; border-bottom: 1px solid var(--line); white-space: nowrap; } .dx-prose td { padding: 10px 14px; border-bottom: 1px solid var(--line); vertical-align: top; } .dx-prose tr:last-child td { border-bottom: 0; } /* ------------------------------------------------------------ code blocks */ .dx-code { margin: 4px 0 22px; border-radius: 14px; overflow: hidden; background: var(--code-bg); border: 1px solid var(--line-strong); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); } .dark .dx-code { border-color: var(--line-strong); } .dx-code-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 40px; padding: 0 8px 0 14px; background: var(--code-head); border-bottom: 1px solid var(--code-line); } .dx-code-lang { font-size: 12.5px; font-weight: 500; color: #9fb3ad; } .dx-code-tabs { display: flex; gap: 2px; overflow-x: auto; scrollbar-width: none; margin-left: -6px; } .dx-code-tabs::-webkit-scrollbar { display: none; } .lp-cgtab, .dx-status-tab { position: relative; padding: 10px 9px; font-size: 12.5px; font-weight: 500; color: #8a9ea8 !important; white-space: nowrap; transition: color .12s; } .lp-cgtab:hover { color: #e6edf3 !important; } .lp-cgtab[aria-selected="true"] { color: #fff !important; } .lp-cgtab[aria-selected="true"]::after { content: ""; position: absolute; left: 9px; right: 9px; bottom: 0; height: 2px; border-radius: 2px; background: var(--mint); } .dx-code-response .lp-cgtab { font-family: var(--font-mono); } .dx-copy { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; flex: none; border-radius: 8px; color: #8a9ea8 !important; transition: color .12s, background .12s; } .dx-copy svg { width: 15px; height: 15px; } .dx-copy:hover { color: #fff !important; background: rgba(255, 255, 255, 0.08); } .dx-copy-done { position: absolute; right: 100%; margin-right: 4px; padding: 2px 7px; border-radius: 6px; font-size: 11.5px; font-weight: 600; background: var(--mint); color: #0b141d; opacity: 0; pointer-events: none; transform: translateX(4px); transition: opacity .15s, transform .15s; } .dx-copy.is-copied .dx-copy-done { opacity: 1; transform: none; } .dx-pre { margin: 0; padding: 16px 18px; overflow-x: auto; background: transparent; font-family: var(--font-mono); font-size: 13px; line-height: 1.7; color: var(--code-text); scrollbar-width: thin; scrollbar-color: #2a3b4b transparent; } .dx-pre code { padding: 0; border: 0; background: none; color: inherit; font-size: inherit; font-weight: 400; } /* -------------------------------------------------------------- callouts */ .admonition { --c: var(--post); --c-bg: var(--post-bg); display: flex; gap: 12px; margin: 4px 0 20px; padding: 14px 16px; border: 1px solid color-mix(in srgb, var(--c) 30%, transparent); border-radius: 14px; background: var(--c-bg); font-size: 14.5px; line-height: 1.65; } .admonition.tip, .admonition.check { --c: var(--get); --c-bg: var(--get-bg); } .admonition.warning { --c: var(--put); --c-bg: var(--put-bg); } .admonition.danger { --c: var(--delete); --c-bg: var(--delete-bg); } .admonition.info { --c: var(--accent); --c-bg: var(--accent-soft); } .dx-callout-icon { flex: none; width: 18px; height: 18px; margin-top: 3px; background: var(--c); -webkit-mask: var(--m) center / contain no-repeat; mask: var(--m) center / contain no-repeat; --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E"); } .admonition.tip .dx-callout-icon { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5M9 18h6M10 22h4'/%3E%3C/svg%3E"); } .admonition.check .dx-callout-icon { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); } .admonition.warning .dx-callout-icon, .admonition.danger .dx-callout-icon { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3M12 9v4M12 17h.01'/%3E%3C/svg%3E"); } .dx-callout-body { min-width: 0; flex: 1; } .dx-callout-body > :last-child { margin-bottom: 0; } .dx-callout-body p { margin: 0 0 8px; } .admonition-title { font-weight: 600; color: var(--text-strong); margin-bottom: 2px !important; } .admonition code { background: color-mix(in srgb, var(--surface) 60%, transparent); } /* ----------------------------------------------------------------- steps */ .dx-steps { list-style: none; margin: 8px 0 24px; padding: 0; } .dx-prose .dx-step { position: relative; display: flex; gap: 18px; margin: 0; padding: 0 0 12px; } .dx-step::before { content: ""; position: absolute; left: 14px; top: 34px; bottom: 4px; width: 1px; background: var(--line-strong); } .dx-step:last-child::before { display: none; } .dx-step-num { position: relative; z-index: 1; flex: none; display: inline-flex; align-items: center; justify-content: center; width: 29px; height: 29px; border-radius: 999px; font-size: 13px; font-weight: 600; background: var(--bg-soft); color: var(--text-strong); border: 1px solid var(--line-strong); } .dx-step-body { min-width: 0; flex: 1; padding-top: 1px; } .dx-prose .dx-step-title { margin: 0 0 8px; font-size: 16.5px; line-height: 1.7; } .dx-step-body > :last-child { margin-bottom: 12px; } /* ----------------------------------------------------------------- cards */ .dx-cards { display: grid; gap: 14px; margin: 8px 0 24px; } .dx-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .dx-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .dx-card { position: relative; display: flex; flex-direction: column; gap: 4px; padding: 18px 18px 16px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); transition: border-color .15s, box-shadow .15s, transform .15s; } a.dx-card:hover { border-color: var(--accent-line); box-shadow: var(--shadow); transform: translateY(-1px); } .dx-card-icon { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin-bottom: 10px; border-radius: 10px; background: var(--accent-soft); color: var(--accent); } .dx-card-title { font-weight: 600; font-size: 15px; color: var(--text-strong); } .dx-card-body { font-size: 14px; line-height: 1.6; color: var(--text-muted); } .dx-card-body code { font-size: 12px; } .dx-card-arrow { position: absolute; top: 18px; right: 16px; width: 16px; height: 16px; color: var(--text-faint); transition: transform .15s, color .15s; } a.dx-card:hover .dx-card-arrow { transform: translateX(2px); color: var(--accent); } /* ------------------------------------------------------------ accordions */ .dx-accordions { margin: 8px 0 24px; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; } .dx-accordions .dx-accordion { border: 0; border-radius: 0; margin: 0; } .dx-accordions .dx-accordion + .dx-accordion { border-top: 1px solid var(--line); } .dx-accordion { margin: 8px 0 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); } .dx-accordion summary { display: flex; align-items: center; gap: 10px; padding: 13px 16px; cursor: pointer; list-style: none; font-weight: 600; font-size: 14.5px; color: var(--text-strong); } .dx-accordion summary::-webkit-details-marker { display: none; } .dx-accordion summary:hover { background: var(--bg-soft); } .dx-accordion-chev { display: inline-flex; width: 16px; height: 16px; color: var(--text-faint); transition: transform .15s; } .dx-accordion[open] .dx-accordion-chev { transform: rotate(90deg); } .dx-accordion-body { padding: 2px 16px 4px 42px; font-size: 14.5px; } /* ------------------------------------------------------------------ tabs */ .dx-tabs { margin: 8px 0 24px; } .dx-tablist { display: flex; gap: 20px; border-bottom: 1px solid var(--line); margin-bottom: 16px; overflow-x: auto; } .dx-tab { position: relative; padding: 8px 0 10px; font-size: 14px; font-weight: 500; color: var(--text-muted); white-space: nowrap; } .dx-tab:hover { color: var(--text-strong); } .dx-tab[aria-selected="true"] { color: var(--accent); font-weight: 600; } .dx-tab[aria-selected="true"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; border-radius: 2px; background: var(--accent); } /* ------------------------------------------------------- params / fields */ .dx-param { padding: 16px 0; border-bottom: 1px solid var(--line); } .dx-param-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .dx code.dx-param-name { font-weight: 600; color: var(--accent); background: var(--accent-soft); border-color: transparent; font-size: 13px; } .dx-param-type, .dx-param-loc { font-family: var(--font-mono); font-size: 12px; color: var(--text-muted); } .dx-param-loc { padding: 1px 7px; border-radius: 6px; background: var(--bg-soft); border: 1px solid var(--line); } .dx-param-req { font-size: 11.5px; font-weight: 600; padding: 1px 7px; border-radius: 6px; color: var(--delete); background: var(--delete-bg); } .dx-param-default { font-size: 12.5px; color: var(--text-faint); } .dx-param-default code { font-size: 11.5px; } .dx-param-desc { margin-top: 8px; font-size: 14.5px; line-height: 1.65; color: var(--text); } .dx-param-desc p { margin: 0 0 6px; } .dx-param-desc a { color: var(--text-strong); font-weight: 500; border-bottom: 1px solid var(--accent-line); } .dx-param-desc a:hover { color: var(--accent); border-bottom-color: var(--accent); } .dx-param-desc > :last-child { margin-bottom: 0; } .dx-param-enum { color: var(--text-muted); font-size: 13.5px; } .dx-param-children { margin-top: 12px; border: 1px solid var(--line); border-radius: 12px; } .dx-param-children > summary { padding: 8px 14px; font-size: 13px; font-weight: 500; color: var(--text-muted); cursor: pointer; list-style: none; border-radius: 12px; } .dx-param-children > summary::-webkit-details-marker { display: none; } .dx-param-children > summary:hover { color: var(--text-strong); background: var(--bg-soft); } .dx-param-children .dx-when-open { display: none; } .dx-param-children[open] > summary .dx-when-open { display: inline; } .dx-param-children[open] > summary .dx-when-closed { display: none; } .dx-param-children[open] > summary { border-bottom: 1px solid var(--line); border-radius: 12px 12px 0 0; } .dx-param-children-list { padding: 0 16px; } .dx-param-children-list > .dx-param:last-child { border-bottom: 0; } /* ------------------------------------------------------------- API pages */ .dx-endpoint-bar { display: flex; align-items: center; gap: 10px; margin: -8px 0 24px; padding: 6px 6px 6px 8px; border: 1px solid var(--line-strong); border-radius: 12px; background: var(--bg-soft); } .dx .dx-endpoint-path { flex: 1; min-width: 0; overflow-x: auto; white-space: nowrap; background: none; border: 0; padding: 0; font-size: 13.5px; color: var(--text-strong); } .dx-endpoint-base { color: var(--text-faint); } .dx-endpoint-bar .dx-copy { color: var(--text-faint) !important; } .dx-endpoint-bar .dx-copy:hover { color: var(--text-strong) !important; background: var(--line); } .dx-method { display: inline-flex; align-items: center; justify-content: center; flex: none; height: 24px; min-width: 52px; padding: 0 8px; border-radius: 7px; font-family: var(--font-mono); font-size: 11.5px; font-weight: 700; letter-spacing: 0.02em; color: var(--post); background: var(--post-bg); } .dx-method-sm { height: 19px; min-width: 38px; padding: 0 5px; font-size: 10px; border-radius: 5px; } .dx-m-get { color: var(--get); background: var(--get-bg); } .dx-m-delete { color: var(--delete); background: var(--delete-bg); } .dx-m-put, .dx-m-patch { color: var(--put); background: var(--put-bg); } .dx-api-section { margin-top: 34px; } .dx-api-section h2 { display: flex; align-items: baseline; gap: 10px; margin: 0 0 4px; padding-bottom: 10px; border-bottom: 1px solid var(--line); font-size: 18px; color: var(--text-strong); } .dx-h2-meta { font-family: var(--font-mono); font-size: 12px; font-weight: 500; color: var(--text-faint); } .dx-api-section > .dx-muted { font-size: 14.5px; margin: 12px 0 0; } .dx-responses { display: grid; margin-top: 8px; } .dx-response { display: flex; align-items: baseline; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 14.5px; } .dx-response:last-child { border-bottom: 0; } .dx-status { flex: none; font-family: var(--font-mono); font-size: 12px; font-weight: 700; padding: 2px 8px; border-radius: 6px; color: var(--text-muted); background: var(--bg-soft); } .dx-status-ok { color: var(--get); background: var(--get-bg); } .dx-status-warn { color: var(--put); background: var(--put-bg); } .dx-status-err { color: var(--delete); background: var(--delete-bg); } .dx-guide-link { display: flex; align-items: center; gap: 14px; margin-top: 36px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 14px; transition: border-color .15s, box-shadow .15s; } .dx-guide-link:hover { border-color: var(--accent-line); box-shadow: var(--shadow); } .dx-guide-link .dx-card-icon { margin: 0; } .dx-guide-link > span:nth-child(2) { flex: 1; } .dx-guide-link small { display: block; font-size: 12.5px; color: var(--text-faint); } .dx-guide-link b { font-weight: 600; color: var(--text-strong); } .dx-guide-link > svg { color: var(--text-faint); } .dx-api-examples { min-width: 0; } .dx-api-examples-inner { position: sticky; top: calc(var(--top) + 28px); } .dx-example-label { margin: 0 0 8px; font-size: 12.5px; font-weight: 600; color: var(--text-muted); } .dx-api-examples .dx-code { margin-bottom: 20px; } .dx-api-examples .dx-pre { max-height: 44vh; font-size: 12.5px; } .dx-endpoint-group { margin-top: 22px; } .dx-endpoint-group h3 { margin: 0 0 10px; font-size: 14px; font-weight: 600; color: var(--text-strong); } .dx-endpoint-list { border: 1px solid var(--line); border-radius: 14px; overflow: hidden; } .dx-endpoint-row { display: flex; align-items: center; gap: 12px; padding: 12px 14px; transition: background .12s; } .dx-endpoint-row + .dx-endpoint-row { border-top: 1px solid var(--line); } .dx-endpoint-row:hover { background: var(--bg-soft); } .dx-endpoint-row .dx-method { min-width: 64px; } .dx-endpoint-row code { background: none; border: 0; padding: 0; font-size: 13px; } .dx-endpoint-title { margin-left: auto; font-size: 13.5px; color: var(--text-muted); text-align: right; } .dx-endpoint-row > svg { color: var(--text-faint); } .dx-note-small { font-size: 13px; margin-top: 18px; } /* ------------------------------------------------------------------- TOC */ .dx-toc { min-width: 0; } .dx-toc-inner { position: sticky; top: calc(var(--top) + 36px); max-height: calc(100vh - var(--top) - 60px); overflow-y: auto; scrollbar-width: none; } .dx-toc-title { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-size: 13px; font-weight: 600; color: var(--text-strong); } .dx-toc ul { list-style: none; margin: 0; padding: 0; border-left: 1px solid var(--line); } .dx-toc li a { display: block; margin-left: -1px; padding: 5px 0 5px 14px; border-left: 1px solid transparent; font-size: 13px; line-height: 1.45; color: var(--text-muted); transition: color .12s, border-color .12s; } .dx-toc li.dx-toc-l3 a { padding-left: 26px; } .dx-toc li a:hover { color: var(--text-strong); } .dx-toc li a.is-active { color: var(--accent); border-left-color: var(--accent); font-weight: 500; } /* ------------------------------------------------------------ pager/foot */ .dx-pager { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 52px; } .dx-pager-link { display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 14px; transition: border-color .15s, box-shadow .15s; } .dx-pager-link:hover { border-color: var(--accent-line); box-shadow: var(--shadow); } .dx-pager-next { grid-column: 2; text-align: right; } .dx-pager-label { font-size: 12.5px; color: var(--text-faint); } .dx-pager-title { font-weight: 600; color: var(--text-strong); } .dx-pager-prev .dx-pager-title::before { content: "← "; color: var(--text-faint); } .dx-pager-next .dx-pager-title::after { content: " →"; color: var(--text-faint); } .dx-footer { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; max-width: 1080px; margin: 32px auto 0; padding: 22px 0 32px; border-top: 1px solid var(--line); font-size: 13.5px; color: var(--text-muted); } .dx-footer img { height: 26px; width: auto; } .dx-footer p { margin: 0; } .dx-footer a { color: var(--text-strong); font-weight: 500; } .dx-footer a:hover { color: var(--accent); } .dx-footer-company { display: flex; align-items: center; gap: 10px; margin-left: auto; font-size: 12.5px; color: var(--text-faint); } .dx-footer .dx-footer-company img { height: 34px; width: auto; } /* ---------------------------------------------------------------- search */ .dx-results { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; } .dx-result { display: flex; gap: 14px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 14px; transition: border-color .15s, box-shadow .15s; } .dx-result:hover { border-color: var(--accent-line); box-shadow: var(--shadow); } .dx-result-kind { flex: none; display: inline-flex; padding-top: 3px; color: var(--text-faint); } .dx-result-main { display: grid; gap: 3px; min-width: 0; } .dx-result-title { font-weight: 600; color: var(--text-strong); } .dx-result-section { font-weight: 500; color: var(--text-muted); } .dx-result-snippet { font-size: 14px; color: var(--text-muted); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .dx-empty { display: flex; align-items: center; gap: 12px; padding: 20px; border: 1px dashed var(--line-strong); border-radius: 14px; color: var(--text-muted); } .dx-empty p { margin: 0; } /* Command palette */ .dx-palette { width: min(640px, calc(100vw - 24px)); max-height: min(560px, calc(100vh - 120px)); margin: 12vh auto auto; padding: 0; border: 1px solid var(--line-strong); border-radius: 16px; background: var(--surface); color: var(--text); box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.45); overflow: hidden; } .dx-palette::backdrop { background: rgba(11, 20, 29, 0.45); backdrop-filter: blur(3px); } .dx-palette[open] { display: flex; } .dx-palette-box { display: flex; flex-direction: column; width: 100%; min-height: 0; } .dx-palette-head { display: flex; align-items: center; gap: 12px; padding: 0 16px; height: 56px; border-bottom: 1px solid var(--line); color: var(--text-faint); } .dx-palette-head input:focus-visible { box-shadow: none; } .dx-palette-head input { flex: 1; border: 0; outline: none; background: transparent; font: inherit; font-size: 16px; color: var(--text-strong); } .dx-palette-list { list-style: none; margin: 0; padding: 8px; overflow-y: auto; min-height: 0; flex: 1; } .dx-palette-group { padding: 10px 10px 4px; font-size: 12px; font-weight: 600; color: var(--text-faint); } .dx-palette-item a { display: flex; gap: 12px; align-items: flex-start; padding: 10px 12px; border-radius: 10px; color: var(--text); } .dx-palette-item .dx-pi-icon { flex: none; display: inline-flex; margin-top: 2px; color: var(--text-faint); } .dx-palette-item .dx-pi-main { display: grid; gap: 1px; min-width: 0; } .dx-palette-item b { font-size: 14px; font-weight: 600; color: var(--text-strong); } .dx-palette-item b span { font-weight: 500; color: var(--text-muted); } .dx-palette-item small { font-size: 13px; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dx-palette-item mark { background: none; color: var(--accent); font-weight: 600; } .dx-palette-item.is-active a { background: var(--accent-soft); } .dx-palette-item.is-active .dx-pi-icon { color: var(--accent); } .dx-palette-empty { padding: 28px 12px; text-align: center; color: var(--text-muted); font-size: 14px; } .dx-palette-foot { display: flex; gap: 16px; padding: 10px 16px; border-top: 1px solid var(--line); font-size: 12px; color: var(--text-faint); background: var(--bg-soft); } .dx-palette-foot span { display: inline-flex; align-items: center; gap: 4px; } /* ------------------------------------------------------------ responsive */ @media (max-width: 1279px) { .dx-page-api { grid-template-columns: minmax(0, 1fr); } .dx-page-api .dx-article { max-width: 760px; } .dx-api-examples { max-width: 760px; } .dx-api-examples-inner { position: static; } } @media (max-width: 1179px) { .dx-page { grid-template-columns: minmax(0, 1fr); } .dx-toc { display: none; } .dx-article { max-width: 760px; margin: 0 auto; width: 100%; } .dx-page-api .dx-article, .dx-api-examples { margin: 0 auto; width: 100%; } } @media (max-width: 1023px) { .dx-header-link { display: none; } .dx-menu-btn { display: inline-flex; margin-left: -8px; } .dx-sidebar { z-index: 50; top: 0; left: 0; width: min(300px, 86vw); padding-top: 20px; background: var(--bg); border-right: 1px solid var(--line); transform: translateX(-102%); transition: transform .2s ease; } .dx-sidebar.is-open { transform: none; box-shadow: var(--shadow); } .dx-scrim:not([hidden]) { display: block; position: fixed; inset: 0; z-index: 45; background: rgba(11, 20, 29, 0.55); } .dx-main { margin-left: 0; padding: 0 24px; } } @media (max-width: 719px) { .dx-search { display: none; } .dx-search-mobile { display: inline-flex; } .dx-header-row { gap: 8px; padding: 0 16px; } .dx-header-end { margin-left: auto; } .dx-tabbar { padding: 0 16px; } .dx-tabbar-extra { display: none; } .dx-main { padding: 0 16px; } .dx-page { padding-top: 24px; } .dx-page-head h1 { font-size: 26px; } .dx-title-row { flex-direction: column; gap: 12px; } .dx-lede { font-size: 16px; } .dx-cols-2, .dx-cols-3 { grid-template-columns: minmax(0, 1fr); } .dx-pager { grid-template-columns: minmax(0, 1fr); } .dx-pager-next { grid-column: 1; } .dx-endpoint-title { display: none; } .dx-accordion-body { padding-left: 16px; } .dx-prose table { font-size: 13px; } } @media (prefers-reduced-motion: reduce) { .dx *, .dx *::before, .dx *::after { transition: none !important; } } /* ------------------------------------------- syntax highlighting (github-dark) */ .dx-pre .c { color: #8B949E; font-style: italic } /* Comment */ .dx-pre .err { color: #F85149 } /* Error */ .dx-pre .esc { color: #E6EDF3 } /* Escape */ .dx-pre .g { color: #E6EDF3 } /* Generic */ .dx-pre .k { color: #FF7B72 } /* Keyword */ .dx-pre .l { color: #A5D6FF } /* Literal */ .dx-pre .n { color: #E6EDF3 } /* Name */ .dx-pre .o { color: #FF7B72; font-weight: bold } /* Operator */ .dx-pre .x { color: #E6EDF3 } /* Other */ .dx-pre .p { color: #E6EDF3 } /* Punctuation */ .dx-pre .ch { color: #8B949E; font-style: italic } /* Comment.Hashbang */ .dx-pre .cm { color: #8B949E; font-style: italic } /* Comment.Multiline */ .dx-pre .cp { color: #8B949E; font-weight: bold; font-style: italic } /* Comment.Preproc */ .dx-pre .cpf { color: #8B949E; font-style: italic } /* Comment.PreprocFile */ .dx-pre .c1 { color: #8B949E; font-style: italic } /* Comment.Single */ .dx-pre .cs { color: #8B949E; font-weight: bold; font-style: italic } /* Comment.Special */ .dx-pre .gd { color: #FFA198; background-color: #490202 } /* Generic.Deleted */ .dx-pre .ge { color: #E6EDF3; font-style: italic } /* Generic.Emph */ .dx-pre .ges { color: #E6EDF3; font-weight: bold; font-style: italic } /* Generic.EmphStrong */ .dx-pre .gr { color: #FFA198 } /* Generic.Error */ .dx-pre .gh { color: #79C0FF; font-weight: bold } /* Generic.Heading */ .dx-pre .gi { color: #56D364; background-color: #0F5323 } /* Generic.Inserted */ .dx-pre .go { color: #8B949E } /* Generic.Output */ .dx-pre .gp { color: #8B949E } /* Generic.Prompt */ .dx-pre .gs { color: #E6EDF3; font-weight: bold } /* Generic.Strong */ .dx-pre .gu { color: #79C0FF } /* Generic.Subheading */ .dx-pre .gt { color: #FF7B72 } /* Generic.Traceback */ .dx-pre .g-Underline { color: #E6EDF3; text-decoration: underline } /* Generic.Underline */ .dx-pre .kc { color: #79C0FF } /* Keyword.Constant */ .dx-pre .kd { color: #FF7B72 } /* Keyword.Declaration */ .dx-pre .kn { color: #FF7B72 } /* Keyword.Namespace */ .dx-pre .kp { color: #79C0FF } /* Keyword.Pseudo */ .dx-pre .kr { color: #FF7B72 } /* Keyword.Reserved */ .dx-pre .kt { color: #FF7B72 } /* Keyword.Type */ .dx-pre .ld { color: #79C0FF } /* Literal.Date */ .dx-pre .m { color: #A5D6FF } /* Literal.Number */ .dx-pre .s { color: #A5D6FF } /* Literal.String */ .dx-pre .na { color: #E6EDF3 } /* Name.Attribute */ .dx-pre .nb { color: #E6EDF3 } /* Name.Builtin */ .dx-pre .nc { color: #F0883E; font-weight: bold } /* Name.Class */ .dx-pre .no { color: #79C0FF; font-weight: bold } /* Name.Constant */ .dx-pre .nd { color: #D2A8FF; font-weight: bold } /* Name.Decorator */ .dx-pre .ni { color: #FFA657 } /* Name.Entity */ .dx-pre .ne { color: #F0883E; font-weight: bold } /* Name.Exception */ .dx-pre .nf { color: #D2A8FF; font-weight: bold } /* Name.Function */ .dx-pre .nl { color: #79C0FF; font-weight: bold } /* Name.Label */ .dx-pre .nn { color: #FF7B72 } /* Name.Namespace */ .dx-pre .nx { color: #E6EDF3 } /* Name.Other */ .dx-pre .py { color: #79C0FF } /* Name.Property */ .dx-pre .nt { color: #7EE787 } /* Name.Tag */ .dx-pre .nv { color: #79C0FF } /* Name.Variable */ .dx-pre .ow { color: #FF7B72; font-weight: bold } /* Operator.Word */ .dx-pre .pm { color: #E6EDF3 } /* Punctuation.Marker */ .dx-pre .w { color: #6E7681 } /* Text.Whitespace */ .dx-pre .mb { color: #A5D6FF } /* Literal.Number.Bin */ .dx-pre .mf { color: #A5D6FF } /* Literal.Number.Float */ .dx-pre .mh { color: #A5D6FF } /* Literal.Number.Hex */ .dx-pre .mi { color: #A5D6FF } /* Literal.Number.Integer */ .dx-pre .mo { color: #A5D6FF } /* Literal.Number.Oct */ .dx-pre .sa { color: #79C0FF } /* Literal.String.Affix */ .dx-pre .sb { color: #A5D6FF } /* Literal.String.Backtick */ .dx-pre .sc { color: #A5D6FF } /* Literal.String.Char */ .dx-pre .dl { color: #79C0FF } /* Literal.String.Delimiter */ .dx-pre .sd { color: #A5D6FF } /* Literal.String.Doc */ .dx-pre .s2 { color: #A5D6FF } /* Literal.String.Double */ .dx-pre .se { color: #79C0FF } /* Literal.String.Escape */ .dx-pre .sh { color: #79C0FF } /* Literal.String.Heredoc */ .dx-pre .si { color: #A5D6FF } /* Literal.String.Interpol */ .dx-pre .sx { color: #A5D6FF } /* Literal.String.Other */ .dx-pre .sr { color: #79C0FF } /* Literal.String.Regex */ .dx-pre .s1 { color: #A5D6FF } /* Literal.String.Single */ .dx-pre .ss { color: #A5D6FF } /* Literal.String.Symbol */ .dx-pre .bp { color: #E6EDF3 } /* Name.Builtin.Pseudo */ .dx-pre .fm { color: #D2A8FF; font-weight: bold } /* Name.Function.Magic */ .dx-pre .vc { color: #79C0FF } /* Name.Variable.Class */ .dx-pre .vg { color: #79C0FF } /* Name.Variable.Global */ .dx-pre .vi { color: #79C0FF } /* Name.Variable.Instance */ .dx-pre .vm { color: #79C0FF } /* Name.Variable.Magic */ .dx-pre .il { color: #A5D6FF } /* Literal.Number.Integer.Long */