/* ═══════════════════════════════════════════════════════
   API接口重构页面样式
   策略：原页面 DOM ID/结构不变，仅覆盖布局和视觉
   布局：flex 左右分栏，左侧 sticky 固定
   视觉：对齐目标页 uihtml/apidocinfo.html
   ═══════════════════════════════════════════════════════ */

/* ── CSS 变量（与目标页一致） ── */
.refactored-apidoc-page-wrap {
    --ra-brand: #3366ff;
    --ra-brand-hover: #2952e0;
    --ra-brand-light: #eef2ff;
    --ra-bg-page: #f4f5f7;
    --ra-bg-card: #ffffff;
    --ra-bg-subtle: #f8f9fb;
    --ra-text-main: #1d2129;
    --ra-text-body: #4e5565;
    --ra-text-muted: #8892a3;
    --ra-border: #e5e7ec;
    --ra-border-hair: #eff1f5;
    --ra-success: #38a169;
    --ra-danger: #e5484d;
    --ra-shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
    --ra-radius-sm: 6px;
    --ra-radius-md: 8px;
    --ra-ease: cubic-bezier(0.3, 0, 0.2, 1);
}

/* ═══════════════════════════════════════════════════════
   页面整体布局：flex 列布局撑满视口
   ═══════════════════════════════════════════════════════ */
.refactored-apidoc-page-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: var(--ra-bg-page);
}

.refactored-apidoc-layout {
    display: flex;
    flex: 1;
    min-height: 0;
}

/* ═══════════════════════════════════════════════════════
   左侧边栏：固定宽度 + sticky + 目标页树风格
   ═══════════════════════════════════════════════════════ */
.refactored-apidoc-sidebar {
    width: 300px;
    flex-shrink: 0;
    background: var(--ra-bg-card);
    border-right: 1px solid var(--ra-border-hair);
    overflow-y: auto;
    padding: 12px 0;               /* 不预留右侧空间 */
    position: sticky;
    top: 60px;
    height: calc(100vh - 60px);
}

/* 自定义滚动条：细窄、半透明，不抢眼 */
.refactored-apidoc-sidebar::-webkit-scrollbar {
    width: 6px;
}
.refactored-apidoc-sidebar::-webkit-scrollbar-track {
    background: transparent;
}
.refactored-apidoc-sidebar::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 3px;
}
.refactored-apidoc-sidebar::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.25);
}

.refactored-apidoc-sidebar-header {
    padding: 12px 18px;
    font-size: 12px;
    font-weight: 600;
    color: #666666;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* ═══════════════════════════════════════════════════════
   左侧 API 目录树 — 覆盖 mtree.bubba 为目标页风格
   箭头保持右侧、预留滚动条空间、子级明显缩进、空节点隐藏箭头
   ═══════════════════════════════════════════════════════ */

/* 基础重置 */
.refactored-apidoc-sidebar .mtree-demo .mtree {
    background: transparent !important;
    border: none !important; border-radius: 0 !important;
    margin: 0 !important; padding: 0 !important;
    opacity: 1 !important;
}

/* 移除所有边框线 */
.refactored-apidoc-sidebar ul.mtree.bubba,
.refactored-apidoc-sidebar ul.mtree.bubba > li,
.refactored-apidoc-sidebar .mtree-level-1 > li,
.refactored-apidoc-sidebar ul.mtree.bubba li:last-child > a {
    border-top: none !important;
    border-bottom: none !important;
}

/* ── 所有节点的通用样式（L1 默认值） — 不加粗 ── */
.refactored-apidoc-sidebar ul.mtree.bubba li > a {
    color: #333333 !important;                     /* 统一用深灰色 */
    font-size: 14px !important;
    font-weight: 400 !important;                   /* 不加粗 */
    text-transform: none !important;
    padding: 9px 24px 9px 18px !important;     /* 右侧预留 24px 给滚动条+箭头 */
    display: block !important;
    border-left: 3px solid transparent;
    border-radius: 0;
    transition: all 0.15s var(--ra-ease) !important;
    position: relative;
}

/* L2 子分类 */
.refactored-apidoc-sidebar ul.mtree.bubba > li > ul > li > a {
    color: #333333 !important;
    font-size: 14px !important;
    font-weight: 400 !important;                  /* 不加粗 */
}

/* L3 子分类 */
.refactored-apidoc-sidebar ul.mtree.bubba > li > ul > li > ul > li > a {
    color: #333333 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

/* L4 叶子方法名 */
.refactored-apidoc-sidebar ul.mtree.bubba > li > ul > li > ul > li > ul > li > a {
    color: #333333 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.refactored-apidoc-sidebar ul.mtree.bubba li > a:hover {
    background: var(--ra-bg-subtle) !important;
    text-decoration: none !important;
}

.refactored-apidoc-sidebar ul.mtree.bubba > li.mtree-open > a {
    background: var(--ra-bg-subtle) !important;
}

/* ── 展开/收起箭头：保持在右边（原 mtree 行为），灰色小三角 ── */
.refactored-apidoc-sidebar ul.mtree.bubba li.mtree-node > a:after {
    content: '' !important;
    display: inline-block !important;
    width: 8px !important;
    height: 8px !important;
    border-top: 2px solid var(--ra-text-muted) !important;
    border-right: 2px solid var(--ra-text-muted) !important;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    float: right !important;          /* 保持原位置：右边 */
    margin: 5px 0 0 6px !important;
    transition: transform 0.2s ease !important;
}

/* 展开状态：箭头旋转为向下 ▾ */
.refactored-apidoc-sidebar ul.mtree.bubba li.mtree-open > a:after {
    transform: rotate(135deg) !important;
    -webkit-transform: rotate(135deg) !important;
}

/* ── 纯叶子节点（非 mtree-node，如 zwktext/test555定制 等） ── */
.refactored-apidoc-sidebar ul.mtree.bubba li:not(.mtree-node) > a,
.refactored-apidoc-sidebar ul.mtree.bubba .method > a {
    color: #333333 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

/* 叶子节点确保无箭头 */
.refactored-apidoc-sidebar ul.mtree.bubba li:not(.mtree-node) > a:after,
.refactored-apidoc-sidebar ul.mtree.bubba .method > a:after {
    display: none !important;
}

/* ── 空节点（有 mtree-node 但子 <ul> 无 <li>）：JS 添加 mtree-empty 类后隐藏箭头 ── */
.refactored-apidoc-sidebar ul.mtree.bubba li.mtree-empty > a:after {
    display: none !important;
}

/* ── 选中态 ── */
.refactored-apidoc-sidebar ul.mtree.bubba li.mtree-active > a {
    background: var(--ra-brand-light) !important;
    color: var(--ra-brand) !important;
    font-weight: 500 !important;
    border-left-color: var(--ra-brand) !important;
}

/* ═══════════════════════════════════════════════════════
   层级缩进 — 每级递增 ~16px，明显区分上下级
   结构示例：
     L1 订单API        (18px)
       L2 仓储api      (32px)
         L3 入库       (48px)
           L4 方法名   (64px)
   ═══════════════════════════════════════════════════════ */

/* L1 一级分类（默认已在通用样式中 = 18px） */

/* L2 二级（一级的直属子项）：如 仓储api、库存api */
.refactored-apidoc-sidebar ul.mtree.bubba > li > ul > li > a {
    padding-left: 32px !important;
}

/* L3 三级（二级的子项）：如 入库、出库 */
.refactored-apidoc-sidebar ul.mtree.bubba > li > ul > li > ul > li > a {
    padding-left: 48px !important;
}

/* L4 四级及更深：具体 API 方法名 */
.refactored-apidoc-sidebar ul.mtree.bubba > li > ul > li > ul > li > ul > li > a {
    padding-left: 64px !important;
}

/* methodtxt 子标题（方法名下方的描述文字） */
.refactored-apidoc-sidebar .methodtxt {
    padding: 0 24px 4px 68px !important;      /* 与 L4 对齐 */
    color: var(--ra-text-muted) !important;
    font-size: 11px !important;
    line-height: 1.4;
}

/* 隐藏 skin selector 切换栏 */
.refactored-apidoc-sidebar .mtree-skin-selector {
    display: none !important;
}

/* 子列表容器：去掉默认 margin */
.refactored-apidoc-sidebar ul.mtree.bubba ul {
    margin-left: 0 !important;
}

/* 树节点链接永远无下划线（覆盖 foundation/leftnavdoc 等全局样式） */
.refactored-apidoc-sidebar .mtree a,
.refactored-apidoc-sidebar .mtree a:hover,
.refactored-apidoc-sidebar .mtree a:focus,
.refactored-apidoc-sidebar .mtree a:active {
    text-decoration: none !important;
}

/* ═══════════════════════════════════════════════════════
   右侧内容区：占满剩余空间，卡片化展示
   ═══════════════════════════════════════════════════════ */
.refactored-apidoc-content {
    flex: 1;
    overflow-y: auto;
    padding: 84px 32px 24px;        /* 顶部 84px 预留 header 空间 */
    min-width: 0;
}

/* 卡片容器 */
.refactored-apidoc-content #rightContent {
    background-color: var(--ra-bg-card) !important;
    margin: 0 !important;
    border: 1px solid var(--ra-border-hair) !important;
    border-radius: var(--ra-radius-md) !important;
    box-shadow: var(--ra-shadow-xs);
    padding: 28px;
    visibility: visible !important;
}

/* 标题 */
.refactored-apidoc-content #title {
    font-size: 24px;
    color: var(--ra-text-main);
    line-height: 1.3;
    margin: 0 0 6px 0;
    font-weight: 700;
}

/* 接口等级标签 */
.refactored-apidoc-content #basic-interface {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 0 20px;
    font-size: 13px;
    color: var(--ra-text-muted);
}

/* 折叠区域标题：对齐目标页 api-section-header 风格 */
.refactored-apidoc-content .inter-title {
    font-size: 14px;
    color: var(--ra-text-main);
    padding: 8px 14px;
    border-left: 3px solid var(--ra-brand);
    background: var(--ra-bg-subtle);
    border-radius: var(--ra-radius-sm);
    font-weight: 600;
    margin: 20px 0 12px;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
}

/* 标题前的图标（使用已加载的 font-awesome，通过 data-icon 属性注入 unicode） */
.refactored-apidoc-content .inter-title:before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    font-family: 'FontAwesome' !important;
    font-style: normal !important;
    font-weight: normal !important;
    color: var(--ra-brand);
    flex-shrink: 0;
    margin-right: 6px;
    font-size: 15px;
    content: attr(data-icon);
}

.refactored-apidoc-content .inter-title:after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid var(--ra-text-muted);
    border-right: 2px solid var(--ra-text-muted);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-left: auto;
    transition: transform 0.2s ease;
}

.refactored-apidoc-content .transRotate:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

/* 折叠区域内容 */
.refactored-apidoc-content .inter-content {
    font-size: 13px;
    color: var(--ra-text-body);
    padding: 0 4px;
    line-height: 1.7;
    margin-bottom: 16px;
    overflow: hidden;
}

/* ═══════════════════════════════════════════════════════
   按钮组：对齐目标页 btn / btn-outline 风格
   ═══════════════════════════════════════════════════════ */
.refactored-apidoc-content .btn-wrapper {
    display: flex;
    gap: 10px;
    margin: 16px 0 24px;
}

/* API 测试工具按钮 */
.refactored-apidoc-content #api-iconwrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 500;
    padding: 8px 18px;
    border: 1px solid transparent;
    border-radius: var(--ra-radius-sm);
    cursor: pointer;
    background: var(--ra-brand);
    color: #fff;
    width: auto;
    height: auto;
    margin: 0;
    text-decoration: none;
    transition: background 0.15s var(--ra-ease);
}

.refactored-apidoc-content #api-iconwrap:hover {
    background: var(--ra-brand-hover);
}

.refactored-apidoc-content #api-icon {
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAWlBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9f0VzKAAAAHnRSTlMAFweHr160SPsDLwwfaIE7jja+pt13JW5WnNLnku6qIcbIAAAAv0lEQVQY0z2P2ZLEIAhFUVCjxn3J0j3//5ujMdXnBepUcQFQdfvx5xkMPpf6gZ8w1aaAv+j9VvpR9hSLzigsxUg+kNLJvoMLvqfE+FK8GwbauCgJBVuDFwltLvLuwBz3J755ZcrVw8kgyK9eWdxRB08GIN1hqT16AC+HgoJLJXkAqHyMGzwtZWgoK6SwgK9iiDDdSMwNNvHE5/mw7fysHaiWKyoWZZqHn7fTwFxrzoydtSDm6uaXejBLQCqtj/Yfa40KFUMFrXQAAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.refactored-apidoc-content .api-txt {
    padding-left: 4px;
}

/* 错误码查询按钮：用 Unicode 符号替代 layui-icon-about */
.refactored-apidoc-content .error-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 500;
    padding: 8px 18px;
    border: 1px solid var(--ra-border);
    border-radius: var(--ra-radius-sm);
    cursor: pointer;
    background: #fff;
    color: var(--ra-text-body);
    width: auto;
    height: auto;
    margin: 0;
    text-decoration: none;
    transition: all 0.15s var(--ra-ease);
}

.refactored-apidoc-content .error-btn:before {
    content: "⚠";
    font-size: 16px;
    line-height: 1;
}

.refactored-apidoc-content .error-btn i.layui-icon {
    display: none; /* 隐藏未加载的 layui 图标 */
}

.refactored-apidoc-content .error-btn:hover {
    border-color: #ccd2dd;
    color: var(--ra-text-main);
    box-shadow: var(--ra-shadow-xs);
    text-decoration: none;
}

.refactored-apidoc-content .disabled-cls {
    background-color: #B5BCBE !important;
    opacity: 0.65;
    cursor: not-allowed;
}

/* ═══════════════════════════════════════════════════════
   公共请求参数/业务参数等标题 → 统一为 section header 风格
   ═══════════════════════════════════════════════════════ */
.refactored-apidoc-content .publicTitleFount {
    font-size: 14px;
    font-weight: 600;
    color: var(--ra-text-main);
    padding: 8px 14px;
    background: var(--ra-bg-subtle);
    border-left: 3px solid var(--ra-brand);
    border-radius: var(--ra-radius-sm);
    margin-top: 20px;
    margin-bottom: 12px;
}

.refactored-apidoc-content .publicTitleFount:before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    font-family: 'FontAwesome' !important;
    font-style: normal !important;
    font-weight: normal !important;
    color: var(--ra-brand);
    margin-right: 8px;
    font-size: 15px;
    content: attr(data-icon);
}

/* 隐藏 publicTitle 下方的 hr 分割线 */
.refactored-apidoc-content #parameters > hr,
.refactored-apidoc-content #parameters hr {
    display: none !important;
}

/* ═══════════════════════════════════════════════════════
   表格：对齐目标页 api-table 风格（无竖线、干净）
   ═══════════════════════════════════════════════════════ */

/* 公共请求参数表格（原生 table） */
.refactored-apidoc-content #parameters > table[lay-filter="publicParam"] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background: var(--ra-bg-card);
    border: 1px solid var(--ra-border-hair);
    border-radius: var(--ra-radius-sm);
    overflow: hidden;
    margin-bottom: 20px;
}

.refactored-apidoc-content #parameters > table[lay-filter="publicParam"] thead th {
    background: var(--ra-bg-subtle);
    color: var(--ra-text-muted);
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    padding: 10px 14px;
    border-bottom: 1px solid var(--ra-border-hair);
    border-right: none;
    border-left: none;
}

.refactored-apidoc-content #parameters > table[lay-filter="publicParam"] tbody td {
    padding: 10px 14px;
    border-bottom: 1px solid var(--ra-border-hair);
    border-right: none;
    border-left: none;
    color: var(--ra-text-body);
    vertical-align: top;
    font-size: 13px;
}

.refactored-apidoc-content #parameters > table[lay-filter="publicParam"] tbody tr:last-child td {
    border-bottom: none;
}

.refactored-apidoc-content #parameters > table[lay-filter="publicParam"] tbody tr:hover {
    background: var(--ra-bg-subtle);
}

/* 必填/选填标记 */
.refactored-apidoc-content .isTrue {
    color: var(--ra-danger);
    font-weight: 600;
}

/* 表格内链接 */
.refactored-apidoc-content #parameters table a {
    color: var(--ra-brand);
}

/* ═══════════════════════════════════════════════════════
   layui table（业务参数表、返回参数表等 treeTable 渲染的表）
   ═══════════════════════════════════════════════════════ */
.refactored-apidoc-content .layui-table {
    border: 1px solid var(--ra-border-hair) !important;
    border-radius: var(--ra-radius-sm) !important;
    overflow: hidden;
}

.refactored-apidoc-content .layui-table thead tr {
    background-color: var(--ra-bg-subtle) !important;
}

.refactored-apidoc-content .layui-table th {
    color: var(--ra-text-muted) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border-right: none !important;
    border-bottom: 1px solid var(--ra-border-hair) !important;
}

.refactored-apidoc-content .layui-table td {
    color: var(--ra-text-body) !important;
    font-size: 13px !important;
    border-right: none !important;
    border-bottom: 1px solid var(--ra-border-hair) !important;
}

.refactored-apidoc-content .layui-table tbody tr:hover {
    background-color: var(--ra-bg-subtle) !important;
}

.refactored-apidoc-content .layui-table-view {
    border: none !important;
}

/* layui-table 单元格 */
.refactored-apidoc-content .layui-table-cell {
    height: auto !important;
    overflow: visible !important;
    text-overflow: inherit !important;
    white-space: normal !important;
    word-break: break-all !important;
    padding: 0 10px !important;
}

.refactored-apidoc-content .layui-table-cell a {
    color: var(--ra-brand);
}

/* ═══════════════════════════════════════════════════════
   Tab 切换（JSON/XML）：简洁下划线风格
   ═══════════════════════════════════════════════════════ */
.refactored-apidoc-content .layui-tab.layui-tab-card {
    border: none !important;
    border-width: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    margin: 8px 0 16px;
}

.refactored-apidoc-content .layui-tab-title {
    border: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    background: transparent !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.refactored-apidoc-content .layui-tab-title li {
    border: none !important;
    border-width: 0 !important;
    border-radius: 0 !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    background: transparent !important;
    color: #8892a3 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 0px 24px !important;
    position: relative;
    transition: color 0.15s ease;
    background-color: #F8F9FB !important;
}

.refactored-apidoc-content .layui-tab-title li:hover {
    color: var(--ra-text-main) !important;
}

.refactored-apidoc-content .layui-tab-title li.layui-this {
    color: #fff !important;
    font-weight: 600 !important;
    background: #1F2235 !important;
    border: none !important;
    border-width: 0 !important;
}

/* 彻底禁用 layui 默认的 ::after 伪元素（它会给选中 tab 加边框） */
.refactored-apidoc-content .layui-tab-title .layui-this:after,
.refactored-apidoc-content .layui-tab.layui-tab-card > .layui-tab-title .layui-this:after {
    display: none !important;
    content: none !important;
    border: none !important;
    border-width: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

.refactored-apidoc-content .layui-tab-content {
    border: none !important;
    border-width: 0 !important;
    padding: 6px 0 0 !important;
    background: transparent !important;
}

/* ═══════════════════════════════════════════════════════
   代码块：深色背景
   ═══════════════════════════════════════════════════════ */
.refactored-apidoc-content pre {
    background-color: #1e2235;
    color: #c9d1d9;
    border-radius: var(--ra-radius-sm);
    padding: 18px 20px;
    font-family: 'SF Mono', 'Consolas', 'Courier New', monospace;
    font-size: 13px;
    line-height: 1.7;
    overflow-x: auto;
    margin: 8px 0;
    border: none !important;
}

/* 语法高亮 */
.refactored-apidoc-content .string { color: #a5d6a7; }
.refactored-apidoc-content .number { color: #ffab70; }
.refactored-apidoc-content .boolean { color: #79c0ff; }
.refactored-apidoc-content .null { color: #f97583; }
.refactored-apidoc-content .key { color: #79c0ff; }

.refactored-apidoc-content .code-string { color: #a5d6a7; }
.refactored-apidoc-content .code-number { color: #ffab70; }
.refactored-apidoc-content .code-boolean { color: #79c0ff; }
.refactored-apidoc-content .code-null { color: #f97583; }
.refactored-apidoc-content .code-key { color: #79c0ff; }

/* ═══════════════════════════════════════════════════════
   treeTable 图标与层级
   ═══════════════════════════════════════════════════════ */
.refactored-apidoc-content .ew-tree-table .ew-tree-table-arrow:before {
    content: "\e61f" !important;
}
.refactored-apidoc-content .ew-tree-table .ew-tree-table-open .ew-tree-table-arrow:before {
    content: "\e616" !important;
}

.refactored-apidoc-content .layui-icon-layer:before { content: ""; }
.refactored-apidoc-content .layui-icon-file:before { content: ""; }

.refactored-apidoc-content .ew-tree-pack { position: relative; }
.refactored-apidoc-content .ew-tree-table-arrow-hide { }

.refactored-apidoc-content .ew-tree-table .ew-tree-pack > .layui-icon,
.refactored-apidoc-content .ew-tree-table .ew-tree-pack > .ew-tree-icon {
    margin-right: 2px !important;
}

.refactored-apidoc-content .ew-tree-table .ew-tree-table-indent {
    padding-left: 10px !important;
}

.refactored-apidoc-content .ew-tree-table-cell > .ew-tree-table-cell-content {
    padding: 5px 4px !important;
}

/* ═══════════════════════════════════════════════════════
   杂项覆盖
   ═══════════════════════════════════════════════════════ */
.refactored-apidoc-content .gray-border {
    border-bottom: 1px solid var(--ra-border-hair);
}
.refactored-apidoc-content .listdisc { list-style: disc; padding-left: 20px; }
.refactored-apidoc-content .parameterNameTip {
    cursor: pointer;
    color: var(--ra-brand);
    text-decoration: underline;
}
.refactored-apidoc-content .layui-layer-tips { margin-left: -5px !important; }
.refactored-apidoc-content .layui-layer-tips i.layui-layer-TipsB,
.refactored-apidoc-content .layui-layer-tips i.layui-layer-TipsT {
    border-right-color: #FFF8EA !important;
}

.refactored-apidoc-content .titleNewTag {
    display: inline-block;
    line-height: 20px;
    padding: 0 7px;
    margin-left: 6px;
    font-size: 11px;
    color: #ffffff;
    border-radius: 4px;
    background-color: var(--ra-success);
    vertical-align: middle;
}

.refactored-apidoc-content .method { position: relative; }

.refactored-apidoc-content .liNewTag {
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 8px;
    line-height: 16px;
    padding: 0 4px;
    font-size: 11px;
    color: #ffffff;
    border-radius: 4px;
    background-color: var(--ra-success);
}

.refactored-apidoc-content .search-nav .search-box #search_input { margin-bottom: 0 !important; }
.refactored-apidoc-content #checkData { font-style: italic; }

.refactored-apidoc-content #addval-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAMAAACO0hVbAAAAV1BMVEVHcEz/gAD/iRD/ihL/iRL/iBD/ihL/ihL/ihL/ihL/ihP/ihL/ihL/ihL/ihL/ihL/ihL/hxD/iRH/iRD/ihL/gAD/hw3/ihL/ihL/igr/iRD/ihH/iRL/ihL/ihNMsFJqAAAAHXRSTlMA4AMGnCZtS/ugF8GHIFmUYy49Ds14tqnv8Noq3gAAACqSURBVBjTdZDZDsMgDAQNmJgrhQA52///zprwUiJ1HxYxAjQYoEe+KBQYcpA5nRmZJwHTa2QLpX2dRwYbkYsPBlWXJwKZf3fzajkZW1slb0az4azY2ripM33bdBP7n6nbQXc7k1pH384J6Q9e9iQFOxASfzQQooaKSEqA+zCOmhYRFBhVKnrAk4eypD6DmW+wDRspJ3a0G25w0hUoQrlyqDyYkCd+/a2shi/KEgb4xCUlawAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.refactored-apidoc-content #addvalToString {
    padding-left: 8px;
    color: #FF8A13;
    font-size: 14px;
}

.refactored-apidoc-content #basic-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAMAAAAIRmf1AAAAS1BMVEVHcEwSkTwAgEQFjDESkDsTkzwQkToQjzsTkT0SkD0RjT0RkTwRkDsPjzwRkDwSkTwRkDsRkDsQjzsRjTwSkTwRkDwSkTwSkTsSkTwHPaywAAAAGXRSTlMA4AMGnCZtS/ugF8GHIFmUYy49Ds14tqnv8Noq3gAAAKdJREFUGNNVjjcSwzAMBI9gzkEUpf+/1JBsF9wCxR7mAFjhdlaAuMyOOOGa3oke7hY7jl2yf0p55mRnwYR+AGXIkSmdXxeSz5DKSKV6Dq8L5yyEvhrZyOHjjjMWCbTIsY313eviYoWkeAXtLo8LdRaAy/mOvmJ/HOk6LfQyEsHHQe8Nlpd+69IaEt9fKI/DVK4bXSbz+5kIRyBAElZFnGrD3w05+R0jPz0/CZjMegC/AAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.refactored-apidoc-content #aPILevelToString {
    padding-left: 8px;
    color: var(--ra-success);
    font-size: 14px;
}

.refactored-apidoc-content #apiReamrk {
    font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif;
    font-size: 12px;
    line-height: 1.6;
    color: var(--ra-text-body);
}

/* ═══════════════════════════════════════════════════════
   响应式
   ═══════════════════════════════════════════════════════ */
@media (max-width: 992px) {
    .refactored-apidoc-layout {
        flex-direction: column;
    }
    .refactored-apidoc-sidebar {
        width: 100%;
        max-height: 250px;
        position: static;
        height: auto;
        border-right: none;
        border-bottom: 1px solid var(--ra-border-hair);
    }
    .refactored-apidoc-content {
        padding: 16px;
    }
    .refactored-apidoc-content #rightContent {
        padding: 18px;
    }
}

@media (max-width: 640px) {
    .refactored-apidoc-content {
        padding: 12px;
    }
    .refactored-apidoc-content #rightContent {
        padding: 14px;
    }
}