html {
            background: #f0f2f5 !important;
        }
        body {
            background: #f0f2f5 !important;
        }
        .hbapi-shell {
            background: #f0f2f5;
            padding: 0 0 72px;
            width: 100%;
            box-sizing: border-box;
        }
        .hbapi-page.container {
            font-family: "Microsoft YaHei", "PingFang SC", -apple-system, sans-serif;
            color: rgba(0,0,0,.85);
            line-height: 1.5715;
            padding-top: 0;
            padding-bottom: 0;
            max-width: 920px;
        }
        .hbapi-card {
            border: 1px solid #e8e8e8;
            border-radius: 10px;
            margin-bottom: 28px;
            box-shadow: 0 2px 12px rgba(0,0,0,.06);
            background: #fff;
            overflow: hidden;
        }
        /* 表单卡内容较高（海外隧道等），勿裁切底部生成结果区 */
        .hbapi-card.hbapi-card-form {
            overflow: visible;
        }
        .hbapi-card-header {
            background: linear-gradient(to right, #0fbbd8, #067db2);
            color: #fff;
            padding: 6px 28px;
            font-size: 16px;
            font-weight: 600;
            letter-spacing: .02em;
            text-align: left;
            border-radius: 10px 10px 0 0;
        }
        .hbapi-card-header-dark {
            background: #262626;
            color: #fff;
        }
        .hbapi-card-body {
            padding: 22px 24px 26px;
        }
        .hbapi-card-body.hbapi-card-body--form {
            padding: 20px 24px 36px;
        }
        @media (max-width: 767px) {
            .hbapi-card-body,
            .hbapi-card-doc .hbapi-card-body.hbapi-doc {
                padding: 20px 16px 24px;
            }
        }
        .hbapi-form-row {
            margin-bottom: 20px;
        }
        /* 表单行：含 #hbapiOvTopFields / #hbapiPanelDomestic / .hbapi-ov-panel 内嵌套 */
        .hbapi-card-body--form > .row.hbapi-form-row,
        #hbapiOvTopFields > .row.hbapi-form-row,
        #hbapiPanelDomestic > .row.hbapi-form-row,
        #hbapiPanelDomestic .hbapi-dom-auth-section > .row.hbapi-form-row,
        #hbapiPanelDomestic .hbapi-dom-auth-section > .row.hbapi-dom-auth-tip-row,
        .hbapi-ov-panel > .row.hbapi-form-row {
            margin-left: 0;
            margin-right: 0;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: center;
            gap: 6px 8px;
        }
        #hbapiPanelDomestic .hbapi-dom-auth-section > .row.hbapi-dom-auth-tip-row {
            align-items: flex-start;
        }
        #hbapiOvTopFields > .row.hbapi-form-row.hbapi-form-row--tip,
        #hbapiPanelDomestic > .row.hbapi-form-row.hbapi-form-row--tip,
        .hbapi-ov-panel > .row.hbapi-form-row.hbapi-form-row--tip {
            align-items: flex-start;
        }
        .hbapi-card-body--form > .row.hbapi-form-row.hbapi-url-wrap,
        #hbapiPanelDomestic > .row.hbapi-form-row.hbapi-url-wrap,
        .hbapi-ov-panel > .row.hbapi-form-row.hbapi-url-wrap,
        .hbapi-ov-panel > .row.hbapi-form-row.hbapi-form-row--session-type {
            align-items: flex-start;
        }
        #hbapiOvTopFields > .row.hbapi-form-row.hbapi-ov-geo-row,
        .hbapi-ov-panel > .row.hbapi-form-row.hbapi-ov-geo-row {
            align-items: flex-start;
        }
        #hbapiOvTopFields > .row.hbapi-form-row.hbapi-ov-geo-row > label.control-label,
        .hbapi-ov-panel > .row.hbapi-form-row.hbapi-ov-geo-row > label.control-label {
            line-height: 32px !important;
            padding-top: 0 !important;
            align-self: flex-start;
        }
        .hbapi-card-body--form > .row.hbapi-form-row > [class*="col-"],
        #hbapiOvTopFields > .row.hbapi-form-row > [class*="col-"],
        #hbapiPanelDomestic > .row.hbapi-form-row > [class*="col-"],
        #hbapiPanelDomestic .hbapi-dom-auth-section > .row.hbapi-form-row > [class*="col-"],
        #hbapiPanelDomestic .hbapi-dom-auth-section > .row.hbapi-dom-auth-tip-row > [class*="col-"],
        .hbapi-ov-panel > .row.hbapi-form-row > [class*="col-"] {
            flex: 1 1 auto;
            min-width: 0;
            width: auto !important;
            float: none !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        .hbapi-card-body--form > .row.hbapi-form-row > label.control-label,
        #hbapiOvTopFields > .row.hbapi-form-row > label.control-label,
        #hbapiPanelDomestic > .row.hbapi-form-row > label.control-label,
        #hbapiPanelDomestic .hbapi-dom-auth-section > .row.hbapi-form-row > label.control-label,
        #hbapiPanelDomestic .hbapi-dom-auth-section > .row.hbapi-dom-auth-tip-row > label.control-label,
        .hbapi-ov-panel > .row.hbapi-form-row > label.control-label {
            flex: 0 0 11rem;
            max-width: 13rem;
            text-align: left !important;
            line-height: 32px !important;
            margin-bottom: 0 !important;
            padding-top: 0 !important;
            white-space: normal;
            overflow: visible;
            word-break: keep-all;
        }
        .hbapi-card-body--form > .row.hbapi-form-row.hbapi-url-wrap > label.control-label,
        #hbapiPanelDomestic > .row.hbapi-form-row.hbapi-url-wrap > label.control-label,
        .hbapi-ov-panel > .row.hbapi-form-row.hbapi-url-wrap > label.control-label {
            line-height: 1.5715 !important;
            padding-top: 6px !important;
        }
        .hbapi-card-body--form .hbapi-form-row--actions .hbapi-col-spacer,
        .hbapi-card-body--form .hbapi-form-row--tip .hbapi-col-spacer {
            flex: 0 0 11rem !important;
            width: 11rem !important;
            max-width: 13rem !important;
            padding: 0 !important;
            min-height: 1px;
        }
        @media (max-width: 767px) {
            .hbapi-card-body--form > .row.hbapi-form-row:not(.hbapi-form-row--actions),
            #hbapiOvTopFields > .row.hbapi-form-row:not(.hbapi-form-row--actions),
            #hbapiPanelDomestic > .row.hbapi-form-row:not(.hbapi-form-row--actions),
            #hbapiPanelDomestic .hbapi-dom-auth-section > .row.hbapi-form-row,
            #hbapiPanelDomestic .hbapi-dom-auth-section > .row.hbapi-dom-auth-tip-row,
            .hbapi-ov-panel > .row.hbapi-form-row:not(.hbapi-form-row--actions) {
                flex-wrap: wrap;
                align-items: flex-start;
            }
            .hbapi-card-body--form > .row.hbapi-form-row:not(.hbapi-form-row--actions) > label.control-label,
            #hbapiOvTopFields > .row.hbapi-form-row:not(.hbapi-form-row--actions) > label.control-label,
            #hbapiPanelDomestic > .row.hbapi-form-row:not(.hbapi-form-row--actions) > label.control-label,
            #hbapiPanelDomestic .hbapi-dom-auth-section > .row.hbapi-form-row > label.control-label,
            #hbapiPanelDomestic .hbapi-dom-auth-section > .row.hbapi-dom-auth-tip-row > label.control-label,
            .hbapi-ov-panel > .row.hbapi-form-row:not(.hbapi-form-row--actions) > label.control-label {
                flex: 1 1 100%;
                max-width: none;
                line-height: 1.5 !important;
                margin-bottom: 6px !important;
                padding-top: 0 !important;
            }
            .hbapi-card-body--form > .row.hbapi-form-row:not(.hbapi-form-row--actions) > [class*="col-"],
            #hbapiOvTopFields > .row.hbapi-form-row:not(.hbapi-form-row--actions) > [class*="col-"],
            #hbapiPanelDomestic > .row.hbapi-form-row:not(.hbapi-form-row--actions) > [class*="col-"],
            #hbapiPanelDomestic .hbapi-dom-auth-section > .row.hbapi-form-row > [class*="col-"],
            #hbapiPanelDomestic .hbapi-dom-auth-section > .row.hbapi-dom-auth-tip-row > [class*="col-"],
            .hbapi-ov-panel > .row.hbapi-form-row:not(.hbapi-form-row--actions) > [class*="col-"] {
                flex: 1 1 100%;
            }
            .hbapi-card-body--form > .row.hbapi-form-row.hbapi-url-wrap > label.control-label,
            #hbapiPanelDomestic > .row.hbapi-form-row.hbapi-url-wrap > label.control-label,
            .hbapi-ov-panel > .row.hbapi-form-row.hbapi-url-wrap > label.control-label {
                padding-top: 0 !important;
            }
        }
        .hbapi-form-row label.control-label {
            font-weight: 600;
            color: rgba(0,0,0,.65);
            padding-top: 0;
            margin-bottom: 0;
            font-size: 14px;
            line-height: 32px;
        }
        .hbapi-form-row.hbapi-url-wrap label.control-label {
            line-height: 1.5715;
            padding-top: 6px;
        }
        .hbapi-form-row.hbapi-form-row--tip label.control-label {
            line-height: 1.5;
            padding-top: 4px;
        }

        /* ########## 这里已修复！不再报 CS0103 ########## */
        .hbapi-page select.hbapi-select {
            height: 32px;
            padding: 2px 28px 2px 11px;
            font-size: 14px;
            line-height: 1.5715;
            color: rgba(0,0,0,.85);
            background-color: #fff;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='rgba(0,0,0,.45)' d='M2.2 4.3h7.6L6 9.7 2.2 4.3z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 11px center;
            background-size: 12px 12px;
            border: 1px solid #d9d9d9;
            border-radius: 6px;
            box-shadow: none;
            cursor: pointer;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            transition: border-color .2s, box-shadow .2s;
        }
        .hbapi-page select.hbapi-select::-ms-expand {
            display: none;
        }
        .hbapi-page select.hbapi-select:hover {
            border-color: #0fbbd8;
        }
        .hbapi-page select.hbapi-select:focus {
            border-color: #067db2;
            outline: 0;
            box-shadow: 0 0 0 2px rgba(6, 125, 178, .18);
        }
        .hbapi-form-row .hbapi-field-wrap {
            width: 100%;
            max-width: 440px;
            box-sizing: border-box;
        }
        .hbapi-field-wrap > select.hbapi-select {
            display: block;
            width: 100%;
            max-width: 100%;
        }
        .hbapi-field-wrap > select.hbapi-select + select.hbapi-select {
            margin-top: 6px;
        }
        .hbapi-card-body--form .hbapi-field-wrap:not(.hbapi-field-wrap--radios):not(.hbapi-field-wrap--action-btns):not(.hbapi-ov-geo-pickers-wrap):not(.hbapi-ov-geo-wrap):not(.hbapi-field-wrap--qty-stepper):not(.hbapi-field-wrap--ov-white) {
            display: flex;
            flex-wrap: nowrap;
            align-items: stretch;
            gap: 8px;
            overflow-x: auto;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
        }
        .hbapi-card-body--form .hbapi-field-wrap:not(.hbapi-field-wrap--radios):not(.hbapi-field-wrap--action-btns):not(.hbapi-ov-geo-pickers-wrap):not(.hbapi-ov-geo-wrap):not(.hbapi-field-wrap--qty-stepper) > select.hbapi-select {
            flex: 1 1 auto;
            min-width: 120px;
            width: auto !important;
            max-width: none !important;
        }
        .hbapi-card-body--form .hbapi-field-wrap:not(.hbapi-field-wrap--radios):not(.hbapi-field-wrap--action-btns):not(.hbapi-ov-geo-pickers-wrap):not(.hbapi-ov-geo-wrap):not(.hbapi-field-wrap--qty-stepper) > .hbapi-stepper {
            flex: 0 0 auto;
            min-width: 200px;
        }
        .hbapi-field-wrap.hbapi-field-wrap--qty-stepper {
            display: block;
            width: 100%;
            max-width: 440px;
        }
        .hbapi-qty-align-row.hbapi-pill-group--3col {
            width: 100%;
            max-width: 440px;
        }
        .hbapi-qty-align-row__slot {
            grid-column: 1 / 3;
            width: 100%;
            max-width: 100%;
            min-width: 0;
        }
        .hbapi-qty-align-row__slot .hbapi-stepper.hbapi-stepper--qty {
            width: 100%;
            max-width: 100%;
            min-width: 0;
        }
        .hbapi-stepper--qty > .form-control {
            min-width: 48px !important;
        }
        .hbapi-card-body--form .hbapi-field-wrap > select.hbapi-select + select.hbapi-select {
            margin-top: 0;
        }
        .hbapi-field-wrap .hbapi-stepper {
            max-width: 100%;
        }
        .hbapi-field-wrap.hbapi-field-wrap--radios {
            max-width: 440px;
            width: 100%;
            overflow-x: auto;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
            box-sizing: border-box;
        }
        .hbapi-field-wrap.hbapi-field-wrap--ov-white {
            max-width: none;
            width: 100%;
            overflow: visible;
            box-sizing: border-box;
        }
        .hbapi-form-row--ov-white > [class*="col-"] {
            overflow: visible;
        }
        .hbapi-field-wrap.hbapi-field-wrap--action-btns {
            max-width: none;
            width: auto;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 8px;
        }
        .hbapi-form-row.hbapi-form-row--tip .col-md-10,
        .hbapi-form-row.hbapi-form-row--tip .col-xs-12,
        .hbapi-form-row.hbapi-form-row--actions .hbapi-actions {
            text-align: left;
        }
        .hbapi-stepper {
            display: flex !important;
            flex-direction: row !important;
            flex-wrap: nowrap !important;
            align-items: stretch !important;
            width: 100%;
            max-width: 100%;
            border: 1px solid #d9d9d9;
            border-radius: 6px;
            overflow: hidden;
            box-sizing: border-box;
        }
        .hbapi-stepper > .input-group-addon {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            float: none !important;
            width: 36px !important;
            min-width: 36px !important;
            padding: 0 !important;
            margin: 0 !important;
            vertical-align: middle !important;
            border: none !important;
            border-radius: 0 !important;
        }
        .hbapi-stepper .hbapi-stepper-btn,
        .hbapi-stepper > .input-group-addon.hbapi-stepper-btn {
            background: #fafafa;
            cursor: pointer;
            font-size: 16px;
            line-height: 1;
            flex-shrink: 0;
            transition: background 0.2s ease;
        }
        .hbapi-stepper .hbapi-stepper-btn:hover,
        .hbapi-stepper > .input-group-addon:hover {
            background: #dee2e6;
        }
        .hbapi-stepper > .form-control {
            float: none !important;
            flex: 1 1 0 !important;
            width: auto !important;
            max-width: none !important;
            min-width: 56px !important;
            height: 32px !important;
            border: none !important;
            box-shadow: none !important;
            text-align: center;
            border-radius: 0 !important;
        }
        .hbapi-stepper > .form-control:disabled {
            background: #fff;
            color: #333;
            cursor: not-allowed;
        }
        .hbapi-stepper:has(> .form-control:disabled) > .hbapi-stepper-btn,
        .hbapi-stepper:has(> .form-control:disabled) > .input-group-addon.hbapi-stepper-btn {
            pointer-events: none;
            opacity: 0.55;
            cursor: not-allowed;
        }
        .hbapi-radio-group {
            display: flex;
            align-items: center;
            flex-wrap: nowrap;
            gap: 8px 12px;
            min-height: 32px;
            width: max-content;
            max-width: none;
        }
        .hbapi-radio-item {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            margin: 0 !important;
            font-weight: normal;
            flex-shrink: 0;
            white-space: nowrap;
        }
        .hbapi-radio-group .hbapi-radio-item.radio-inline {
            float: none !important;
            display: inline-flex !important;
            margin-left: 0 !important;
            padding-top: 0 !important;
        }
        .hbapi-radio-item input[type="radio"] {
            margin: 0;
            flex-shrink: 0;
            accent-color: #067db2;
        }
        .hbapi-radio-item input[type="checkbox"] {
            margin: 0;
            flex-shrink: 0;
            accent-color: #067db2;
        }
        /* 属性信息：行内原生控件，可换行 */
        .hbapi-radio-group.hbapi-radio-group--wrap {
            flex-wrap: wrap;
            width: 100%;
            max-width: 100%;
            row-gap: 6px;
            column-gap: 12px;
            align-items: center;
            min-height: 0;
        }
        /* 分隔符：单行，占满右侧列宽（不换行；过窄时横向滚动） */
        .hbapi-field-wrap.hbapi-field-wrap--radios.hbapi-field-wrap--split-row {
            max-width: none;
        }

        /* 按钮式单选 / 多选（选中高亮，未选中浅底边框） */
        .hbapi-pill-group {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 6px 8px;
            min-height: 32px;
            width: 100%;
            max-width: 100%;
        }
        /* 固定三列：选项不足时右侧留空，各行对齐 */
        .hbapi-pill-group.hbapi-pill-group--3col {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 6px 8px;
            align-items: stretch;
            min-height: 32px;
            width: 100%;
            max-width: 100%;
        }
        .hbapi-pill-group.hbapi-pill-group--3col .hbapi-pill {
            display: block;
            width: 100%;
            min-width: 0;
        }
        .hbapi-pill-group.hbapi-pill-group--3col .hbapi-pill .hbapi-pill-text {
            width: 100%;
            box-sizing: border-box;
            justify-content: center;
            text-align: center;
            min-height: 32px;
            white-space: normal;
            padding: 5px 8px;
            line-height: 1.35;
        }
        .hbapi-split-custom-wrap {
            display: none;
            margin-top: 6px;
            max-width: 440px;
            width: 100%;
            box-sizing: border-box;
        }
        .hbapi-split-custom-wrap.is-visible {
            display: block;
        }
        .hbapi-split-custom-label {
            display: block;
            margin-bottom: 6px;
            font-size: 13px;
            color: rgba(0, 0, 0, .58);
            line-height: 1.5;
        }
        .hbapi-split-custom-wrap .hbapi-split-other-input {
            width: 100%;
            display: block;
            height: 32px;
            padding: 4px 11px;
            font-size: 14px;
            line-height: 1.5715;
            border: 1px solid #d9d9d9;
            border-radius: 6px;
            box-sizing: border-box;
            text-align: center;
            color: rgba(0, 0, 0, .85);
            background: #fff;
            transition: border-color 0.2s ease, box-shadow 0.2s ease;
        }
        .hbapi-split-custom-wrap .hbapi-split-other-input:hover {
            border-color: #67c5dd;
        }
        .hbapi-split-custom-wrap .hbapi-split-other-input:focus {
            border-color: #067db2;
            outline: 0;
            box-shadow: 0 0 0 2px rgba(6, 125, 178, 0.15);
        }
        .hbapi-pill {
            position: relative;
            display: inline-block;
            margin: 0 !important;
            padding: 0;
            cursor: pointer;
            font-weight: normal;
            vertical-align: middle;
            user-select: none;
        }
        .hbapi-pill > input[type="radio"],
        .hbapi-pill > input[type="checkbox"] {
            position: absolute;
            opacity: 0;
            width: 0;
            height: 0;
            margin: 0;
            pointer-events: none;
        }
        .hbapi-pill .hbapi-pill-text {
            display: inline-flex;
            align-items: center;
            padding: 5px 12px;
            font-size: 14px;
            line-height: 1.5715;
            color: rgba(0, 0, 0, .72);
            background: #fff;
            border: 1px solid #d9d9d9;
            border-radius: 6px;
            transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
            white-space: nowrap;
        }
        /* 未选中不显示图标；仅选中显示 ✓ */
        .hbapi-pill .hbapi-pill-text::before {
            content: none;
            display: none;
            width: 0;
            margin: 0;
        }
        .hbapi-pill:has(input:checked) .hbapi-pill-text::before {
            content: "\2713";
            display: inline-block;
            width: auto;
            font-size: 13px;
            font-weight: 700;
            line-height: 1;
            margin-right: 6px;
            flex-shrink: 0;
            color: #067db2;
            transition: color 0.15s ease;
        }
        .hbapi-pill:has(input:checked):hover .hbapi-pill-text::before {
            color: #056994;
        }
        .hbapi-pill:hover .hbapi-pill-text {
            border-color: #67c5dd;
            color: #067db2;
        }
        .hbapi-pill:has(input:checked) .hbapi-pill-text {
            background: #fff;
            border: 1px solid #d9d9d9;
            color: #067db2;
            box-shadow: none;
        }
        .hbapi-pill:has(input:focus-visible) .hbapi-pill-text {
            box-shadow: 0 0 0 2px rgba(6, 125, 178, 0.28);
        }
        .hbapi-pill:has(input:checked):has(input:focus-visible) .hbapi-pill-text {
            box-shadow: 0 0 0 2px rgba(6, 125, 178, 0.38);
        }
        .hbapi-pill:has(input:checked):hover .hbapi-pill-text {
            background: #fff;
            border: 1px solid #d9d9d9;
            color: #056994;
        }

        .hbapi-actions {
            margin-top: 4px;
            margin-bottom: 0.75rem;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
            justify-content: flex-start;
        }
        .hbapi-act-primary,
        .hbapi-act-secondary,
        .hbapi-actions .hbapi-act-primary,
        .hbapi-actions .hbapi-act-secondary {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
            min-width: 140px;
            height: 32px;
            min-height: 32px;
            max-height: 32px;
            padding: 0 16px;
            border-radius: 6px;
            font-size: 14px;
            line-height: 1;
            cursor: pointer;
            white-space: nowrap;
            flex-shrink: 0;
            transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, border-color 0.15s ease;
        }
        .hbapi-act-primary,
        .hbapi-actions .hbapi-act-primary {
            background: linear-gradient(to right, #0fbbd8, #067db2);
            color: #fff;
            border: 1px solid #067db2;
            box-shadow: 0 2px 0 rgba(0,0,0,.02);
        }
        .hbapi-act-primary:hover:not([disabled]),
        .hbapi-actions .hbapi-act-primary:hover:not([disabled]) {
            background: linear-gradient(to right, #0ca8c4, #056994);
            border-color: #056994;
            box-shadow: 0 4px 14px rgba(6, 125, 178, .38);
        }
        .hbapi-act-secondary,
        .hbapi-actions .hbapi-act-secondary {
            background: #fff;
            color: #333;
            border: 1px solid #d9d9d9;
        }
        .hbapi-act-secondary:hover,
        .hbapi-actions .hbapi-act-secondary:hover {
            background: #f8f9fa;
        }
        .hbapi-act-secondary.hbapi-act-copy,
        .hbapi-actions .hbapi-act-secondary.hbapi-act-copy {
            background: linear-gradient(180deg, #f5fcfe 0%, #e8f5fb 100%);
            color: #067db2;
            border: 2px solid #067db2;
            font-weight: 600;
            box-shadow: 0 2px 8px rgba(6, 125, 178, .18);
        }
        .hbapi-act-secondary.hbapi-act-copy:hover,
        .hbapi-actions .hbapi-act-secondary.hbapi-act-copy:hover {
            background: #dff3fb;
            border-color: #056994;
            color: #056994;
            box-shadow: 0 4px 12px rgba(6, 125, 178, .25);
        }
        .hbapi-actions span[disabled] {
            opacity: .45;
            cursor: not-allowed;
        }
        .hbapi-url-wrap {
            margin-bottom: 0.75rem;
        }
        .hbapi-form-row.hbapi-form-row--result {
            margin-bottom: 0;
            align-items: flex-start;
        }
        .hbapi-form-row.hbapi-form-row--result > [class*="col-"]:last-child {
            padding-bottom: 4px;
        }
        .hbapi-url-wrap textarea#result {
            width: 100%;
            min-height: calc(1.5em * 4 + 16px);
            border: 1px solid #d9d9d9;
            border-radius: 6px;
            padding: 8px 10px;
            font-size: 14px;
            line-height: 1.5;
            resize: vertical;
            background: #fafafa;
            color: rgba(0,0,0,.85);
        }
        .hbapi-card-doc .hbapi-card-header-dark {
            text-align: left;
            background: linear-gradient(to right, #0fbbd8, #067db2);
            color: #fff;
            font-weight: 600;
            padding: 6px 28px;
        }
        .hbapi-card-doc .hbapi-card-body.hbapi-doc {
            padding: 28px 28px 32px;
        }
        .hbapi-doc-tabs {
            display: flex;
            flex-wrap: wrap;
            gap: 4px 6px;
            margin: 0 0 22px;
            padding: 0;
            list-style: none;
            border-bottom: 1px solid #e9ecef;
        }
        .hbapi-doc-tab {
            margin: 0 0 -1px;
            padding: 10px 16px 12px;
            font-size: 14px;
            line-height: 1.4;
            color: rgba(0, 0, 0, .65);
            background: transparent;
            border: none !important;
            outline: none !important;
            box-shadow: none !important;
            border-bottom: 2px solid transparent !important;
            border-radius: 0;
            cursor: pointer;
            transition: color .2s, border-color .2s;
            font-family: inherit;
            -webkit-appearance: none;
            appearance: none;
        }
        .hbapi-doc-tab:hover {
            color: #067db2;
            background: transparent;
        }
        .hbapi-doc-tab:focus,
        .hbapi-doc-tab:active {
            outline: none !important;
            box-shadow: none !important;
            border: none !important;
            border-bottom: 2px solid transparent !important;
        }
        .hbapi-doc-tab.is-active {
            color: #067db2;
            font-weight: 600;
            border: none !important;
            border-bottom: 2px solid #067db2 !important;
            background: transparent;
            outline: none !important;
            box-shadow: none !important;
        }
        .hbapi-doc-tab.is-active:focus,
        .hbapi-doc-tab.is-active:active {
            border: none !important;
            border-bottom: 2px solid #067db2 !important;
        }
        @media (max-width: 576px) {
            .hbapi-doc-tab { padding: 8px 12px 10px; font-size: 13px; }
        }
        .hbapi-doc-subtabs {
            margin: 4px 0 16px;
            padding-bottom: 0;
        }
        .hbapi-doc-subtabs .hbapi-doc-subtab {
            font-size: 13px;
        }
        .hbapi-doc {
            color: #262626;
            text-align: left;
        }
        .hbapi-doc .hbapi-doc-variant {
            text-align: left;
        }
        .hbapi-doc-pre {
            margin: 8px 0 12px;
            text-align: left;
        }
        /* 返回示例 JSON / TXT：沿用原先浅色代码块 */
        .hbapi-ex-json-block .hbapi-doc-pre,
        .hbapi-ex-txt-block .hbapi-doc-pre,
        .hbapi-doc-pre.hbapi-doc-pre--classic {
            background: #f8f9fa;
            border: 1px solid #e9ecef;
            padding: 16px 18px;
            border-radius: 8px;
            overflow-x: auto;
            text-align: left;
            white-space: pre-wrap;
            word-break: break-all;
            font-family: Consolas, "Courier New", "SF Mono", Monaco, monospace;
            font-size: 13px;
            line-height: 1.55;
            color: #212529;
        }
        /* API 说明区其它代码块（如 curl）：IDE 深色样式 */
        .hbapi-shell .hbapi-doc-pre.hbapi-doc-pre--ide {
            position: relative;
            background: #1e1e1e !important;
            border: 1px solid #3c3c3c !important;
            border-radius: 6px;
            padding: 14px 16px 14px 3.6em !important;
            overflow: auto;
            max-height: 360px;
            white-space: pre !important;
            word-break: normal !important;
            word-wrap: normal !important;
            font-family: Consolas, "SF Mono", "Cascadia Code", "Courier New", monospace !important;
            font-size: 13px !important;
            line-height: 1.6 !important;
            color: #d4d4d4;
        }
        .hbapi-shell .hbapi-doc-pre.hbapi-doc-pre--ide > code {
            display: block;
            padding: 0 !important;
            margin: 0;
            background: transparent !important;
            border: none !important;
            font-family: inherit !important;
            font-size: inherit !important;
            line-height: inherit !important;
            color: inherit;
            white-space: pre !important;
            text-align: left !important;
        }
        .hbapi-shell .hbapi-doc-pre.hbapi-doc-pre--ide .token,
        .hbapi-shell .hbapi-doc-pre.hbapi-doc-pre--ide .tok-keyword,
        .hbapi-shell .hbapi-doc-pre.hbapi-doc-pre--ide .tok-string,
        .hbapi-shell .hbapi-doc-pre.hbapi-doc-pre--ide .tok-comment,
        .hbapi-shell .hbapi-doc-pre.hbapi-doc-pre--ide .tok-function,
        .hbapi-shell .hbapi-doc-pre.hbapi-doc-pre--ide .tok-number,
        .hbapi-shell .hbapi-doc-pre.hbapi-doc-pre--ide .tok-type {
            text-decoration: none !important;
            font-style: normal !important;
            background: transparent !important;
        }
        .hbapi-shell .hbapi-doc-pre.hbapi-doc-pre--ide .tok-keyword,
        .hbapi-shell .hbapi-doc-pre.hbapi-doc-pre--ide .token.keyword { color: #569cd6 !important; -webkit-text-fill-color: #569cd6 !important; }
        .hbapi-shell .hbapi-doc-pre.hbapi-doc-pre--ide .tok-string,
        .hbapi-shell .hbapi-doc-pre.hbapi-doc-pre--ide .token.string { color: #ce9178 !important; -webkit-text-fill-color: #ce9178 !important; }
        .hbapi-shell .hbapi-doc-pre.hbapi-doc-pre--ide .tok-comment,
        .hbapi-shell .hbapi-doc-pre.hbapi-doc-pre--ide .token.comment { color: #6a9955 !important; -webkit-text-fill-color: #6a9955 !important; }
        .hbapi-shell .hbapi-doc-pre.hbapi-doc-pre--ide .tok-function,
        .hbapi-shell .hbapi-doc-pre.hbapi-doc-pre--ide .token.function { color: #dcdcaa !important; -webkit-text-fill-color: #dcdcaa !important; }
        .hbapi-shell .hbapi-doc-pre.hbapi-doc-pre--ide .tok-number,
        .hbapi-shell .hbapi-doc-pre.hbapi-doc-pre--ide .token.number { color: #b5cea8 !important; -webkit-text-fill-color: #b5cea8 !important; }
        .hbapi-shell .hbapi-doc-pre.hbapi-doc-pre--ide .tok-type,
        .hbapi-shell .hbapi-doc-pre.hbapi-doc-pre--ide .token.class-name { color: #4ec9b0 !important; -webkit-text-fill-color: #4ec9b0 !important; }
        .hbapi-shell .hbapi-doc-pre.hbapi-doc-pre--ide.line-numbers .line-numbers-rows {
            position: absolute;
            pointer-events: none;
            top: 14px;
            left: 0;
            width: 3em;
            letter-spacing: -1px;
            border-right: 1px solid #3c3c3c;
            user-select: none;
            padding: 0 8px 0 0;
            text-align: right;
        }
        .hbapi-shell .hbapi-doc-pre.hbapi-doc-pre--ide .line-numbers-rows > span {
            display: block;
            counter-increment: linenumber;
            color: #858585;
            font-size: 12px;
            line-height: 1.6;
        }
        .hbapi-shell .hbapi-doc-pre.hbapi-doc-pre--ide .line-numbers-rows > span:before {
            content: counter(linenumber);
            display: block;
            padding-right: 0.8em;
        }
        .hbapi-shell .hbapi-doc-pre.hbapi-doc-pre--ide.line-numbers {
            counter-reset: linenumber;
        }
        .hbapi-doc .hbapi-ex-json-block .hbapi-doc-pre:last-child,
        .hbapi-doc .hbapi-ex-txt-block .hbapi-doc-pre:last-child {
            margin-bottom: 0;
        }
        .hbapi-doc h5 {
            font-size: 16px;
            font-weight: 600;
            margin-top: 26px;
            margin-bottom: 10px;
            color: #262626;
            letter-spacing: 0;
            text-align: left;
        }
        .hbapi-doc h5:first-child { margin-top: 0; }
        .hbapi-doc .hbapi-doc-pool {
            color: #595959;
            margin: 0 0 18px;
            font-size: 14px;
            line-height: 1.65;
            text-align: left;
        }
        .hbapi-doc .hbapi-doc-pool + h5 {
            margin-top: 0;
        }
        .hbapi-doc .hbapi-doc-caption {
            font-size: 12px;
            color: #8c8c8c;
            margin: 10px 0 6px;
            text-align: left;
        }
        .hbapi-doc .table-responsive {
            margin-top: 4px;
            margin-bottom: 4px;
            border-radius: 8px;
            overflow: hidden;
            border: 1px solid #e9ecef;
        }
        .hbapi-doc .table { margin-bottom: 0; font-size: 14px; }
        .hbapi-doc .table-bordered {
            border: none !important;
            margin-bottom: 0;
        }
        .hbapi-doc .table-bordered > thead > tr > th {
            background: #f1f3f5 !important;
            font-weight: 600;
            color: #262626;
            border-color: #e9ecef !important;
            padding: 11px 14px;
            vertical-align: middle;
            text-align: left;
        }
        .hbapi-doc .table-bordered > tbody > tr > td {
            border-color: #e9ecef !important;
            padding: 10px 14px;
            vertical-align: top;
            background: #fff;
            text-align: left;
        }
        /* 四套餐「请求参数」三列表格列宽统一（切换 Tab 时视觉一致） */
        .hbapi-doc .hbapi-doc-paramtbl {
            table-layout: fixed;
            width: 100%;
        }
        .hbapi-doc .hbapi-doc-paramtbl thead th:nth-child(1),
        .hbapi-doc .hbapi-doc-paramtbl tbody td:nth-child(1) {
            width: 12%;
        }
        .hbapi-doc .hbapi-doc-paramtbl thead th:nth-child(2),
        .hbapi-doc .hbapi-doc-paramtbl tbody td:nth-child(2) {
            width: 13%;
        }
        .hbapi-doc .hbapi-doc-paramtbl thead th:nth-child(3),
        .hbapi-doc .hbapi-doc-paramtbl tbody td:nth-child(3) {
            width: 75%;
        }
        .hbapi-doc .hbapi-doc-paramtbl tbody td:nth-child(3) {
            word-break: break-word;
        }
        .hbapi-doc .hbapi-doc-codetbl {
            table-layout: fixed;
            width: 100%;
        }
        .hbapi-doc .hbapi-doc-codetbl thead th:nth-child(1),
        .hbapi-doc .hbapi-doc-codetbl tbody td:nth-child(1) {
            width: 18%;
        }
        .hbapi-doc .hbapi-doc-codetbl thead th:nth-child(2),
        .hbapi-doc .hbapi-doc-codetbl tbody td:nth-child(2) {
            width: 82%;
        }
        .hbapi-doc .hbapi-doc-url {
            color: #e83e8c;
            font-size: 14px;
            font-weight: 500;
            word-break: break-all;
        }
        .hbapi-doc p.hbapi-doc-line { margin: 8px 0; font-size: 14px; line-height: 1.65; color: #262626; }
        .hbapi-doc .badge-get {
            display: inline-block;
            background: #28a745;
            color: #fff;
            padding: 3px 12px;
            border-radius: 14px;
            font-size: 12px;
            font-weight: 600;
            vertical-align: middle;
            letter-spacing: .03em;
            line-height: 1.35;
            border: none;
            box-shadow: none;
        }
        .hbapi-doc h5.hbapi-doc-errtitle {
            background: transparent;
            color: #262626;
            padding: 0;
            border-radius: 0;
            margin-top: 28px;
            margin-bottom: 10px;
            font-size: 16px;
            font-weight: 600;
            text-align: left;
        }
        .hbapi-doc ul.hbapi-doc-errlist {
            margin: 6px 0 0;
            padding-left: 20px;
            list-style: disc;
            color: #262626;
            font-size: 14px;
            line-height: 1.75;
            text-align: left;
        }
        .hbapi-doc ul.hbapi-doc-errlist li { margin-bottom: 6px; padding-left: 2px; }
        .hbapi-doc p.hbapi-doc-limit {
            margin-top: 10px;
            font-size: 14px;
            color: rgba(0,0,0,.88);
            line-height: 1.75;
            text-align: left;
        }
        .hbapi-doc .hbapi-doc-footnote {
            font-size: 12px;
            color: #8c8c8c;
            margin-top: 22px;
            padding-top: 16px;
            border-top: 1px solid #f0f0f0;
            line-height: 1.65;
            text-align: left;
        }
        .hbapi-doc .hbapi-ex-json-block,
        .hbapi-doc .hbapi-ex-txt-block {
            display: block;
            margin-top: 4px;
        }
        .hbapi-whitelist-tools {
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            gap: 8px;
            min-height: 32px;
            width: max-content;
            max-width: none;
        }
        .hbapi-whitelist-tools .IPwhiteType_Sel {
            display: flex;
            align-items: center;
            margin: 0;
            padding: 0;
            flex-shrink: 0;
        }
        .hbapi-whitelist-tools .WhiteIP {
            flex-shrink: 0;
        }
        .hbapi-whitelist-tools.hbapi-whitelist-tools--ov {
            flex-wrap: nowrap;
            align-items: center;
            max-width: none;
            width: 100%;
            overflow: visible;
        }
        .hbapi-whitelist-tools--ov .hbapi-ov-white-tip {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            flex-shrink: 0;
            white-space: nowrap;
            font-size: 14px;
            line-height: 1.5;
            color: rgba(6, 125, 178, .95);
        }
        .hbapi-whitelist-tools--ov .hbapi-ov-white-tip img {
            flex-shrink: 0;
        }
        .hbapi-whitelist-tools--ov .hbapi-dom-white-toggle {
            flex-shrink: 0;
        }
        .hbapi-whitelist-tools--ov .hbapi-dom-white-toggle .ov-whitelist-toggle-item {
            float: none;
        }
        #dvWhiteInfo .dvInfo {
            display: inline-flex;
            align-items: flex-start;
            gap: 8px;
            text-align: left;
        }
        .IPwhiteType,.IPwhiteNum,.IPwhiteNr{clear:both;margin-top:6px; height:32px;}
        .IPwhiteText{font-size:14px; width:120px;height:32px; line-height:32px;color:#999; float:left;}
        .IPwhiteType_Sel{width:auto; min-height:32px; border-radius:4px; float:none; list-style:none; padding:0; margin:0; overflow:hidden;}
        .TypeYesNo{ width:50px; height:32px; text-align:center; line-height:32px; font-size:14px; color:#666; background:#fff; float:none; cursor:pointer; border:1px solid #dee2e6;}
        .TypeYesNo.on{background:#44bfa2; color:#fff; border-color:#3daa8f;}
        .WhiteIP{ min-width:120px; height:32px; text-align:center; line-height:32px; font-size:14px; color:#067db2; margin-left:0; background:#fff; float:none; cursor:pointer; border:1px dashed #067db2; border-radius:6px; padding:0 10px;}
        .dvInfo { color: rgba(6, 125, 178, .95); }
        .dvInfo i{ display:block; font-style:normal;width:16px; height:16px; position:absolute;left:10px; top:8px;background-color:cornsilk;background:url(/images/yiwen.png) center no-repeat; background-size:100%; cursor:pointer;}

        /* 海外套餐：生成方式 */
        .hbapi-card-body--form > #hbapiOvModeBar.hbapi-form-row {
            margin-bottom: 20px;
        }
        .hbapi-ov-panel > .row.hbapi-form-row:not(.hbapi-form-row--result):not(.hbapi-form-row--actions) {
            margin-bottom: 20px;
        }
        .hbapi-ov-geo-wrap {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            gap: 16px;
            max-width: 440px;
            width: 100%;
            box-sizing: border-box;
        }
        .hbapi-ov-geo-pickers-wrap {
            display: none;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            column-gap: 8px;
            row-gap: 0;
            width: 100%;
            max-width: 440px;
            box-sizing: border-box;
        }
        .hbapi-ov-geo-pickers-wrap.is-visible {
            display: block;
        }
        .hbapi-ov-geo-pickers-wrap > select.hbapi-select {
            display: block;
            width: 100% !important;
            min-width: 0 !important;
            max-width: 100% !important;
            margin: 0 !important;
            box-sizing: border-box;
        }
        .hbapi-ov-geo-layform {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            column-gap: 8px;
            width: 100%;
            max-width: 440px;
            box-sizing: border-box;
        }
        .hbapi-ov-geo-pickers-wrap--country {
            display: block;
            max-width: 440px;
        }
        .hbapi-ov-geo-layform--country {
            grid-template-columns: minmax(0, 1fr);
        }
        .hbapi-ov-whiteip-anchor {
            display: none;
        }
        .hbapi-ov-geo-no-autofill {
            margin: 0;
            padding: 0;
            border: 0;
        }
        .hbapi-ov-geo-pickers-wrap .layui-form-select {
            width: 100%;
            margin: 0;
            min-width: 0;
        }
        .hbapi-shell .hbapi-ov-geo-pickers-wrap .layui-form-select .layui-select-title > input.layui-input {
            height: 32px;
            line-height: 32px;
            border-radius: 6px;
            border-color: #d9d9d9;
            text-align: left;
            padding-left: 11px;
            padding-right: 30px;
            color: #067db2 !important;
            -webkit-text-fill-color: #067db2 !important;
        }
        .hbapi-shell .hbapi-ov-geo-pickers-wrap .layui-form-select.hbapi-geo-is-placeholder .layui-select-title > input.layui-input {
            color: rgba(0, 0, 0, .45) !important;
            -webkit-text-fill-color: rgba(0, 0, 0, .45) !important;
        }
        .hbapi-ov-geo-pickers-wrap .layui-form-select.layui-form-selected .layui-select-title > input.layui-input,
        .hbapi-ov-geo-pickers-wrap .layui-form-select .layui-select-title > input.layui-input:focus {
            border-color: #067db2 !important;
        }
        .hbapi-ov-geo-pickers-wrap .layui-form-select .layui-edge {
            border-top-color: #067db2;
        }
        .hbapi-ov-geo-pickers-wrap .layui-form-select dl {
            max-height: 260px;
            text-align: left;
        }
        .hbapi-ov-geo-pickers-wrap .layui-form-select dl dd {
            text-align: left;
        }
        .hbapi-ov-geo-pickers-wrap .layui-form-select dl dd:hover {
            background-color: #f5fbfd;
        }
        .hbapi-ov-geo-pickers-wrap .layui-form-select dl dd.layui-this {
            background-color: #f0faf8 !important;
            color: #067db2 !important;
            font-weight: 500;
        }
        .hbapi-ov-geo-pickers-wrap .layui-form-select dl dd.layui-select-tips {
            padding: 6px 10px;
            text-align: left;
        }
        .hbapi-ov-geo-pickers-wrap .layui-form-select dl dd.layui-select-tips .layui-input {
            text-align: left;
            height: 30px;
            line-height: 30px;
            border-color: #d9d9d9;
        }
        .hbapi-ov-geo-pickers-wrap .layui-form-select dl dd.layui-select-tips .layui-input:focus {
            border-color: #067db2 !important;
        }
        @media (max-width: 767px) {
            .hbapi-ov-geo-layform {
                grid-template-columns: 1fr;
                row-gap: 8px;
            }
        }
        .hbapi-field-wrap.hbapi-field-wrap--pair {
            display: flex;
            flex-wrap: nowrap;
            gap: 8px;
            max-width: 440px;
            width: 100%;
        }
        .hbapi-field-wrap.hbapi-field-wrap--pair > select.hbapi-select {
            flex: 1 1 0;
            min-width: 120px;
        }
        .hbapi-field-wrap .hbapi-ov-readonly-input {
            display: block;
            width: 100%;
            max-width: 100%;
        }
        .hbapi-ov-readonly-input {
            width: 100%;
            height: 32px;
            padding: 4px 11px;
            font-size: 14px;
            line-height: 1.5715;
            color: rgba(0,0,0,.85);
            background: #f5f7fa;
            border: 1px solid #e8e8e8;
            border-radius: 6px;
            box-sizing: border-box;
        }
        .hbapi-ov-cmd-row {
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            gap: 8px;
            width: 100%;
            max-width: 100%;
        }
        .hbapi-ov-cmd-input {
            flex: 1 1 auto;
            min-width: 0;
        }
        .hbapi-ov-cmd-row .hbapi-act-secondary,
        .hbapi-ov-cmd-row .hbapi-act-primary {
            flex-shrink: 0;
            white-space: nowrap;
        }
        .hbapi-field-wrap.hbapi-field-wrap--tunnel-inline {
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            gap: 8px;
            width: 100%;
            max-width: none;
        }
        .hbapi-card-body--form .hbapi-field-wrap.hbapi-field-wrap--tunnel-inline > .hbapi-stepper {
            flex: 0 0 80px;
            min-width: 80px;
            max-width: 80px;
        }
        .hbapi-field-wrap--tunnel-inline .hbapi-stepper.hbapi-stepper--compact {
            flex: 0 0 80px;
            width: 80px;
            min-width: 80px;
            max-width: 80px;
            height: 32px;
            min-height: 32px;
            max-height: 32px;
        }
        .hbapi-field-wrap--tunnel-inline .hbapi-stepper.hbapi-stepper--compact > .input-group-addon {
            width: 26px !important;
            min-width: 26px !important;
            height: 32px;
            min-height: 32px;
        }
        .hbapi-field-wrap--tunnel-inline .hbapi-stepper.hbapi-stepper--compact > .form-control {
            height: 32px !important;
            min-height: 32px !important;
            max-height: 32px !important;
            min-width: 24px !important;
            padding-top: 0;
            padding-bottom: 0;
        }
        .hbapi-tunnel-inline-label {
            flex: 0 0 auto;
            font-size: 14px;
            font-weight: 600;
            color: rgba(0, 0, 0, .65);
            white-space: nowrap;
            line-height: 32px;
        }
        .hbapi-field-wrap--tunnel-inline > select.hbapi-select {
            flex: 1 1 0;
            min-width: 0;
            width: auto;
            max-width: none;
            height: 32px;
        }
        @media (max-width: 767px) {
            .hbapi-field-wrap.hbapi-field-wrap--tunnel-inline {
                flex-wrap: wrap;
            }
            .hbapi-field-wrap--tunnel-inline > select.hbapi-select {
                flex: 1 1 100%;
            }
        }
        #ovExtractResult, #ovTunnelResult {
            display: block;
            width: 100%;
            box-sizing: border-box;
            min-height: calc(1.5em * 4 + 16px);
            margin-bottom: 0;
            border: 1px solid #d9d9d9;
            border-radius: 6px;
            padding: 8px 10px 10px;
            font-size: 14px;
            line-height: 1.5;
            resize: vertical;
            background: #fafafa;
            color: rgba(0,0,0,.85);
        }
        .hbapi-ov-panel .hbapi-form-row.hbapi-form-row--result {
            margin-bottom: 0;
        }
        @media (max-width: 767px) {
            .hbapi-ov-cmd-row {
                flex-wrap: wrap;
            }
        }

        /* 白名单弹层：勿用 el-dialog__wrapper（全屏无底色会透底） */
        .hbapi-whiteip-tpl {
            background: #fff;
        }
        .layui-layer.hbapi-whiteip-layer {
            position: fixed !important;
            left: 50% !important;
            top: 50% !important;
            margin: 0 !important;
            transform: translate(-50%, -50%) !important;
            background: #fff !important;
            box-shadow: 0 4px 24px rgba(0, 0, 0, .15);
        }
        .layui-layer.hbapi-whiteip-layer .layui-layer-content {
            background: #fff;
            overflow: visible;
        }
        .layui-layer.hbapi-whiteip-layer .el-dialog__body,
        .layui-layer.hbapi-whiteip-layer .el-dialog__footer {
            background: #fff;
        }
        #AmendMode .el-textarea__inner {
            display: block;
            width: 100%;
            box-sizing: border-box;
            padding: 8px 10px;
            font-size: 14px;
            line-height: 1.5;
            color: rgba(0, 0, 0, .85);
            background: #fff;
            border: 1px solid #dcdfe6;
            border-radius: 4px;
            resize: vertical;
        }
        /* 隧道 — 会话类型：粘性时长步进器（外框 32px 含边框，内子项 30px，避免底边被 overflow 裁切） */
        .hbapi-ov-panel > .row.hbapi-form-row--session-type > [class*="col-"] {
            overflow: visible;
        }
        .hbapi-field-wrap.hbapi-field-wrap--radios.hbapi-field-wrap--session-type {
            max-width: none;
            width: 100%;
            overflow: visible !important;
        }
        .hbapi-field-wrap.hbapi-field-wrap--radios.hbapi-field-wrap--ov-ttl {
            max-width: 440px;
            width: 100%;
            overflow: visible !important;
        }
        .hbapi-field-wrap--session-type .hbapi-session-type-group {
            align-items: center;
            min-height: 34px;
            flex-wrap: wrap;
            row-gap: 8px;
            width: 100%;
            max-width: 100%;
            overflow: visible;
        }
        .hbapi-session-sticky-item {
            display: inline-flex !important;
            align-items: center;
            gap: 8px;
            flex-shrink: 0;
            overflow: visible;
        }
        .hbapi-session-mins-wrap {
            display: none;
            align-items: center;
            flex-shrink: 0;
            overflow: visible;
            padding-bottom: 1px;
        }
        .hbapi-session-mins-wrap.is-visible {
            display: inline-flex;
        }
        /* IP时效：与 IP去重 同宽三列网格，步进器在第三列紧跟「指定IP时效」 */
        .hbapi-ov-ttl-row {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 6px 8px;
            align-items: center;
            width: 100%;
            max-width: 440px;
            box-sizing: border-box;
        }
        .hbapi-ov-ttl-row > .hbapi-pill {
            display: block;
            width: 100%;
            min-width: 0;
        }
        .hbapi-ov-ttl-row > .hbapi-pill .hbapi-pill-text {
            width: 100%;
            box-sizing: border-box;
            justify-content: center;
            text-align: center;
            min-height: 32px;
            white-space: normal;
            padding: 5px 8px;
            line-height: 1.35;
        }
        .hbapi-ov-ttl-stepper-wrap {
            display: none;
            position: relative;
            align-items: stretch;
            min-width: 0;
            width: 100%;
            box-sizing: border-box;
        }
        .hbapi-ov-ttl-stepper-wrap.is-visible {
            display: block;
        }
        .hbapi-ov-ttl-hint {
            position: absolute;
            left: 100%;
            top: 50%;
            margin-left: 6px;
            transform: translateY(-50%);
            font-size: 13px;
            color: #8c8c8c;
            white-space: nowrap;
            line-height: 1;
            pointer-events: none;
        }
        .hbapi-ov-ttl-stepper-wrap .hbapi-stepper.hbapi-stepper--ttl {
            display: flex !important;
            width: 100%;
            min-width: 0;
            max-width: 100%;
            height: 32px;
            box-sizing: border-box;
        }
        .hbapi-stepper--ttl > .form-control {
            color: rgba(0, 0, 0, .85) !important;
            background: #fff !important;
            opacity: 1 !important;
            visibility: visible !important;
        }
        .hbapi-stepper.hbapi-stepper--session {
            flex: 0 0 auto;
            width: 118px;
            min-width: 118px;
            max-width: 118px;
            height: 32px;
            min-height: 32px;
            max-height: none;
            box-sizing: border-box;
            border: 1px solid #d9d9d9;
            border-radius: 6px;
            overflow: visible !important;
            vertical-align: middle;
        }
        .hbapi-stepper--session > .input-group-addon,
        .hbapi-stepper--session > .hbapi-stepper-btn {
            width: 32px !important;
            min-width: 32px !important;
            max-width: 32px !important;
            height: 30px !important;
            min-height: 30px !important;
            max-height: 30px !important;
            line-height: 28px !important;
            padding: 0 !important;
            margin: 0 !important;
            flex-shrink: 0;
            box-sizing: border-box;
            border: none !important;
            border-radius: 0 !important;
        }
        .hbapi-stepper--session > .form-control {
            flex: 1 1 0 !important;
            width: auto !important;
            height: 30px !important;
            min-height: 30px !important;
            max-height: 30px !important;
            min-width: 48px !important;
            padding: 0 4px !important;
            line-height: 28px !important;
            box-sizing: border-box;
            border: none !important;
            box-shadow: none !important;
        }

        /* 用户接入易代理代码 demo（海外隧道） */
        .hbapi-card-code-demo .hbapi-card-header {
            background: linear-gradient(to right, #0fbbd8, #067db2);
        }
        .hbapi-code-demo-body {
            padding-top: 18px;
        }
        .hbapi-code-demo-langs {
            display: flex;
            flex-wrap: wrap;
            gap: 0;
            border-bottom: 1px solid #e8e8e8;
            margin-bottom: 16px;
        }
        .hbapi-code-demo-lang {
            border: none !important;
            outline: none !important;
            box-shadow: none !important;
            background: transparent;
            padding: 10px 14px;
            font-size: 14px;
            color: rgba(0, 0, 0, .65);
            cursor: pointer;
            border-bottom: 2px solid transparent !important;
            margin-bottom: -1px;
            line-height: 1.4;
            -webkit-appearance: none;
            appearance: none;
        }
        .hbapi-code-demo-lang:hover {
            color: #067db2;
        }
        .hbapi-code-demo-lang:focus,
        .hbapi-code-demo-lang:active {
            outline: none !important;
            box-shadow: none !important;
            border: none !important;
            border-bottom: 2px solid transparent !important;
        }
        .hbapi-code-demo-lang.is-active {
            color: #067db2;
            font-weight: 600;
            border: none !important;
            border-bottom: 2px solid #067db2 !important;
            outline: none !important;
            box-shadow: none !important;
        }
        .hbapi-code-demo-lang.is-active:focus,
        .hbapi-code-demo-lang.is-active:active {
            border: none !important;
            border-bottom: 2px solid #067db2 !important;
        }
        .hbapi-icon-copy {
            display: block;
            width: 16px;
            height: 16px;
            pointer-events: none;
            flex-shrink: 0;
        }
        /* 用户接入代码 demo：浅色标题栏 + 左侧语言 / 右侧复制 */
        .hbapi-ide-editor--demo {
            border-radius: 8px;
            overflow: hidden;
            border: 1px solid #e8e8e8;
            background: #fff;
            text-align: left;
            box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
        }
        .hbapi-ide-editor--demo .hbapi-ide-titlebar--demo {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 10px 14px;
            background: #fafafa;
            border-bottom: 1px solid #e8e8e8;
            user-select: none;
        }
        .hbapi-ide-lang-badge {
            display: inline-block;
            padding: 4px 14px;
            font-size: 13px;
            line-height: 1.4;
            color: #262626;
            font-weight: 500;
            background: #fff;
            border: 1px solid #d9d9d9;
            border-radius: 4px;
        }
        .hbapi-ide-titlebar-actions {
            display: inline-flex;
            align-items: center;
            gap: 14px;
        }
        .hbapi-ide-copy-btn {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 4px 8px;
            margin: 0;
            border: none;
            border-radius: 4px;
            background: transparent;
            color: rgba(0, 0, 0, .65);
            font-size: 14px;
            line-height: 1;
            cursor: pointer;
            transition: color .2s, background .2s;
        }
        .hbapi-ide-copy-btn:hover {
            color: #067db2;
            background: rgba(6, 125, 178, .06);
        }
        .hbapi-ide-copy-btn:focus {
            outline: none;
        }
        .hbapi-ide-copy-btn:focus-visible {
            outline: 2px solid rgba(6, 125, 178, .35);
            outline-offset: 2px;
        }
        .hbapi-ide-editor--demo .hbapi-code-demo-download {
            font-size: 14px;
            color: #067db2;
            text-decoration: none;
        }
        .hbapi-ide-editor--demo .hbapi-code-demo-download:hover {
            color: #0fbbd8;
            text-decoration: none;
        }
        .hbapi-ide-editor--demo .hbapi-ide-viewport {
            max-height: 400px;
            overflow: auto;
            background: #f8f9fa;
        }
        .hbapi-shell .hbapi-ide-editor--demo pre.hbapi-ide-pre {
            background: #f8f9fa !important;
            color: #262626;
            overflow-x: auto;
        }
        .hbapi-shell .hbapi-ide-editor--demo .line-numbers .line-numbers-rows {
            border-right-color: #e8e8e8;
        }
        .hbapi-shell .hbapi-ide-editor--demo .line-numbers-rows > span {
            color: #bfbfbf;
        }
        /* 文档区 curl 等：深色 IDE（与 demo 区分） */
        .hbapi-ide-editor:not(.hbapi-ide-editor--demo) {
            border-radius: 8px;
            overflow: hidden;
            border: 1px solid #3c3c3c;
            background: #1e1e1e;
            text-align: left;
            box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
        }
        .hbapi-ide-titlebar:not(.hbapi-ide-titlebar--demo) {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 8px 14px;
            background: #2d2d2d;
            border-bottom: 1px solid #1e1e1e;
        }
        .hbapi-ide-editor:not(.hbapi-ide-editor--demo) .hbapi-ide-viewport {
            max-height: 400px;
            overflow: auto;
            background: #1e1e1e;
        }
        .hbapi-shell .hbapi-ide-editor pre.hbapi-ide-pre,
        .hbapi-shell .hbapi-ide-editor pre.hbapi-ide-pre code {
            margin: 0 !important;
            text-align: left !important;
            text-decoration: none !important;
            font-family: Consolas, "SF Mono", "Cascadia Code", "Courier New", monospace !important;
            font-size: 13px !important;
            line-height: 1.6 !important;
            tab-size: 4;
            -moz-tab-size: 4;
            background: transparent !important;
            border: none !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            white-space: pre !important;
            word-break: normal !important;
            word-wrap: normal !important;
        }
        .hbapi-shell .hbapi-ide-editor pre.hbapi-ide-pre {
            padding: 14px 16px 14px 3.6em !important;
            min-height: 120px;
            color: #d4d4d4;
            background: #1e1e1e !important;
        }
        .hbapi-shell .hbapi-ide-editor pre.hbapi-ide-pre code {
            display: block;
            padding: 0 !important;
            color: #d4d4d4;
            background: transparent !important;
        }
        .hbapi-shell .hbapi-ide-editor .token,
        .hbapi-shell .hbapi-ide-editor .token * {
            text-decoration: none !important;
            font-style: normal !important;
            background: transparent !important;
        }
        /* 语法高亮（内置 tok-*，兼容 Prism token-*） */
        .hbapi-shell .hbapi-ide-editor .tok-comment,
        .hbapi-shell .hbapi-ide-editor .token.comment {
            color: #6a9955 !important;
            -webkit-text-fill-color: #6a9955 !important;
        }
        .hbapi-shell .hbapi-ide-editor .tok-keyword,
        .hbapi-shell .hbapi-ide-editor .token.keyword {
            color: #569cd6 !important;
            -webkit-text-fill-color: #569cd6 !important;
        }
        .hbapi-shell .hbapi-ide-editor .tok-string,
        .hbapi-shell .hbapi-ide-editor .token.string {
            color: #ce9178 !important;
            -webkit-text-fill-color: #ce9178 !important;
        }
        .hbapi-shell .hbapi-ide-editor .tok-function,
        .hbapi-shell .hbapi-ide-editor .token.function {
            color: #dcdcaa !important;
            -webkit-text-fill-color: #dcdcaa !important;
        }
        .hbapi-shell .hbapi-ide-editor .tok-number,
        .hbapi-shell .hbapi-ide-editor .token.number {
            color: #b5cea8 !important;
            -webkit-text-fill-color: #b5cea8 !important;
        }
        .hbapi-shell .hbapi-ide-editor .tok-type,
        .hbapi-shell .hbapi-ide-editor .token.class-name {
            color: #4ec9b0 !important;
            -webkit-text-fill-color: #4ec9b0 !important;
        }
        .hbapi-shell .hbapi-ide-editor pre.line-numbers {
            position: relative;
            padding-left: 3.6em !important;
            counter-reset: linenumber;
        }
        .hbapi-shell .hbapi-ide-editor pre.line-numbers > code {
            position: relative;
            white-space: inherit;
        }
        .hbapi-shell .hbapi-ide-editor .line-numbers .line-numbers-rows {
            position: absolute;
            pointer-events: none;
            top: 14px;
            left: 0;
            width: 3em;
            letter-spacing: -1px;
            border-right: 1px solid #3c3c3c;
            user-select: none;
            padding: 0 8px 0 0;
            text-align: right;
        }
        .hbapi-shell .hbapi-ide-editor .line-numbers-rows > span {
            display: block;
            counter-increment: linenumber;
            color: #858585;
            font-size: 13px;
            line-height: 1.6;
            min-height: 1.6em;
            text-decoration: none !important;
        }
        .hbapi-shell .hbapi-ide-editor .line-numbers-rows > span:before {
            content: counter(linenumber);
            display: block;
            padding-right: 0.8em;
        }
        .hbapi-shell .hbapi-ide-editor ::selection,
        .hbapi-shell .hbapi-ide-editor ::-moz-selection {
            background: #264f78;
            color: #fff;
        }
        .hbapi-code-demo-hint {
            margin: 10px 0 0;
            font-size: 13px;
            color: #8c8c8c;
            line-height: 1.5;
        }
        .hbapi-dom-auth-section {
            margin-top: 4px;
            padding-top: 16px;
            border-top: 1px dashed #e8e8e8;
        }
        .hbapi-dom-auth-section .hbapi-dom-auth-pass-row {
            margin-bottom: 0;
            align-items: flex-start;
        }
        .hbapi-dom-auth-section .hbapi-dom-auth-pass-row > label.control-label {
            line-height: 32px !important;
        }
        .hbapi-dom-auth-section .hbapi-dom-auth-tip-row {
            margin-top: 8px;
            margin-bottom: 4px;
            align-items: flex-start;
        }
        .hbapi-dom-auth-section .hbapi-dom-auth-tip-spacer {
            visibility: hidden;
            user-select: none;
        }
        .hbapi-dom-auth-section .hbapi-dom-auth-tip-col {
            display: block;
            width: 100%;
        }
        .hbapi-dom-auth-section .hbapi-dom-auth-tip {
            display: flex;
            align-items: flex-start;
            gap: 6px;
            margin: 0;
            padding: 0;
            width: 100%;
            max-width: 420px;
            font-size: 14px;
            line-height: 1.5;
            color: rgba(6, 125, 178, .95);
            text-align: left;
        }
        .hbapi-dom-auth-section .hbapi-dom-auth-tip img {
            flex-shrink: 0;
        }
        .hbapi-field-wrap.hbapi-field-wrap--auth {
            display: flex;
            align-items: center;
            gap: 10px;
            max-width: 420px;
        }
        .hbapi-field-wrap--auth .hbapi-dom-auth-input {
            flex: 1 1 auto;
            min-width: 0;
            max-width: none;
            height: 32px;
            line-height: 32px;
            padding: 0 12px;
            border: 1px solid #d9d9d9;
            border-radius: 4px;
            background: #fafafa;
            color: rgba(0, 0, 0, .85);
            font-size: 14px;
        }
        .hbapi-field-wrap--auth .hbapi-dom-auth-copy {
            flex-shrink: 0;
        }
        @media (max-width: 767px) {
            .hbapi-dom-auth-section .hbapi-dom-auth-tip {
                line-height: 1.5;
            }
            .hbapi-field-wrap.hbapi-field-wrap--auth {
                max-width: none;
            }
        }

        /* ===== Mobile adaptation (PC styles above remain default) ===== */
        /* 解除母版 zhima/common.css 的 min-width:1170px，避免整页被缩小 */
        @media (max-width: 991px) {
            html:has(.hbapi-shell),
            body:has(.hbapi-shell),
            body.page-hbapi {
                min-width: 0 !important;
                width: 100% !important;
                max-width: 100% !important;
                overflow-x: hidden;
            }
            body.page-hbapi .header,
            body:has(.hbapi-shell) .header {
                min-width: 0 !important;
                width: 100% !important;
                max-width: 100% !important;
            }
            body.page-hbapi .site-main,
            body.page-hbapi .site-footer,
            body.page-hbapi .footer,
            body:has(.hbapi-shell) .site-main,
            body:has(.hbapi-shell) .site-footer,
            body:has(.hbapi-shell) .footer {
                min-width: 0 !important;
                max-width: 100% !important;
            }
            body.page-hbapi .container,
            body.page-hbapi .container-fluid,
            body:has(.hbapi-shell) .container,
            body:has(.hbapi-shell) .container-fluid {
                min-width: 0 !important;
            }
            .hbapi-shell {
                padding: 12px 0 40px;
                overflow-x: hidden;
                width: 100%;
                max-width: 100%;
                box-sizing: border-box;
            }
            .hbapi-page.container {
                padding-left: 12px;
                padding-right: 12px;
                max-width: 100%;
                width: 100%;
            }
        }

        @media (max-width: 767px) {
            .hbapi-card {
                margin-bottom: 16px;
                border-radius: 8px;
            }
            .hbapi-card-header {
                padding: 10px 16px;
                font-size: 15px;
            }
            .hbapi-card-body.hbapi-card-body--form {
                padding: 16px 12px 24px;
            }
            .hbapi-card-doc .hbapi-card-body.hbapi-doc {
                padding: 16px 12px 20px;
            }

            /* 表单行：移动端 label 上、控件下，纵向排列 */
            .hbapi-card-body--form > .row.hbapi-form-row,
            #hbapiOvTopFields > .row.hbapi-form-row,
            #hbapiPanelDomestic > .row.hbapi-form-row,
            #hbapiPanelDomestic .hbapi-dom-auth-section > .row.hbapi-form-row,
            #hbapiPanelDomestic .hbapi-dom-auth-section > .row.hbapi-dom-auth-tip-row,
            .hbapi-ov-panel > .row.hbapi-form-row {
                flex-wrap: wrap !important;
                align-items: flex-start !important;
            }
            .hbapi-card-body--form > .row.hbapi-form-row > label.control-label,
            #hbapiOvTopFields > .row.hbapi-form-row > label.control-label,
            #hbapiPanelDomestic > .row.hbapi-form-row > label.control-label,
            #hbapiPanelDomestic .hbapi-dom-auth-section > .row.hbapi-form-row > label.control-label,
            #hbapiPanelDomestic .hbapi-dom-auth-section > .row.hbapi-dom-auth-tip-row > label.control-label,
            .hbapi-ov-panel > .row.hbapi-form-row > label.control-label {
                flex: 1 1 100% !important;
                max-width: none !important;
                line-height: 1.5 !important;
                margin-bottom: 8px !important;
                font-size: 15px;
            }
            .hbapi-card-body--form > .row.hbapi-form-row > [class*="col-"],
            #hbapiOvTopFields > .row.hbapi-form-row > [class*="col-"],
            #hbapiPanelDomestic > .row.hbapi-form-row > [class*="col-"],
            #hbapiPanelDomestic .hbapi-dom-auth-section > .row.hbapi-form-row > [class*="col-"],
            #hbapiPanelDomestic .hbapi-dom-auth-section > .row.hbapi-dom-auth-tip-row > [class*="col-"],
            .hbapi-ov-panel > .row.hbapi-form-row > [class*="col-"] {
                flex: 1 1 100% !important;
                max-width: 100% !important;
            }
            .hbapi-card-body--form .hbapi-form-row--actions .hbapi-col-spacer,
            .hbapi-card-body--form .hbapi-form-row--tip .hbapi-col-spacer {
                display: none !important;
            }

            .hbapi-page select.hbapi-select,
            .hbapi-page .form-control {
                height: 44px;
                font-size: 16px;
            }
            .hbapi-stepper > .form-control {
                height: 44px !important;
            }
            .hbapi-stepper > .input-group-addon {
                width: 44px !important;
                min-width: 44px !important;
            }
            .hbapi-pill .hbapi-pill-text {
                min-height: 44px;
                font-size: 15px;
            }

            .hbapi-form-row .hbapi-field-wrap,
            .hbapi-field-wrap.hbapi-field-wrap--radios,
            .hbapi-field-wrap.hbapi-field-wrap--qty-stepper,
            .hbapi-field-wrap.hbapi-field-wrap--ov-ttl,
            .hbapi-field-wrap.hbapi-field-wrap--pair,
            .hbapi-field-wrap.hbapi-field-wrap--tunnel-inline,
            .hbapi-ov-geo-wrap,
            .hbapi-ov-geo-pickers-wrap,
            .hbapi-ov-geo-layform,
            .hbapi-split-custom-wrap,
            .hbapi-qty-align-row.hbapi-pill-group--3col,
            .hbapi-dom-auth-section .hbapi-dom-auth-tip {
                max-width: none;
                width: 100%;
            }

            .hbapi-card-body--form .hbapi-field-wrap:not(.hbapi-field-wrap--radios):not(.hbapi-field-wrap--action-btns):not(.hbapi-ov-geo-pickers-wrap):not(.hbapi-ov-geo-wrap):not(.hbapi-field-wrap--qty-stepper):not(.hbapi-field-wrap--ov-white):not(.hbapi-field-wrap--auth):not(.hbapi-field-wrap--tunnel-inline) {
                flex-wrap: wrap;
                overflow-x: visible;
            }
            .hbapi-card-body--form .hbapi-field-wrap:not(.hbapi-field-wrap--radios):not(.hbapi-field-wrap--action-btns):not(.hbapi-ov-geo-pickers-wrap):not(.hbapi-ov-geo-wrap):not(.hbapi-field-wrap--qty-stepper):not(.hbapi-field-wrap--ov-white):not(.hbapi-field-wrap--auth):not(.hbapi-field-wrap--tunnel-inline) > select.hbapi-select {
                flex: 1 1 100%;
                min-width: 0;
                width: 100% !important;
            }
            .hbapi-card-body--form .hbapi-field-wrap:not(.hbapi-field-wrap--radios):not(.hbapi-field-wrap--action-btns):not(.hbapi-ov-geo-pickers-wrap):not(.hbapi-ov-geo-wrap):not(.hbapi-field-wrap--qty-stepper):not(.hbapi-field-wrap--ov-white):not(.hbapi-field-wrap--auth):not(.hbapi-field-wrap--tunnel-inline) > .hbapi-stepper {
                flex: 1 1 100%;
                min-width: 0;
            }

            .hbapi-pill-group.hbapi-pill-group--3col {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .hbapi-radio-group {
                flex-wrap: wrap;
                width: 100%;
                max-width: 100%;
                row-gap: 8px;
            }
            .hbapi-radio-item {
                white-space: normal;
            }
            .hbapi-field-wrap.hbapi-field-wrap--radios {
                overflow-x: visible;
            }

            .hbapi-ov-ttl-row {
                grid-template-columns: 1fr;
            }
            .hbapi-ov-ttl-hint {
                position: static;
                transform: none;
                margin-top: 4px;
                margin-left: 0;
                display: block;
                white-space: normal;
            }

            .hbapi-whitelist-tools.hbapi-whitelist-tools--ov {
                flex-wrap: wrap;
                align-items: flex-start;
                gap: 10px;
                width: 100%;
                max-width: 100%;
            }
            .hbapi-whitelist-tools--ov .hbapi-ov-white-tip {
                white-space: normal;
                flex: 1 1 100%;
                line-height: 1.5;
            }

            .hbapi-form-row.hbapi-form-row--actions > [class*="col-"] {
                flex: 1 1 100%;
                max-width: 100%;
            }
            .hbapi-form-row.hbapi-form-row--actions .hbapi-actions,
            .hbapi-field-wrap.hbapi-field-wrap--action-btns {
                width: 100%;
            }
            .hbapi-field-wrap.hbapi-field-wrap--action-btns {
                flex-direction: column;
                align-items: stretch;
            }
            .hbapi-act-primary,
            .hbapi-act-secondary,
            .hbapi-actions .hbapi-act-primary,
            .hbapi-actions .hbapi-act-secondary {
                width: 100%;
                min-width: 0;
                height: 44px;
                min-height: 44px;
                max-height: 44px;
                font-size: 16px;
            }

            .hbapi-field-wrap.hbapi-field-wrap--auth {
                flex-wrap: wrap;
            }
            .hbapi-field-wrap--auth .hbapi-dom-auth-copy {
                flex: 1 1 auto;
            }

            .hbapi-ov-cmd-row .hbapi-act-secondary,
            .hbapi-ov-cmd-row .hbapi-act-primary {
                width: 100%;
                min-width: 0;
            }

            .hbapi-field-wrap--session-type .hbapi-session-type-group {
                row-gap: 10px;
            }
            .hbapi-session-sticky-item {
                flex-wrap: wrap;
            }

            .hbapi-doc-tabs,
            .hbapi-code-demo-langs {
                flex-wrap: nowrap;
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
                gap: 0;
                padding-bottom: 4px;
                margin-bottom: 16px;
            }
            .hbapi-doc-tab,
            .hbapi-code-demo-lang {
                flex-shrink: 0;
            }

            .hbapi-doc .table-responsive {
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
                margin-left: -4px;
                margin-right: -4px;
            }
            .hbapi-doc .hbapi-doc-paramtbl,
            .hbapi-doc .hbapi-doc-fieldtbl,
            .hbapi-doc .hbapi-doc-codetbl {
                min-width: 0;
                table-layout: auto;
            }
            .hbapi-doc .hbapi-doc-paramtbl thead th,
            .hbapi-doc .hbapi-doc-paramtbl tbody td,
            .hbapi-doc .hbapi-doc-fieldtbl thead th,
            .hbapi-doc .hbapi-doc-fieldtbl tbody td,
            .hbapi-doc .hbapi-doc-codetbl thead th,
            .hbapi-doc .hbapi-doc-codetbl tbody td {
                width: auto !important;
                word-break: break-word;
            }
            .hbapi-doc .table {
                font-size: 13px;
            }
            .hbapi-doc h5 {
                font-size: 15px;
            }
            .hbapi-doc p.hbapi-doc-line,
            .hbapi-doc .hbapi-doc-pool {
                font-size: 14px;
            }
            .hbapi-doc .table-bordered > thead > tr > th,
            .hbapi-doc .table-bordered > tbody > tr > td {
                padding: 8px 10px;
            }

            .hbapi-ide-editor--demo .hbapi-ide-titlebar--demo {
                flex-wrap: wrap;
                gap: 8px;
            }
            .hbapi-ide-titlebar-actions {
                flex-wrap: wrap;
            }

            .layui-layer.hbapi-whiteip-layer {
                width: calc(100vw - 24px) !important;
                max-width: calc(100vw - 24px) !important;
            }
        }

        @media (max-width: 400px) {
            .hbapi-pill-group.hbapi-pill-group--3col {
                grid-template-columns: 1fr;
            }
        }