/*
 * 手机端排版（参照 t.bt.cn 移动端：白色顶栏 + 右侧抽屉菜单、居中大标题、
 * 整宽输入框 + 两等分按钮、地图/统计上下堆叠、卡片化结果），主色为科技蓝。
 * 仅 <992px 生效，桌面布局不受影响。断点与 utils/mobileViewport.ts 保持一致。
 */

:root {
    --m-primary: #0e4bd8;
    --m-primary-hover: #0b3aad;
    --m-primary-soft: #eef3ff;
    --m-primary-ring: rgba(14, 75, 216, .16);
    --m-accent: #3a6ef5;
    --m-text: #0b1220;
    --m-text-2: #445068;
    --m-muted: #7b889c;
    --m-border: #e5ebf3;
    --m-input-border: #d3dcec;
    --m-bg: #fff;
    --m-radius: 12px;
    --m-gutter: 12px;
    --m-font: "SF Pro Display", "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Noto Sans SC", system-ui, sans-serif;
    --m-font-num: "SF Pro Display", "DIN Alternate", "HarmonyOS Sans SC", "PingFang SC", sans-serif;
    --m-ease: cubic-bezier(.2, .8, .2, 1);
}

.m-topbar,
.m-drawer,
.m-drawer-mask,
.m-hero,
.m-tool-switch,
.m-only {
    display: none;
}

.m-shot-btn {
    display: none !important;
}

.m-fold-bar {
    display: none;
}

.footer-view-desktop,
.footer-view-mobile {
    display: none;
}

html.site-force-desktop .footer-view-mobile {
    display: inline;
}

@media (max-width: 991.98px) {
    :root {
        --site-container-width: 100%;
        --site-inner-width: 100%;
        --site-scale: 1;
    }

    html,
    body {
        min-width: 0 !important;
    }

    /* body 也设 hidden 会自成滚动容器，导致顶部栏 sticky 失效；clip 只裁剪不建滚动容器 */
    html {
        overflow-x: hidden !important;
    }

    body {
        overflow-x: visible !important;
        overflow-x: clip !important;
    }

    html,
    body,
    #app,
    .pcoded-main-container,
    .pcoded-main-container .pcoded-content,
    .pcoded-main-container .page-wrapper,
    .breadcrumb,
    .page-header {
        background: #fff !important;
    }

    body {
        background: #fff !important;
        color: var(--m-text);
        font-family: var(--m-font);
        font-size: 14px;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: transparent;
    }

    html.m-drawer-open,
    html.m-drawer-open body {
        overflow: hidden !important;
    }

    .m-only {
        display: block;
    }

    .m-hide,
    .pcoded-header,
    .pcoded-navbar.theme-horizontal,
    .lantern,
    .lantern_left,
    .lantern_right,
    .back_top_small,
    .inner-page-breadcrumb,
    .page-header.inner-page-breadcrumb,
    #takeScreenshot,
    .tool-screenshot-btn {
        display: none !important;
    }

    /* ---------- 通用按钮 ---------- */
    .m-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        height: 42px;
        padding: 0 16px;
        border-radius: 10px;
        border: 1px solid var(--m-primary);
        background: #fff;
        color: var(--m-primary);
        font-size: 15px;
        font-weight: 500;
        letter-spacing: .02em;
        line-height: 1;
        text-decoration: none !important;
        cursor: pointer;
        transition: background-color .18s var(--m-ease), color .18s var(--m-ease), border-color .18s var(--m-ease), transform .14s var(--m-ease), box-shadow .18s var(--m-ease);
    }

    .m-btn:active {
        transform: scale(.98);
    }

    .m-btn-primary {
        background: linear-gradient(180deg, #2f66f2 0%, var(--m-primary) 100%);
        box-shadow: 0 8px 18px rgba(14, 75, 216, .22);
        color: #fff !important;
    }

    .m-btn-primary:active {
        background: var(--m-primary-hover);
        box-shadow: 0 3px 8px rgba(14, 75, 216, .18);
    }

    .m-btn-outline {
        background: #fff;
        color: var(--m-primary) !important;
    }

    .m-btn-block {
        display: flex;
        width: 100%;
    }

    /* ---------- 顶栏 ---------- */
    .m-topbar {
        display: flex;
        position: sticky;
        top: 0;
        z-index: 1030;
        height: 54px;
        padding: 0 16px;
        align-items: center;
        justify-content: space-between;
        background: rgba(255, 255, 255, .96);
        border-bottom: 1px solid var(--m-border);
        -webkit-backdrop-filter: saturate(180%) blur(8px);
        backdrop-filter: saturate(180%) blur(8px);
    }

    .m-topbar-logo {
        display: flex;
        align-items: center;
        min-width: 0;
    }

    .m-topbar-logo img {
        display: block;
        height: 30px;
        width: auto;
        max-width: 160px;
        object-fit: contain;
    }

    .m-topbar-brand {
        font-size: 18px;
        font-weight: 600;
        letter-spacing: .08em;
        color: var(--m-primary);
    }

    .m-topbar-actions {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .m-topbar-login {
        height: 30px;
        padding: 0 14px;
        border: 1px solid var(--m-primary);
        border-radius: 15px;
        background: #fff;
        color: var(--m-primary);
        font-size: 13px;
        font-weight: 500;
        line-height: 28px;
    }

    .m-topbar-login:active {
        background: var(--m-primary-soft);
    }

    .m-topbar-user {
        display: flex;
        align-items: center;
        gap: 6px;
        height: 30px;
        padding: 0 10px 0 3px;
        border-radius: 15px;
        background: var(--m-primary-soft);
        color: var(--m-primary);
        font-size: 13px;
        font-weight: 500;
    }

    .m-topbar-user img {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        object-fit: cover;
    }

    .m-topbar-menu {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 4px;
        width: 38px;
        height: 38px;
        margin-right: -8px;
        padding: 0;
        border: 0;
        border-radius: 10px;
        background: transparent;
        transition: background-color .18s var(--m-ease);
    }

    .m-topbar-menu:active {
        background: var(--m-primary-soft);
    }

    .m-topbar-menu span {
        display: block;
        width: 20px;
        height: 2px;
        border-radius: 2px;
        background: var(--m-text);
    }

    /* ---------- 抽屉菜单 ---------- */
    .m-drawer-mask {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1040;
        background: rgba(15, 23, 42, .45);
        opacity: 0;
        visibility: hidden;
        transition: opacity .25s ease, visibility .25s ease;
    }

    .m-drawer-mask.show {
        opacity: 1;
        visibility: visible;
    }

    .m-drawer {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1041;
        width: min(82vw, 360px);
        background: #fff;
        box-shadow: -10px 0 30px rgba(15, 23, 42, .14);
        transform: translateX(105%);
        transition: transform .28s ease;
        visibility: hidden;
    }

    .m-drawer.show {
        transform: none;
        visibility: visible;
    }

    .m-drawer-head {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 54px;
        padding: 0 16px;
        border-bottom: 1px solid var(--m-border);
    }

    .m-drawer-close {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        padding: 0;
        border: 0;
        border-radius: 6px;
        background: #f1f4f9;
        color: var(--m-text);
        font-size: 18px;
    }

    .m-drawer-body {
        flex: 1;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: 8px 0;
    }

    .m-drawer-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 14px 24px;
        border: 0;
        background: transparent;
        color: var(--m-text) !important;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: .01em;
        line-height: 1.4;
        text-align: left;
        text-decoration: none !important;
        transition: background-color .16s var(--m-ease), color .16s var(--m-ease);
    }

    .m-drawer-item:active {
        background: var(--m-primary-soft);
    }

    .m-drawer-item.active {
        color: var(--m-primary) !important;
        font-weight: 600;
    }

    .m-drawer-chevron {
        color: #9aa4b5;
        font-size: 16px;
        transition: transform .2s ease;
    }

    .m-drawer-item.expanded .m-drawer-chevron {
        transform: rotate(180deg);
    }

    .m-drawer-sub {
        padding: 4px 20px 14px;
        background: #f7f9fd;
    }

    .m-drawer-sub-title {
        margin: 10px 0 6px;
        font-size: 12px;
        color: var(--m-muted);
    }

    .m-drawer-sub-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        padding-top: 6px;
    }

    .m-drawer-sub-title + .m-drawer-sub-grid {
        padding-top: 0;
    }

    .m-drawer-sub-link {
        display: block;
        padding: 9px 10px;
        border: 1px solid #e8edf5;
        border-radius: 8px;
        background: #fff;
        color: var(--m-text-2) !important;
        font-size: 13px;
        text-decoration: none !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: background-color .16s var(--m-ease), border-color .16s var(--m-ease), color .16s var(--m-ease), transform .14s var(--m-ease);
    }

    .m-drawer-sub-link:active {
        transform: scale(.98);
        border-color: #c4d6fb;
        background: var(--m-primary-soft);
        color: var(--m-primary) !important;
    }

    .m-drawer-sub-link.active {
        border-color: #c4d6fb;
        background: var(--m-primary-soft);
        color: var(--m-primary) !important;
    }

    .m-drawer-foot {
        flex-shrink: 0;
        padding: 14px 16px calc(16px + env(safe-area-inset-bottom));
        border-top: 1px solid var(--m-border);
    }

    .m-drawer-auth {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .m-drawer-user {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 12px;
        font-size: 14px;
    }

    .m-drawer-user img {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        object-fit: cover;
    }

    .m-drawer-user span {
        flex: 1;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .m-drawer-logout {
        border: 0;
        background: none;
        color: var(--m-muted);
        font-size: 13px;
    }

    /* ---------- 页面骨架：去掉桌面固定宽度与大留白 ---------- */
    .container,
    .pcoded-main-container > .pcoded-wrapper.container,
    .pcoded-content > .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .pcoded-main-container {
        margin: 0 !important;
        padding: 0 !important;
        min-height: 0 !important;
        background: transparent !important;
    }

    .pcoded-main-container .pcoded-content {
        padding: 0 0 8px !important;
    }

    .pcoded-main-container .pcoded-inner-content,
    .pcoded-main-container .main-body,
    .pcoded-main-container .page-wrapper {
        padding: 0 !important;
        margin: 0 !important;
    }

    .pcoded-main-container .page-wrapper > [class*="col-"],
    .pcoded-main-container .page-wrapper > .row > [class*="col-"] {
        padding-left: var(--m-gutter) !important;
        padding-right: var(--m-gutter) !important;
    }

    .pcoded-main-container .page-wrapper > .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* 非响应式栅格（col-3/4/6/8）在手机上一律整行 */
    .pcoded-main-container .col-2,
    .pcoded-main-container .col-3,
    .pcoded-main-container .col-4,
    .pcoded-main-container .col-5,
    .pcoded-main-container .col-6,
    .pcoded-main-container .col-7,
    .pcoded-main-container .col-8,
    .pcoded-main-container .col-9,
    .pcoded-main-container .col-10 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .pcoded-main-container .card {
        margin-bottom: 12px;
        border: 1px solid rgba(11, 18, 32, .05);
        border-radius: var(--m-radius);
        box-shadow: 0 1px 2px rgba(11, 18, 32, .04), 0 10px 28px rgba(16, 40, 90, .05);
    }

    .pcoded-main-container .card .card-header {
        padding: 14px 16px !important;
    }

    .pcoded-main-container .card .card-header h5 {
        font-size: 15px;
    }

    .pcoded-main-container .card .card-header h5.article-detail-title {
        margin-bottom: 8px !important;
        font-size: 19px;
        font-weight: 600;
        line-height: 1.45;
        color: var(--m-text);
    }

    .pcoded-main-container .row > .col-9.pr-2:has(.article-detail-title),
    .pcoded-main-container .row > .right_menu.col-3.pl-2 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .pcoded-main-container .row > .right_menu.col-3.pl-2 {
        margin-top: 12px;
    }

    .pcoded-main-container .article_content {
        font-size: 15px;
        line-height: 1.75;
        word-break: break-word;
    }

    .pcoded-main-container .article_content h1 { font-size: 20px; }
    .pcoded-main-container .article_content h2 { font-size: 18px; }
    .pcoded-main-container .article_content h3 { font-size: 16.5px; }
    .pcoded-main-container .article_content h4,
    .pcoded-main-container .article_content h5,
    .pcoded-main-container .article_content h6 { font-size: 15.5px; }

    .pcoded-main-container .article_content :is(h1, h2, h3, h4, h5, h6) {
        margin: 1em 0 .5em;
        font-weight: 600;
        line-height: 1.45;
    }

    .pcoded-main-container .article_content :is(img, video, iframe) {
        max-width: 100% !important;
        height: auto;
    }

    .pcoded-main-container .article_content :is(pre, table) {
        display: block;
        max-width: 100%;
        overflow-x: auto;
    }

    .pcoded-main-container .card .card-body {
        padding: 14px 16px;
    }

    /* 桌面写死的 1000/1130px 宽内容 */
    .pcoded-main-container div[style*="width:1000px"],
    .pcoded-main-container div[style*="width: 1000px"],
    .pcoded-main-container div[style*="width:1130px"],
    .pcoded-main-container div[style*="width: 1130px"],
    .pcoded-main-container div[style*="width:880px"],
    .pcoded-main-container div[style*="width: 880px"] {
        width: 100% !important;
        max-width: 100% !important;
    }

    .table-responsive {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    .pcoded-main-container .table {
        font-size: 12.5px;
    }

    .pcoded-main-container .table th,
    .pcoded-main-container .table td {
        padding: 9px 8px;
        vertical-align: middle;
    }

    .pcoded-main-container .table thead th {
        background: #f6f8fc;
        color: var(--m-text-2);
        font-weight: 500;
        border-bottom: 0;
        white-space: nowrap;
    }

    /* ---------- 顶部大标题 ---------- */
    .m-hero {
        display: block;
        margin: 0;
        padding: 30px 20px 18px;
        background: #fff;
        text-align: center;
    }

    /* 工具页手机端不展示大标题：保留 h1 给搜索引擎与读屏，视觉上隐藏；IP 查询页带「我的 IP」信息，用 --keep 保留 */
    .m-hero:not(.m-hero--keep) {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        margin: -1px !important;
        padding: 0 !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    .m-hero-title {
        margin: 0 0 14px;
        color: var(--m-text);
        font-size: 26px;
        font-weight: 600;
        letter-spacing: .06em;
        line-height: 1.35;
    }

    .m-hero-title em {
        font-style: normal;
        font-weight: 600;
        background: none;
        color: var(--m-primary);
    }

    .m-hero-desc {
        margin: 0 auto 10px;
        max-width: 560px;
        color: #6b7280;
        font-size: 13px;
        line-height: 1.75;
    }

    .m-hero-links {
        margin: 0;
        color: #6b7280;
        font-size: 12.5px;
        line-height: 1.7;
    }

    .m-hero-links a {
        color: var(--m-primary);
    }

    .m-hero-links .feather {
        margin-left: 1px;
        font-size: 12px;
    }

    /* ---------- 工具输入区：圆角卡片（与地图、常用工具卡片同一风格） ---------- */
    .pcoded-main-container .page-wrapper .card.m-form,
    .pcoded-main-container .page-wrapper .card.input-area,
    .pcoded-main-container .page-wrapper .card.tool-batch-input {
        display: block !important;
        width: auto !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 12px 0 0 !important;
        padding: 14px 14px 14px !important;
        border: 1px solid rgba(11, 18, 32, .06) !important;
        border-radius: 14px !important;
        box-shadow: 0 1px 2px rgba(11, 18, 32, .04), 0 10px 28px rgba(16, 40, 90, .06) !important;
        background: #fff !important;
        overflow: visible !important;
    }

    /* IP 查询页保留大标题，表单紧跟标题，不再额外下移 */
    .m-hero--keep + .col-12 .card.m-form {
        margin-top: 0 !important;
    }

    .m-form .ipv6-badge,
    .m-form [class*="ipv6-badge"] {
        position: static !important;
        display: inline-flex !important;
        margin: 0 0 10px !important;
    }

    .m-form-row,
    .m-form .tool-traceroute-row,
    .m-form .tool-http-input__row,
    .m-form .ping-form-row {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: stretch !important;
        gap: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    .m-form-row > .host-history-root,
    .m-form-row > .m-form-host,
    .m-form-row > .float-left {
        float: none !important;
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        position: relative;
    }

    .m-form-row--stack > .m-form-host {
        flex: 0 0 100% !important;
        display: block !important;
    }

    .m-form-row--stack > .m-form-host > .host-history-root {
        float: none !important;
        width: 100% !important;
    }

    .m-form-row--stack .host-history-input {
        width: 100% !important;
        border-radius: 6px !important;
    }

    .m-form-row + .m-form-options {
        margin-top: 12px !important;
    }

    .find-ping-stats-row {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .find-ping-stats-row > [class*="col-"] {
        width: auto !important;
        max-width: none !important;
        padding: 0 !important;
    }

    .find-ping-stats-row > .col-6 {
        grid-column: 1 / -1;
    }

    .find-ping-stats-row .card.p-4 {
        padding: 14px !important;
    }

    .find-ping-result-row .result-card-inner > div[style*="position:absolute"],
    .find-ping-result-row .result-card-inner > div[style*="position: absolute"] {
        position: static !important;
        margin-bottom: 10px;
        text-align: right;
    }

    .find-ping-result-row [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .find-ping-result-row .subnet_ip_list {
        margin-top: 10px;
    }

    .pcoded-main-container .feedback-col-right > .row > .col-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .pcoded-main-container .feedback-col-right > .row {
        margin-left: -6px !important;
        margin-right: -6px !important;
    }

    .m-form-row .host-history-input,
    .m-form-row #host {
        width: 100% !important;
        max-width: 100% !important;
        height: 46px !important;
        padding-left: 12px !important;
        padding-right: 40px !important;
        border: 1px solid var(--m-input-border) !important;
        border-radius: 6px !important;
        background: #fff !important;
        font-size: 14px !important;
        box-shadow: none !important;
    }

    .m-form-row .host-history-input:focus,
    .m-form-row #host:focus {
        border-color: var(--m-primary) !important;
        box-shadow: 0 0 0 3px var(--m-primary-ring) !important;
    }

    .m-form-row .clear_input {
        position: absolute !important;
        right: 10px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
    }

    .m-tool-switch {
        position: relative;
        display: block;
        flex: 0 0 auto;
        margin: 0;
    }

    .m-tool-switch-btn {
        display: flex;
        align-items: center;
        gap: 6px;
        height: 46px;
        margin: 0;
        padding: 0 10px 0 12px;
        border: 1px solid var(--m-input-border);
        border-right: 0;
        border-radius: 6px 0 0 6px;
        background: #fff;
        color: var(--m-text);
        font-size: 14px;
        font-weight: 400;
        white-space: nowrap;
        cursor: pointer;
        outline: none;
    }

    .m-tool-switch-btn .feather {
        color: var(--m-primary);
        font-size: 15px;
    }

    .m-tool-switch-btn .m-tool-switch-caret {
        color: var(--m-muted);
        font-size: 14px;
        transition: transform .2s ease;
    }

    .m-tool-switch.open .m-tool-switch-caret {
        transform: rotate(180deg);
    }

    .m-tool-menu {
        position: absolute;
        top: calc(100% + 6px);
        left: 0;
        z-index: 1020;
        min-width: 150px;
        margin: 0;
        padding: 6px 0;
        list-style: none;
        border: 1px solid var(--m-border);
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 8px 24px rgba(30, 60, 120, .14);
    }

    .m-tool-menu > li {
        display: flex;
        align-items: center;
        gap: 10px;
        height: 42px;
        padding: 0 16px;
        color: var(--m-text);
        font-size: 14px;
        white-space: nowrap;
        cursor: pointer;
    }

    .m-tool-menu > li .feather {
        width: 16px;
        color: var(--m-text-2);
        font-size: 16px;
        text-align: center;
    }

    .m-tool-menu > li:active {
        background: #f3f6fb;
    }

    .m-tool-menu > li.active,
    .m-tool-menu > li.active .feather {
        color: var(--m-primary);
    }

    .m-tool-menu > li.active {
        background: var(--m-primary-soft);
        font-weight: 500;
    }

    .m-tool-switch + .host-history-root .host-history-input,
    .m-tool-switch + .host-history-root #host {
        border-radius: 0 6px 6px 0 !important;
    }

    .m-form-actions,
    .m-form .tool-traceroute-actions,
    .m-form .tool-http-input__actions,
    .m-form .ping-form-actions {
        float: none !important;
        display: flex !important;
        flex: 0 0 100% !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        width: 100% !important;
        margin: 14px 0 0 !important;
        white-space: normal !important;
    }

    .m-form-actions > .btn,
    .m-form-actions > .btn-group,
    .m-form-actions > .m-shot-wrap {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    .m-form-actions .btn {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 4px;
        width: 100% !important;
        height: 46px !important;
        margin: 0 !important;
        padding: 0 10px !important;
        border-radius: 10px !important;
        font-size: 15px !important;
        font-weight: 500;
        letter-spacing: .04em;
        box-shadow: none !important;
        transition: background-color .18s var(--m-ease), color .18s var(--m-ease), border-color .18s var(--m-ease), transform .14s var(--m-ease), box-shadow .18s var(--m-ease);
    }

    .m-form-actions .btn:active {
        transform: scale(.985);
    }

    .m-form-actions .btn-primary {
        border-color: var(--m-primary) !important;
        background: linear-gradient(180deg, #2f66f2 0%, var(--m-primary) 100%) !important;
        box-shadow: 0 8px 18px rgba(14, 75, 216, .22) !important;
        color: #fff !important;
    }

    .m-form-actions .btn-primary:active {
        background: var(--m-primary-hover) !important;
        box-shadow: 0 3px 8px rgba(14, 75, 216, .18) !important;
    }

    .m-form-actions .btn.m-btn-secondary,
    .m-form-actions .m-btn-secondary > .btn {
        border: 1px solid var(--m-primary) !important;
        background: #fff !important;
        color: var(--m-primary) !important;
    }

    .m-shot-wrap {
        position: relative;
        display: block;
        min-width: 0;
    }

    /* 截图是辅助操作且按钮最窄：字号、字重低于主按钮，避免文字撑满显得比主按钮还大 */
    .m-shot-wrap > .btn.m-shot-btn {
        width: 100%;
        gap: 4px !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
    }

    .m-shot-wrap > .btn.m-shot-btn > i {
        font-size: 13px !important;
    }

    /* 文件后部窄屏规则会把所有按钮统一成 14px，提高优先级保持 13px */
    :is(.m-form-actions, .ping-form-actions, .tool-traceroute-actions, .batch-actions) .m-shot-wrap > .btn.m-shot-btn {
        font-size: 13px !important;
    }

    .m-form-actions .btn.m-shot-btn.is-locked {
        border-color: #e6e8ee !important;
        background: #f4f5f7 !important;
        color: #b0b6c2 !important;
        box-shadow: none !important;
    }

    .m-form-actions .btn.m-shot-btn.is-locked:active {
        transform: none;
    }

    .m-shot-tip {
        position: absolute;
        left: 0;
        bottom: calc(100% + 10px);
        z-index: 30;
        width: max-content;
        max-width: 248px;
        padding: 8px 10px;
        border-radius: 6px;
        background: #2b2f36;
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1.45;
        text-align: left;
        box-shadow: 0 8px 20px rgba(15, 23, 42, .18);
    }

    .m-shot-tip::after {
        content: "";
        position: absolute;
        left: 28px;
        bottom: -5px;
        border: 5px solid transparent;
        border-top-color: #2b2f36;
        border-bottom: 0;
    }

    .m-form-actions .m-btn-link {
        flex: 0 0 100% !important;
        width: 100% !important;
        height: 28px !important;
        border: 0 !important;
        background: transparent !important;
        color: var(--m-primary) !important;
        font-size: 13px !important;
    }

    .m-form-actions .btn-group .dropdown-menu {
        width: 100%;
        min-width: 0;
    }

    .pcoded-main-container .dropdown-menu {
        margin-top: 6px;
        padding: 6px 0;
        border: 1px solid var(--m-border);
        border-radius: 8px;
        box-shadow: 0 8px 24px rgba(30, 60, 120, .14) !important;
        z-index: 1020;
    }

    .pcoded-main-container .dropdown-menu .dropdown-item {
        display: flex;
        align-items: center;
        gap: 8px;
        height: 40px;
        padding: 0 16px;
        color: var(--m-text);
        font-size: 14px;
    }

    .pcoded-main-container .dropdown-menu .dropdown-item:active,
    .pcoded-main-container .dropdown-menu .dropdown-item:hover {
        background: #f3f6fb;
        color: var(--m-text);
    }

    .pcoded-main-container .dropdown-menu .dropdown-item.active {
        background: var(--m-primary-soft);
        color: var(--m-primary);
        font-weight: 500;
    }

    .dns_type_change .dropdown-menu {
        display: none;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 6px !important;
    }

    .dns_type_change.show .dropdown-menu {
        display: grid !important;
    }

    .dns_type_change .dropdown-menu .dropdown-item {
        justify-content: center;
        height: 38px;
        padding: 0;
        border-radius: 6px;
    }

    .m-form-actions .btn-group .dropdown-toggle span {
        min-width: 0 !important;
    }

    .m-form-actions .btn i {
        font-size: 15px;
    }

    .m-form-tip {
        flex: 0 0 100%;
        flex-wrap: wrap !important;
        margin-top: 10px;
    }

    .m-form-tip > span {
        display: block !important;
        line-height: 1.7;
    }

    /* 线路勾选 + DNS（http.css 对网站测速写死了 calc(100% - 40px) !important） */
    .m-form .tool-line-select-bar,
    .card.input-area .tool-line-select-bar,
    .pcoded-main-container .card.input-area.tool-http-input > .tool-line-select-bar {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 12px 0;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 14px !important;
    }

    /* 线路勾选保持一排：两端对齐，字号收紧以放下「港澳台、海外」；极窄屏可横向滑动 */
    .tool-line-select-bar > .mr-auto {
        display: flex !important;
        flex-wrap: nowrap;
        justify-content: space-between;
        gap: 2px;
        width: 100%;
        margin-right: 0 !important;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .tool-line-select-bar > .mr-auto::-webkit-scrollbar {
        display: none;
    }

    .tool-line-select-bar > .mr-auto > .custom-control {
        font-size: clamp(11px, 3vw, 12px);
        letter-spacing: -.02em;
    }

    .tool-line-select-bar > .mr-auto .custom-checkbox .custom-control-label::before {
        width: 13px;
        height: 13px;
        margin-right: 2px;
    }

    .tool-line-select-bar > .mr-auto .custom-checkbox .custom-control-label::after {
        top: 8px;
    }

    .tool-line-select-bar .custom-control {
        flex: 0 0 auto;
        margin: 0 !important;
        min-height: 18px;
        font-size: 12px;
        line-height: 18px;
        color: var(--m-text-2);
        white-space: nowrap;
    }

    .tool-line-select-bar .custom-control .custom-control-label {
        display: inline-flex;
        align-items: center;
        line-height: 18px;
    }

    .tool-line-select-bar .custom-checkbox .custom-control-label::before {
        top: 0;
        flex: 0 0 auto;
        width: 14px;
        height: 14px;
        margin-right: 3px;
        border-radius: 3px;
    }

    .tool-line-select-bar .custom-checkbox .custom-control-label::after {
        left: 2px;
        top: 8.5px;
        width: 4px;
        height: 8px;
        border-right-width: 1.5px;
        border-top-width: 1.5px;
    }

    .tool-line-select-bar > .ml-auto,
    .m-form-options > .ml-auto {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 8px 14px;
        width: 100%;
        margin-left: 0 !important;
        font-size: 13px;
    }

    .tool-line-select-bar > .ml-auto {
        flex-wrap: nowrap !important;
        gap: 12px;
    }

    .tool-line-select-bar > .ml-auto .form-check-label,
    .m-form-options > .ml-auto .form-check-label {
        flex: 0 0 auto;
        margin-left: 0 !important;
        display: inline-flex;
        align-items: center;
        gap: 2px;
        white-space: nowrap;
    }

    .tool-line-select-bar > .ml-auto > .dns-server-field,
    .m-form-options > .ml-auto > .dns-server-field {
        flex: 1 1 0;
        width: auto !important;
        min-width: 0;
    }

    .tool-line-select-bar #dns_server,
    .m-form-options #dns_server {
        width: 100% !important;
        height: 34px;
        background: #f5f7fb;
    }

    .tool-line-select-bar #dns_server:disabled,
    .m-form-options #dns_server:disabled {
        background: #f3f4f6;
    }

    /* 路由追踪：节点选择 + DNS 上下排列 */
    .m-form-options,
    .m-form .tool-traceroute-row-options {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 14px;
    }

    .m-form-options .node-picker,
    .m-form-options .node-picker.mr-auto {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    /* 选项行同时带 .tool-traceroute-row，会被上面的 gap: 0 !important 覆盖，这里要同样用 !important */
    .m-form .tool-traceroute-row-options {
        gap: 16px !important;
        margin-top: 16px !important;
    }

    .m-form .tool-traceroute-row-options .node-picker::before,
    .m-form .tool-traceroute-row-options > .ml-auto::before {
        color: var(--m-text-2);
        font-size: 12px;
        font-weight: 600;
        letter-spacing: .04em;
        line-height: 1;
    }

    .m-form .tool-traceroute-row-options .node-picker::before {
        content: "测试节点";
        display: block;
        margin-bottom: 8px;
    }

    .m-form .tool-traceroute-row-options .node-picker-control {
        height: 42px;
        min-height: 42px !important;
        padding: 0 12px !important;
        border-color: var(--m-input-border);
        border-radius: 10px;
        background: #fff;
    }

    .m-form .tool-traceroute-row-options .node-picker-chip {
        max-width: calc(100% - 22px);
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: var(--m-text);
        font-size: 14px;
        font-weight: 500;
    }

    .m-form .tool-traceroute-row-options .node-picker-chip-remove {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        margin-left: 6px;
        border-radius: 50%;
        background: #eef1f6;
        color: var(--m-muted);
        font-size: 13px;
    }

    .m-form .tool-traceroute-row-options > .ml-auto {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        align-items: stretch !important;
    }

    .m-form .tool-traceroute-row-options > .ml-auto::before {
        content: "DNS";
        grid-column: 1 / -1;
    }

    .m-form .tool-traceroute-row-options > .ml-auto .form-check-label {
        position: relative;
        display: flex !important;
        align-items: center;
        justify-content: center;
        height: 36px;
        margin: 0 !important;
        padding: 0 8px !important;
        border: 1px solid var(--m-border);
        border-radius: 8px;
        background: #f6f8fc;
        color: var(--m-text-2);
        font-size: 13px;
        white-space: nowrap;
    }

    .m-form .tool-traceroute-row-options > .ml-auto .form-check-label:has(input:checked) {
        border-color: var(--m-primary);
        background: var(--m-primary-soft);
        color: var(--m-primary);
        font-weight: 600;
    }

    .m-form .tool-traceroute-row-options .form-check-input {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        opacity: 0;
        cursor: pointer;
    }

    .m-form .tool-traceroute-row-options > .ml-auto > .dns-server-field {
        grid-column: 1 / -1;
        width: 100% !important;
    }

    .m-form .tool-traceroute-row-options #dns_server {
        height: 42px;
        border-radius: 10px;
    }

    #tracert_result {
        margin-top: 8px !important;
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    #tracert_result > .card {
        border: 1px solid rgba(11, 18, 32, .05) !important;
        border-radius: 12px !important;
        box-shadow: 0 1px 2px rgba(11, 18, 32, .04), 0 10px 28px rgba(16, 40, 90, .05) !important;
        overflow: hidden;
    }

    #tracert_result .table-responsive:has(.m-trace) {
        overflow: visible !important;
    }

    /* HTTP 高级选项：浅底分组面板；标题在上、控件在下；单选与路由追踪 DNS 同款选择块。
       tool-common.css 的 .advanced 与 HttpForm scoped 样式在后加载，故带 .m-form 前缀提高优先级 */
    .m-form .m-form-advanced {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 12px;
        padding: 14px 12px;
        border: 1px solid #edf1f7;
        border-radius: 12px;
        background: #f8fafd;
    }

    .m-form-advanced .tool-http-input__field-row {
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
        margin-top: 0 !important;
    }

    .m-form-advanced .tool-http-input__field-row + .tool-http-input__field-row {
        margin-top: 14px !important;
    }

    .m-form-advanced .tool-http-input__field-label,
    .m-form-advanced .tool-http-input__field-body {
        width: 100% !important;
    }

    .m-form-advanced .tool-http-input__field-label {
        color: var(--m-text-2);
        font-size: 12px;
        font-weight: 600;
        letter-spacing: .02em;
        line-height: 1.4;
    }

    .m-form .m-form-advanced .tool-http-input__radio-group {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
    }

    .m-form .m-form-advanced .tool-http-input__radio-group:has(input[name="method"]) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .m-form-advanced .form-check-label {
        position: relative;
        display: flex !important;
        align-items: center;
        min-height: 38px;
        margin: 0 !important;
        padding: 8px 12px;
        border: 1px solid var(--m-border);
        border-radius: 8px;
        background: #fff;
        color: var(--m-text-2);
        font-size: 13px;
        line-height: 1.4 !important;
        white-space: normal !important;
        transition: border-color .16s var(--m-ease), background-color .16s var(--m-ease);
    }

    .m-form-advanced .tool-http-input__radio-group:has(input[name="method"]) .form-check-label {
        justify-content: center;
    }

    .m-form-advanced .form-check-label:has(input:checked) {
        border-color: var(--m-primary);
        background: var(--m-primary-soft);
        color: var(--m-primary);
        font-weight: 600;
    }

    /* 原生单选框铺满整块做点击区域，视觉上由选择块的选中态表示；
       HttpForm 的 scoped 样式带 position: static !important，这里需要更高优先级 */
    .m-form .m-form-advanced .form-check-label > .form-check-input[type="radio"] {
        position: absolute !important;
        inset: 0;
        width: 100%;
        height: 100%;
        margin: 0 !important;
        opacity: 0;
        cursor: pointer;
    }

    .m-form-advanced .form-control {
        height: 38px;
        padding: 0 12px;
        border: 1px solid var(--m-input-border);
        border-radius: 8px;
        background: #fff;
        font-size: 13px;
    }

    .m-form-advanced .form-control:focus {
        border-color: var(--m-primary);
        box-shadow: 0 0 0 3px var(--m-primary-soft);
    }

    .m-form-advanced .tool-http-input__redirect-row {
        flex-wrap: nowrap;
        align-items: center;
        gap: 10px;
    }

    .m-form-advanced .tool-http-input__redirect-input {
        flex: 0 0 76px;
        width: 76px;
        text-align: center;
    }

    .m-form-advanced .tool-http-input__redirect-hint {
        min-width: 0;
        color: var(--m-muted);
        font-size: 12px;
        line-height: 1.5;
    }

    /* 批量检测：文本框 + 操作区上下排列 */
    .tool-batch-input .batch-grid {
        flex-direction: column;
        gap: 12px;
    }

    .tool-batch-input .batch-host {
        flex: 0 0 auto !important;
        min-width: 0 !important;
        width: 100% !important;
        min-height: 140px !important;
        border-color: var(--m-input-border);
        border-radius: 6px;
        font-size: 14px;
    }

    .tool-batch-input .batch-side {
        flex: 0 0 auto !important;
        width: 100%;
    }

    .tool-batch-input .batch-actions {
        display: flex;
        gap: 10px;
    }

    .tool-batch-input .batch-actions > .btn,
    .tool-batch-input .batch-actions > div {
        flex: 1 1 0;
        min-width: 0;
    }

    .tool-batch-input .batch-actions .btn {
        width: 100% !important;
        height: 46px !important;
        border-radius: 6px;
        font-size: 15px;
    }

    .tool-batch-input .batch-actions .btn-primary {
        border-color: var(--m-primary);
        background: var(--m-primary);
    }

    .tool-batch-input .batch-actions .btn-outline-primary {
        border-color: var(--m-primary);
        color: var(--m-primary);
    }

    .tool-batch-input .batch-actions .advanced {
        position: absolute;
        right: 0;
        left: auto;
        width: calc(100vw - 32px) !important;
        max-width: 380px;
        z-index: 20;
    }

    .tool-batch-input .batch-options {
        font-size: 13px;
    }

    .tool-batch-input .batch-port-row {
        flex-wrap: wrap;
        white-space: normal;
    }

    .tool-batch-input .batch-method-row__label {
        flex: 0 0 auto;
        margin-right: 8px;
    }

    /* 批量结果：目标为行、节点为列，节点多时横向滑动，序号与目标列固定在左侧 */
    .batch-panels .batch-panels__header {
        gap: 10px;
    }

    .batch-panels .batch-panels__toolbar {
        gap: 0;
    }

    .batch-panels .batch-panels__title {
        flex: 1 1 auto;
        margin-left: 10px;
        font-size: 15px;
    }

    .batch-panels .batch-panels__stat {
        font-size: 12.5px;
    }

    .batch-panels .batch-panels__filters {
        display: flex !important;
        flex: 0 0 100%;
        order: 3;
        gap: 6px;
        margin-top: 10px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .batch-panels .batch-panels__filters::-webkit-scrollbar {
        display: none;
    }

    .batch-panels .batch-panels__filters > * {
        flex: 0 0 auto;
        margin: 0 !important;
        white-space: nowrap;
    }

    .batch-panels .batch-panels__progress {
        width: 100%;
        font-size: 12.5px;
    }

    .batch-panels .batch-panels__progress-text {
        font-size: 12.5px;
    }

    .batch-panels .batch-panels__progress-bar {
        flex: 1 1 auto;
        width: auto;
    }

    .pcoded-main-container .batch-panels .batch-panels__table {
        table-layout: auto !important;
        width: max-content !important;
        min-width: 100% !important;
    }

    .pcoded-main-container .batch-panels .batch-panels__table .batch-panels__col-index {
        position: sticky;
        left: 0;
        z-index: 2;
        width: 50px !important;
        min-width: 50px !important;
        max-width: 50px !important;
        padding: 10px 14px 10px 6px !important;
        text-overflow: clip !important;
    }

    .pcoded-main-container .batch-panels .batch-panels__table .batch-panels__col-target {
        position: sticky;
        left: 50px;
        z-index: 2;
        width: 108px !important;
        min-width: 108px !important;
        max-width: 108px !important;
        padding-left: 6px !important;
        padding-right: 16px !important;
        box-shadow: 1px 0 0 #e3eaef;
        text-align: left;
    }

    .pcoded-main-container .batch-panels .batch-panels__table .batch-panels__col-node {
        width: 124px !important;
        min-width: 124px !important;
        max-width: 124px !important;
        padding-left: 8px !important;
        padding-right: 16px !important;
    }

    .pcoded-main-container .batch-panels .batch-panels__table thead th.batch-panels__col-index,
    .pcoded-main-container .batch-panels .batch-panels__table thead th.batch-panels__col-target {
        z-index: 3;
        background: #f7f7f7;
    }

    .batch-panels .batch-panels__latency {
        font-size: 13px;
    }

    .batch-panels .batch-panels__meta {
        font-size: 11.5px;
    }

    /* ---------- 地图 + 区域统计 ---------- */
    /* 输入区已是独立卡片，地图卡片与它留出卡片间距 */
    .tool-map-stats-shell,
    #statistics_info {
        margin-top: 12px !important;
    }

    .pcoded-main-container .page-wrapper > .tool-map-stats-shell {
        min-height: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .shared-map-stats {
        display: block !important;
        margin: 0 !important;
    }

    .shared-map-stats > [class*="col-"] {
        padding: 0 !important;
    }

    .shared-map-stats .china-map-wrap {
        position: relative;
        min-height: 0 !important;
        margin: 0 12px 12px !important;
        padding: 0 12px 14px;
        background: #fff;
        border: 1px solid rgba(11, 18, 32, .05);
        border-radius: 12px;
        box-shadow: 0 1px 2px rgba(11, 18, 32, .04), 0 10px 28px rgba(16, 40, 90, .05);
        overflow: hidden;
    }

    .m-fold-bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin: 0;
        padding: 14px 16px;
        border: 0;
        border-bottom: 1px solid #eef2f7;
        background: #fff;
        color: var(--m-text);
        font-size: 15px;
        font-weight: 600;
        letter-spacing: .04em;
        text-align: left;
        transition: background-color .16s var(--m-ease);
    }

    .m-fold-bar:active {
        background: #f6f8fc;
    }

    .m-fold-bar .feather {
        color: var(--m-muted);
        font-size: 16px;
    }

    .shared-map-stats .china-map-card,
    .shared-map-stats .china-map-vchart,
    .shared-map-stats #china_map {
        height: clamp(360px, 92vw, 520px) !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    .m-map-legend {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px 8px;
        margin: 2px 0 0;
        padding: 0;
        list-style: none;
        background: transparent;
    }

    .m-map-legend li {
        display: flex;
        align-items: center;
        gap: 6px;
        min-width: 0;
        color: var(--m-text-2);
        font-size: 12px;
        line-height: 1.2;
    }

    .m-map-legend i {
        flex: 0 0 auto;
        width: 10px;
        height: 10px;
        border-radius: 2px;
    }

    .m-map-legend span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* 与画布内 Logo（top 12、高 26）同一中线；右边距与 Logo 左边距对称 */
    .shared-map-stats .map-marker-toggle {
        top: 12px !important;
        left: auto !important;
        right: 20px !important;
        display: flex !important;
        align-items: center;
        gap: 4px;
        width: auto !important;
        height: 26px !important;
    }

    .shared-map-stats .map-marker-toggle > div {
        display: flex !important;
        align-items: center;
    }

    .shared-map-stats > .col-6.pl-2,
    .shared-map-stats > [class*="col-"]:last-child {
        padding: 12px var(--m-gutter) 0 !important;
    }

    .shared-map-stats .card[style*="height"] {
        height: auto !important;
        margin-bottom: 0 !important;
    }

    .region-stats-header {
        flex-wrap: wrap !important;
        gap: 10px 0;
        margin: 14px 14px 10px !important;
    }

    .region-stats-header .nav-item {
        margin: 0 !important;
    }

    .region-stats-header .nav-link {
        padding: 5px 16px !important;
        border: 1px solid var(--m-primary);
        border-radius: 0 !important;
        background: #fff;
        color: var(--m-primary) !important;
        font-size: 13px;
    }

    .region-stats-header .nav-item:first-child .nav-link {
        border-radius: 4px 0 0 4px !important;
    }

    .region-stats-header .nav-item:nth-child(2) .nav-link {
        margin-left: -1px;
        border-radius: 0 4px 4px 0 !important;
    }

    .region-stats-header .nav-link.active {
        background: var(--m-primary) !important;
        color: #fff !important;
    }

    .region-stats-header .region-progress {
        flex: 0 0 100% !important;
        flex-wrap: wrap;
        gap: 6px 0;
        margin-left: 0 !important;
        white-space: normal !important;
        font-size: 12.5px;
        color: var(--m-text-2);
    }

    .region-stats-header .region-progress .progress-bar2 {
        flex: 1 1 120px !important;
        width: auto !important;
        min-width: 100px !important;
    }

    .m-region {
        padding: 14px 0 6px;
    }

    .m-region-seg {
        display: flex;
        margin: 0 16px 4px;
        border: 1px solid var(--m-primary);
        border-radius: 6px;
        overflow: hidden;
    }

    .m-region-seg button {
        flex: 1 1 0;
        height: 34px;
        margin: 0;
        padding: 0;
        border: 0;
        background: #fff;
        color: var(--m-primary);
        font-size: 14px;
        letter-spacing: .02em;
        transition: background-color .16s var(--m-ease), color .16s var(--m-ease);
    }

    .m-region-seg button + button {
        border-left: 1px solid var(--m-primary);
    }

    .m-region-seg button.active {
        background: var(--m-primary);
        color: #fff;
        font-weight: 500;
    }

    .m-region-sheet {
        padding: 0;
    }

    .m-region-head,
    .m-region-row {
        display: grid;
        grid-template-columns: 86px minmax(0, 1fr) minmax(0, 1fr);
        column-gap: 8px;
        align-items: start;
    }

    .m-region-head {
        padding: 12px 16px 8px;
        color: var(--m-muted);
        font-size: 12px;
    }

    .m-region-row {
        margin: 0;
        padding: 11px 16px;
        border: 0;
        border-top: 1px solid #f0f3f8;
        border-radius: 0;
        background: #fff;
    }

    /* 每格固定两行：节点名（超长省略）+ 耗时，行高一致；区域名垂直居中 */
    .m-region-row {
        align-items: center;
    }

    .m-region-row strong {
        color: var(--m-text);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.45;
    }

    .m-region-row > span {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 2px;
        min-width: 0;
        min-height: 38px;
        color: var(--m-text);
        font-size: 13px;
        line-height: 1.4;
    }

    .m-region-row > span > em {
        min-width: 0;
        color: var(--m-text);
        font-style: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .m-region-row b {
        color: var(--m-primary);
        font-family: var(--m-font-num);
        font-size: 13px;
        font-weight: 600;
        font-variant-numeric: tabular-nums lining-nums;
        white-space: nowrap;
    }

    #pills-tabContent .table {
        margin-bottom: 4px;
    }

    #pills-tabContent .table td:first-child,
    #pills-tabContent .table th:first-child {
        padding-left: 14px;
        color: var(--m-text-2);
    }

    /* ---------- 结果表与面板 ---------- */
    .pcoded-main-container #return_info,
    .pcoded-main-container #tracert_result {
        display: block !important;
    }

    #tool-panels-mount .col-12,
    .pcoded-main-container #return_info > .col-12 {
        padding-left: var(--m-gutter) !important;
        padding-right: var(--m-gutter) !important;
    }

    #tool-panels-mount > .mt-3,
    #tool-panels-mount > div > .mt-3 {
        margin-top: 12px !important;
    }

    .pcoded-main-container .card-header {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
    }

    .pcoded-main-container .card-header .float-left,
    .pcoded-main-container .card-header .float-right {
        float: none !important;
    }

    .pcoded-main-container .card-header .float-right {
        margin-left: auto;
    }

    .pcoded-main-container .card .table-responsive,
    .pcoded-main-container .card .dataTables_wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .pcoded-main-container .card table.table {
        min-width: 100%;
    }

    /* 节点结果表：横向滑动查看，检测点列固定在左侧 */
    #tool-panels-mount .table-responsive [class*="result-wrap"],
    #tool-panels-mount .table-responsive > div {
        overflow: visible !important;
    }

    #tool-panels-mount .table-responsive > .table,
    #tool-panels-mount .table-responsive [class*="result-wrap"] > .table,
    #tool-panels-mount .table-responsive > div > .table {
        min-width: 680px !important;
        margin-bottom: 0;
        table-layout: auto !important;
    }

    #tool-panels-mount .card-header > .float-left {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        width: 100%;
    }

    #tool-panels-mount .card-header > .float-left > h5 {
        margin-right: 4px;
    }

    .pcoded-main-container .card-header > .float-left {
        position: relative;
    }

    .pcoded-main-container .card-header > .float-left > span.class_hr {
        top: 1px;
        left: 0;
        background-color: var(--m-primary);
    }

    #tool-panels-mount .card-header .youce-radio,
    #tool-panels-mount .card-header .badge {
        margin: 0 !important;
        white-space: nowrap;
    }

    /* 结果表头：手机端用「运营商 / 状态 / 清除筛选」一行筛选条替代单选标签 */
    .m-filter-header {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
    }

    .m-filter-header > .float-left > label.youce-radio,
    .m-filter-header > .float-left > .time_out,
    .m-filter-header > .float-right {
        display: none !important;
    }

    .m-filter-header > .float-left {
        width: 100%;
    }

    .m-result-filter {
        position: relative;
        flex: 0 0 100%;
        width: 100%;
    }

    .m-result-filter-meta {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
        margin: 4px 0 10px 12px;
        color: var(--m-muted);
        font-size: 12px;
    }

    /* 当前按解析 IP 筛选：放在节点数旁，按钮行不再被挤压 */
    .m-filter-ip {
        min-width: 0;
        padding: 1px 8px;
        border: 1px solid rgba(36, 104, 242, .35);
        border-radius: 999px;
        background: var(--m-primary-soft);
        color: var(--m-primary);
        font-family: var(--m-font-num);
        font-size: 11.5px;
        line-height: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .m-result-filter-row {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 8px;
    }

    .m-filter-drop {
        position: relative;
        flex: 0 0 auto;
    }

    .m-filter-btn {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        height: 32px;
        padding: 0 10px;
        border: 1px solid var(--m-border);
        border-radius: 4px;
        background: #fff;
        color: var(--m-text-2);
        font-size: 13px;
        line-height: 1;
        white-space: nowrap;
        outline: none;
    }

    .m-filter-btn .feather {
        color: var(--m-muted);
        font-size: 13px;
        transition: transform .2s ease;
    }

    .m-filter-drop.open .m-filter-btn .feather {
        transform: rotate(180deg);
    }

    .m-filter-btn.active {
        border-color: var(--m-primary);
        background: var(--m-primary-soft);
        color: var(--m-primary);
    }

    .m-filter-btn.active .feather {
        color: var(--m-primary);
    }

    .m-filter-btn:disabled {
        color: #b8c0cc;
    }

    .m-filter-count {
        display: inline-block;
        min-width: 16px;
        height: 16px;
        margin-left: 2px;
        padding: 0 4px;
        border-radius: 8px;
        background: #f44336;
        color: #fff;
        font-size: 11px;
        line-height: 16px;
        text-align: center;
    }

    .m-filter-menu {
        position: absolute;
        top: calc(100% + 4px);
        left: 0;
        z-index: 1020;
        min-width: 130px;
        margin: 0;
        padding: 6px 0;
        list-style: none;
        border: 1px solid var(--m-border);
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 8px 24px rgba(30, 60, 120, .14);
    }

    .m-filter-menu > li {
        display: flex;
        align-items: center;
        height: 38px;
        padding: 0 14px;
        color: var(--m-text);
        font-size: 13.5px;
        white-space: nowrap;
        cursor: pointer;
    }

    .m-filter-menu > li:active {
        background: #f3f6fb;
    }

    .m-filter-menu > li.active {
        background: var(--m-primary-soft);
        color: var(--m-primary);
        font-weight: 500;
    }

    .m-result-filter-row {
        position: relative;
    }

    .m-filter-drop:has(> .m-filter-menu--grid) {
        position: static;
    }

    .m-filter-menu.m-filter-menu--grid {
        right: 0;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px;
        max-height: 300px;
        padding: 12px;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .m-filter-menu--grid > span {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 34px;
        border-radius: 4px;
        background: #f5f7fb;
        color: var(--m-text);
        font-size: 13px;
        white-space: nowrap;
        cursor: pointer;
    }

    .m-filter-menu--grid > .m-filter-grid-all {
        grid-column: 1 / -1;
    }

    .m-filter-menu--grid > span.active {
        background: var(--m-primary-soft);
        color: var(--m-primary);
        font-weight: 500;
    }

    #tool-panels-mount .table-responsive .many-result-table {
        min-width: 820px !important;
    }

    #tool-panels-mount .table-responsive .table thead th {
        position: static !important;
    }

    #tool-panels-mount .table-responsive .table th:first-child,
    #tool-panels-mount .table-responsive .table td:first-child {
        position: sticky !important;
        left: 0;
        z-index: 2;
        background: #fff;
        box-shadow: 1px 0 0 #edf1f7;
    }

    #tool-panels-mount .table-responsive .table thead th:first-child {
        background: #f6f8fc;
    }

    /* 节点结果表（参照 t.bt.cn）：只保留关键列，列宽按内容舒展、不换行，超出屏幕时整表横向滑动 */
    #tool-panels-mount .table-responsive,
    #pills-tabContent .table-responsive,
    #tracert_result .table-responsive {
        container-type: inline-size;
        overflow-x: auto !important;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
    }

    #tool-panels-mount .table-responsive::-webkit-scrollbar,
    #pills-tabContent .table-responsive::-webkit-scrollbar,
    #tracert_result .table-responsive::-webkit-scrollbar {
        display: none;
    }

    #tool-panels-mount .table-responsive .table.once-result-table,
    #tool-panels-mount .table-responsive .table.many-result-table,
    #tool-panels-mount .table-responsive .table.tcping-result-table,
    #tool-panels-mount .table-responsive .table.boce-ping-result-table,
    #tool-panels-mount .table-responsive .table.http-result-table,
    #tool-panels-mount .table-responsive .table.http-ipv6-result-table,
    #tool-panels-mount .table-responsive .table.dns-result-table,
    #tool-panels-mount .table-responsive .table.trace-result-table {
        width: max-content !important;
        min-width: 100% !important;
        max-width: none !important;
        table-layout: auto !important;
        border-collapse: separate !important;
        border-spacing: 0 !important;
        font-size: 13px !important;
    }

    #tool-panels-mount .table-responsive .table > :is(thead, tbody) > tr > :is(th, td),
    #pills-tabContent .table > :is(thead, tbody) > tr > :is(th, td),
    #tracert_result .table > :is(thead, tbody) > tr > :is(th, td) {
        border: 0 !important;
        border-bottom: 1px solid #eef1f6 !important;
    }

    #tool-panels-mount .table-responsive .table > thead > tr > th,
    #pills-tabContent .table > thead > tr > th,
    #tracert_result .table > thead > tr > th {
        background: #f6f8fc !important;
    }

    #tool-panels-mount .table-responsive .table > tbody > tr:not(.head_info):not(.dns_info) > td {
        background: #fff !important;
    }

    #tool-panels-mount .table-responsive .table > thead > tr > th:first-child {
        text-align: left !important;
        padding-left: 14px !important;
    }

    .once-result-table > colgroup,
    .many-result-table > colgroup,
    .tcping-result-table > colgroup,
    .boce-ping-result-table > colgroup,
    .http-result-table > colgroup,
    .http-ipv6-result-table > colgroup,
    .dns-result-table > colgroup,
    .trace-result-table > colgroup {
        display: none;
    }

    .once-result-table tr > :nth-child(3),
    .once-result-table tr > :nth-child(5),
    .many-result-table tr > :nth-child(3),
    .many-result-table tr > :nth-child(n+5):nth-child(-n+8),
    .many-result-table tr > :nth-child(n+10),
    .tcping-result-table tr > :nth-child(3),
    .tcping-result-table tr > :nth-child(n+5):nth-child(-n+8),
    .tcping-result-table tr > :nth-child(n+10),
    .boce-ping-result-table tr > :nth-child(4),
    .boce-ping-result-table tr > :nth-child(5),
    .boce-ping-result-table tr > :nth-child(n+8),
    .http-result-table tr > :nth-child(3),
    .http-result-table tr > :nth-child(n+6):nth-child(-n+9),
    .http-ipv6-result-table tr > :nth-child(n+5):nth-child(-n+7),
    .dns-result-table tr > :nth-child(2),
    .dns-result-table tr > :nth-child(3),
    .dns-result-table tr > :nth-child(5),
    .dns-result-table tr > :nth-child(8),
    .trace-result-table tr > :nth-child(3),
    .trace-result-table tr > :nth-child(5),
    .trace-result-table tr > :nth-child(n+7):nth-child(-n+10) {
        display: none !important;
    }

    #tool-panels-mount .table-responsive .table.once-result-table th,
    #tool-panels-mount .table-responsive .table.once-result-table td,
    #tool-panels-mount .table-responsive .table.many-result-table th,
    #tool-panels-mount .table-responsive .table.many-result-table td,
    #tool-panels-mount .table-responsive .table.tcping-result-table th,
    #tool-panels-mount .table-responsive .table.tcping-result-table td,
    #tool-panels-mount .table-responsive .table.boce-ping-result-table th,
    #tool-panels-mount .table-responsive .table.boce-ping-result-table td,
    #tool-panels-mount .table-responsive .table.http-result-table th,
    #tool-panels-mount .table-responsive .table.http-result-table td,
    #tool-panels-mount .table-responsive .table.http-ipv6-result-table th,
    #tool-panels-mount .table-responsive .table.http-ipv6-result-table td,
    #tool-panels-mount .table-responsive .table.dns-result-table th,
    #tool-panels-mount .table-responsive .table.dns-result-table td,
    #tool-panels-mount .table-responsive .table.trace-result-table th,
    #tool-panels-mount .table-responsive .table.trace-result-table td {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        padding: 12px 14px !important;
        overflow: visible !important;
        text-align: center;
        text-overflow: clip !important;
        white-space: nowrap !important;
        word-break: normal !important;
        vertical-align: middle;
        line-height: 1.45;
    }

    #tool-panels-mount .table-responsive .table thead th {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
        background: #f6f8fc;
        color: var(--m-text-2);
        font-size: 13px;
        font-weight: 500;
    }

    #tool-panels-mount .table-responsive .table.once-result-table tr > :first-child,
    #tool-panels-mount .table-responsive .table.many-result-table tr > :first-child,
    #tool-panels-mount .table-responsive .table.tcping-result-table tr > :first-child,
    #tool-panels-mount .table-responsive .table.boce-ping-result-table tr > :first-child,
    #tool-panels-mount .table-responsive .table.http-result-table tr > :first-child,
    #tool-panels-mount .table-responsive .table.http-ipv6-result-table tr > :first-child,
    #tool-panels-mount .table-responsive .table.dns-result-table tr > :first-child,
    #tool-panels-mount .table-responsive .table.trace-result-table tr > :first-child {
        position: sticky !important;
        left: 0;
        z-index: 2;
        padding-left: 14px !important;
        background: #fff;
        text-align: left;
        box-shadow: 1px 0 0 #edf1f7;
    }

    #tool-panels-mount .table-responsive .table thead tr > th:first-child {
        z-index: 3;
        background: #f6f8fc;
    }

    #tool-panels-mount .table-responsive .table tbody tr:hover > td:first-child {
        background: #fff;
    }

    /* 展开的详情行：内容宽度锁在可视区并跟随横滑停在左侧，避免被整表宽度撑开 */
    #tool-panels-mount .table-responsive .table tr.head_info > td:first-child,
    #tool-panels-mount .table-responsive .table tr.dns_info > td:first-child {
        position: static !important;
        padding: 0 !important;
        box-shadow: none;
        text-align: left !important;
        white-space: normal !important;
        background: #f8fafd;
    }

    #tool-panels-mount .table-responsive .table tr.head_info > td > *,
    #tool-panels-mount .table-responsive .table tr.dns_info > td > * {
        position: sticky;
        left: 0;
        box-sizing: border-box;
        width: calc(100vw - 2 * var(--m-gutter)) !important;
        max-width: calc(100vw - 2 * var(--m-gutter)) !important;
        width: 100cqw !important;
        max-width: 100cqw !important;
        margin: 0 !important;
        padding: 12px 14px !important;
        font-size: 12.5px;
        line-height: 1.65;
        white-space: pre-wrap !important;
        overflow-wrap: anywhere;
    }

    #tool-panels-mount .table-responsive .table .badge {
        margin-right: 6px;
        padding: 3px 6px;
        font-size: 11.5px;
        font-weight: 500;
        vertical-align: 1px;
    }

    /* 扳手悬停菜单依赖鼠标 hover，触屏上会误触或整串摊开，手机端不提供 */
    .pcoded-main-container .hover-button {
        display: none !important;
    }

    .dns-result-table .dns_str .address-hidden {
        max-width: 140px !important;
    }

    #pills-tabContent .table,
    #tracert_result .table.trace-result-table {
        width: max-content !important;
        min-width: 100% !important;
        max-width: none !important;
        table-layout: auto !important;
        border-collapse: separate !important;
        border-spacing: 0 !important;
        font-size: 13px !important;
    }

    #pills-tabContent .table th,
    #pills-tabContent .table td,
    #tracert_result .trace-result-table th,
    #tracert_result .trace-result-table td {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 12px 14px !important;
        text-align: left;
        white-space: nowrap !important;
        word-break: normal !important;
        vertical-align: middle;
        line-height: 1.45;
    }

    #pills-tabContent .table thead th,
    #tracert_result .trace-result-table thead th {
        padding-top: 11px !important;
        padding-bottom: 11px !important;
        background: #f6f8fc;
        color: var(--m-text-2);
        font-size: 13px;
        font-weight: 500;
    }

    #tracert_result .trace-result-table th,
    #tracert_result .trace-result-table td {
        text-align: center;
    }

    #tracert_result .table-responsive > .float-left,
    #tool-panels-mount .table-responsive > .float-left.p-3 {
        position: sticky;
        left: 0;
        float: none !important;
        display: block;
        box-sizing: border-box;
        width: 100cqw;
        padding: 12px 14px !important;
        font-size: 13px;
        line-height: 1.8;
    }

    #tracert_result .table-responsive > .float-left .ml-3,
    #tool-panels-mount .table-responsive > .float-left.p-3 .ml-3 {
        display: block;
        margin-left: 0 !important;
    }

    /* 域名解析统计：两列卡片 */
    .resolve_ip_list {
        padding: 10px 12px 12px !important;
    }

    .resolve_ip_list .ip_list {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .resolve_ip_list .ip_list > li,
    .resolve_ip_list .ip_list > a {
        display: block !important;
        float: none !important;
        flex: none !important;
        justify-self: stretch;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 6px;
        background: #f6f8fc;
    }

    .resolve_ip_list .ip_list > a > li,
    .resolve_ip_list .resolve-ip-filter {
        display: flex !important;
        float: none !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        align-items: center;
        justify-content: space-between;
        gap: 6px;
        padding: 8px 10px !important;
        background: transparent !important;
        font-size: 12.5px;
        line-height: 1.4;
    }

    .resolve_ip_list .ip_list .real_ip,
    .resolve_ip_list .ip_list .resolve-ip-pct {
        float: none !important;
        margin: 0 !important;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .resolve_ip_list.resolve-ip-list-ipv6 .ip_list {
        grid-template-columns: 1fr;
    }

    .pcoded-main-container .nav-pills {
        flex-wrap: wrap;
    }

    .pcoded-main-container .nav-pills .nav-link {
        font-size: 13px;
    }

    .pcoded-main-container .btn {
        touch-action: manipulation;
    }

    /* ---------- 广告与公告 ---------- */
    /* 手机版暂不投放广告：横幅、灯笼、顶部图片、结果表赞助商列统一带 .gg_link */
    .gg_link {
        display: none !important;
    }

    .site-recruit-banner {
        width: auto !important;
        height: auto !important;
        margin: 10px var(--m-gutter) 0 !important;
        padding: 10px 14px !important;
        line-height: 1.5 !important;
        font-size: 14px !important;
        border-radius: 8px !important;
        background: linear-gradient(90deg, var(--m-primary), var(--m-accent)) !important;
    }

    .site-announcement-bar {
        width: auto !important;
        margin: 10px var(--m-gutter) 0 !important;
        font-size: 13px !important;
    }

    /* ---------- 页脚 ---------- */
    .footer {
        height: auto !important;
        margin-top: 8px !important;
        padding: 18px 16px calc(18px + env(safe-area-inset-bottom)) !important;
        background: #fff;
        color: var(--m-muted);
        font-size: 12px;
    }

    .footer .card-body {
        padding: 0 !important;
    }

    .footer .d-flex {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        line-height: 1.9;
        margin-bottom: 0 !important;
    }

    .footer .split {
        padding: 0 6px !important;
    }

    .footer a {
        color: var(--m-text-2);
    }

    .footer-view-desktop {
        display: inline;
    }

    /* ---------- 返回顶部 ---------- */
    .back_top {
        z-index: 1030 !important;
        top: auto !important;
        right: 14px !important;
        bottom: calc(20px + env(safe-area-inset-bottom)) !important;
        width: auto !important;
    }

    .back_top #scroll-to-top {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px !important;
        height: 42px !important;
        padding: 0;
        border: 1px solid var(--m-border) !important;
        border-radius: 50%;
        background: rgba(255, 255, 255, .96) !important;
        color: var(--m-primary) !important;
        font-size: 0 !important;
        box-shadow: 0 4px 14px rgba(30, 60, 120, .14);
    }

    .back_top #scroll-to-top i {
        font-size: 18px;
    }

    html.m-drawer-open .back_top {
        display: none !important;
    }

    /* 弹窗、提示 */
    .layui-layer {
        max-width: calc(100vw - 24px) !important;
    }

    /* ---------- 首页 ---------- */
    .home-tool-grid {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 10px;
        margin: 0 !important;
    }

    .home-tool-grid > .element-item {
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .home-tool-grid > .element-item[style*="display: none"] {
        display: none !important;
    }

    .home-tool-grid > .element-item > .card {
        min-height: 0 !important;
        height: auto !important;
        padding: 14px 16px !important;
        box-shadow: 0 1px 3px rgba(30, 60, 120, .06) !important;
    }

    .home-tool-grid .media i.iconfont {
        margin-right: 10px !important;
        font-size: 26px !important;
        color: var(--m-primary);
    }

    .home-tool-grid h4 {
        margin: 0;
        color: var(--m-text);
        font-size: 16px;
        line-height: 26px;
    }

    .home-tool-grid .badge {
        margin-top: 2px !important;
        font-size: 11px;
    }

    .home-tool-grid p.text-secondary {
        color: var(--m-muted) !important;
        font-size: 12.5px;
        line-height: 1.7;
    }

    .home-article-row > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 var(--m-gutter);
    }

    .home-article-row .card {
        margin-bottom: 12px !important;
    }

    /* ---------- IP 查询页 ---------- */
    .ip-local-row {
        display: block !important;
        margin: 0 !important;
        padding: 4px 0 !important;
    }

    .ip-local-row > [class*="col-"] {
        padding: 0 !important;
    }

    .ip-local-row .more-hidden {
        max-width: 100% !important;
    }

    .ip-local-row > .network_loading {
        padding: 8px 0 0 !important;
    }

    .ip-local-row > .network_first .badge {
        display: block;
        margin: 10px 0 0 !important;
        padding: 10px 12px;
        line-height: 1.6 !important;
        font-size: 13.5px !important;
        white-space: normal;
        text-align: left;
    }

    .ip-leak-row {
        display: block !important;
        margin: 0 !important;
    }

    .ip-leak-row > div {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    .ip-leak-row .card-body > .row {
        display: block !important;
        margin: 0 !important;
        padding: 12px 16px !important;
    }

    .ip-leak-row .card-body > .row > div {
        max-width: 100% !important;
        padding: 0 !important;
    }

    .ip-query-bar {
        gap: 10px;
    }

    .ip-query-bar .ip-query-input {
        flex: 1 1 0 !important;
        min-width: 0;
        width: auto !important;
        height: 44px;
    }

    .ip-query-bar .ip-query-btn {
        flex: 0 0 auto;
        height: 44px;
    }

    .ip-m-mine {
        margin: 6px 0 0;
        color: var(--m-text-2);
        font-size: 13px;
        line-height: 1.8;
    }

    .ip-m-mine b {
        color: var(--m-primary);
        font-weight: 500;
        word-break: break-all;
    }

    .ip-m-sep {
        margin: 0 8px;
        color: #cbd5e1;
    }

    .ip-m-form {
        margin-bottom: 12px !important;
    }

    .ip-m-crumb {
        padding: 10px 0 14px;
        color: var(--m-text-2);
        font-size: 13px;
    }

    .ip-m-crumb a {
        color: var(--m-primary);
    }

    .ip-m-crumb span {
        margin: 0 8px;
        color: #cbd5e1;
    }

    .ip-m-meta {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        gap: 4px 8px;
        margin-top: 16px;
        color: var(--m-text);
        font-size: 13.5px;
    }

    .ip-m-meta-ip {
        color: var(--m-primary);
        font-weight: 500;
        word-break: break-all;
    }

    .ip-m-meta-time {
        color: var(--m-muted);
        font-size: 12px;
    }

    .ip-m-meta-refresh {
        padding: 0;
        border: 0;
        background: none;
        color: var(--m-primary);
        font-size: 12px;
    }

    .ip-m-meta-refresh:disabled {
        color: var(--m-muted);
    }

    .ip-m-alert {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        margin-top: 12px;
        padding: 14px 16px;
        border-radius: 8px;
        background: var(--m-primary-soft);
        color: var(--m-primary);
    }

    .ip-m-alert > .fas {
        margin-top: 2px;
        font-size: 17px;
    }

    .ip-m-alert-title {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.5;
    }

    .ip-m-alert-sub {
        margin-top: 2px;
        font-size: 12.5px;
        word-break: break-all;
    }

    .ip-m-alert.is-fail {
        background: #fff1f0;
        color: #e5484d;
    }

    .ip-m-info {
        margin-top: 12px;
        padding: 6px 16px 8px;
        border: 1px solid var(--m-border);
        border-radius: 8px;
    }

    .ip-m-info h6 {
        margin: 10px 0 6px;
        color: var(--m-text);
        font-size: 14px;
        font-weight: 500;
    }

    .ip-m-info dl {
        margin: 0;
    }

    .ip-m-info-row {
        display: flex;
        padding: 9px 0;
        font-size: 13.5px;
    }

    .ip-m-info-row dt {
        flex: 0 0 96px;
        color: var(--m-text-2);
        font-weight: 400;
    }

    .ip-m-info-row dd {
        flex: 1 1 0;
        min-width: 0;
        margin: 0;
        color: var(--m-text);
        word-break: break-all;
    }

    /* ---------- 在线工具（json-boce 系列） ---------- */
    .pcoded-content.json-page-content {
        padding: 0 var(--m-gutter) 24px !important;
    }

    .pcoded-main-container .pcoded-content.json-page-content:has(> .json-index-hero) {
        padding-top: 0 !important;
    }

    .json-page-content .json-index-hero {
        max-width: none !important;
        margin: 0 calc(-1 * var(--m-gutter)) 14px !important;
        padding: 26px 20px 22px;
        background: #fff;
    }

    .json-page-content .json-index-title {
        font-size: 24px !important;
        letter-spacing: 2px !important;
    }

    .json-page-content .json-index-desc {
        font-size: 13.5px !important;
    }

    .json-page-content .json-menu-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
    }

    .json-page-content .json-menu-grid > * {
        min-width: 0;
    }

    .json-page-content .menu-item {
        min-height: 0 !important;
        padding: 12px 14px !important;
        border-radius: var(--m-radius) !important;
    }

    .json-page-content .menu-item .card-body {
        padding: 0 !important;
    }

    .json-page-content .menu-icon {
        width: 42px !important;
        height: 42px !important;
        border-radius: 12px !important;
    }

    .json-page-content .card-title {
        font-size: 15.5px !important;
    }

    .json-page-content .card-go {
        opacity: 1 !important;
        transform: none !important;
        height: auto !important;
    }

    .json-page-content .CodeMirror,
    .json-page-content .CodeMirror-scroll {
        max-width: 100%;
    }

    /* ---------- 域名 / 拦截检测（yc 页） ---------- */
    .yc-page .yc-card-intro {
        display: none;
    }

    .yc-page .yc-subnav-wrap {
        width: auto !important;
        max-width: none !important;
        margin: 0 calc(-1 * var(--m-gutter)) !important;
        padding: 0 16px 6px;
        background: #fff;
    }

    .yc-page .yc-subnav {
        display: grid;
        gap: 8px;
        padding: 0;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    .yc-page .yc-subnav--intercept {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .yc-page .yc-subnav--domain {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .yc-page .yc-subnav a {
        flex: none;
        min-width: 0;
        padding: 8px 4px;
        border: 1px solid var(--m-border);
        border-radius: 16px;
        background: #f6f8fc;
        color: var(--m-text-2);
        font-size: 13px;
        white-space: nowrap;
    }

    .yc-page .yc-subnav--intercept a {
        grid-column: span 2;
    }

    .yc-page .yc-subnav--intercept a:nth-child(4) {
        grid-column: 2 / span 2;
    }

    .yc-page .yc-subnav--intercept a:nth-child(5) {
        grid-column: 4 / span 2;
    }

    .yc-page .yc-subnav a.active {
        border-color: var(--m-primary);
        background: var(--m-primary);
        color: #fff;
        box-shadow: none;
    }

    .yc-page .yc-search-card {
        border: 0 !important;
        box-shadow: none !important;
    }

    .yc-page .yc-search-row {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .yc-page .yc-search-row .yc-tool-badge {
        display: none;
    }

    .yc-page .yc-search-row .form-control {
        flex: 0 0 auto;
        width: 100%;
        height: 46px;
        border-color: var(--m-input-border);
        border-radius: 6px;
        font-size: 15px;
    }

    .yc-page .yc-detect-btn {
        width: 100%;
        height: 46px;
        border-radius: 6px;
        background: var(--m-primary);
        box-shadow: none;
        font-size: 16px;
        font-weight: 500;
    }

    .yc-page .yc-detect-btn:hover {
        transform: none;
    }

    .yc-page .yc-mode-bar {
        display: flex;
        width: 100%;
        margin-bottom: 14px;
    }

    .yc-page .yc-mode-btn {
        flex: 1 1 0;
        padding: 8px 0;
    }

    .yc-page .yc-mode-btn.active {
        color: var(--m-primary);
    }

    .yc-page .yc-hosts-input {
        border-color: var(--m-input-border);
        font-size: 15px;
    }

    .yc-page .yc-history-card,
    .yc-page .yc-detect-panel {
        padding: 14px !important;
        border-radius: var(--m-radius) !important;
    }

    .yc-page .yc-history-head {
        flex-direction: row !important;
        flex-wrap: wrap;
        align-items: center !important;
        gap: 10px;
    }

    .yc-page .yc-history-title {
        font-size: 16px;
    }

    .yc-page .yc-history-table {
        min-width: 520px;
    }

    .yc-page .yc-history-table:has(.yc-history-empty) {
        min-width: 0;
    }
}

/* ========== 手机端截图保存（参考 t.bt.cn 结果长图） ========== */
@media (max-width: 991.98px) {
    .m-form-actions .btn.m-shot-btn,
    .tool-batch-input .batch-actions .btn.m-shot-btn {
        display: inline-flex !important;
    }

    html.m-shot-open,
    html.m-shot-open body {
        overflow: hidden;
    }

    #screenshots.m-shot-capture {
        width: 100%;
        padding-bottom: 12px !important;
        background: #f3f5f9;
    }

    #screenshots.m-shot-capture .m-hero,
    #screenshots.m-shot-capture #tool-page-root > .col-12:has(> .input-area),
    #screenshots.m-shot-capture .m-result-filter,
    #screenshots.m-shot-capture .gg_link,
    #screenshots.m-shot-capture .hover-button,
    #screenshots.m-shot-capture .m-shot-skip,
    #screenshots.m-shot-capture .map-marker-toggle,
    #screenshots.m-shot-capture .m-resolve-toggle,
    #screenshots.m-shot-capture tr.head_info,
    #screenshots.m-shot-capture tr.dns_info {
        display: none !important;
    }

    #screenshots.m-shot-capture .table-responsive {
        overflow: hidden !important;
    }

    #screenshots.m-shot-capture .table-responsive .table {
        width: 100% !important;
        min-width: 0 !important;
    }

    #screenshots.m-shot-capture .table-responsive .table > :is(thead, tbody) > tr > :is(th, td) {
        position: static !important;
        padding: 10px 8px !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
        box-shadow: none !important;
    }

    #screenshots.m-shot-capture .table-responsive .table > :is(thead, tbody) > tr > :is(th, td):first-child,
    #screenshots.m-shot-capture #pills-tabContent .table > :is(thead, tbody) > tr > :is(th, td) {
        overflow-wrap: normal !important;
    }

    #screenshots.m-shot-capture .table-responsive .table > :is(thead, tbody) > tr > :is(th, td):first-child {
        padding-left: 12px !important;
    }

    .m-shot-head {
        margin: 0 var(--m-gutter) 12px;
        padding: 16px;
        border-radius: 10px;
        background: linear-gradient(145deg, #123fbe 0%, #2f66f2 100%);
        color: #fff;
    }

    .m-shot-head-brand {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 8px;
    }

    .m-shot-head-logo {
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 1px;
    }

    .m-shot-head-host {
        font-size: 12px;
        opacity: .8;
    }

    .m-shot-head-tool {
        margin-top: 12px;
        font-size: 16px;
        font-weight: 600;
    }

    .m-shot-head-target {
        margin-top: 4px;
        font-size: 14px;
        word-break: break-all;
        opacity: .95;
    }

    .m-shot-head-time {
        margin-top: 10px;
        font-size: 12px;
        opacity: .8;
    }

    .m-shot-foot {
        margin: 12px var(--m-gutter) 0;
        padding: 16px;
        border-radius: 10px;
        background: #fff;
    }

    .m-shot-foot-note {
        margin-bottom: 12px;
        padding-bottom: 12px;
        border-bottom: 1px dashed var(--m-border);
        color: var(--m-text-2);
        font-size: 12.5px;
        text-align: center;
    }

    .m-shot-foot-main {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .m-shot-foot-qr {
        flex: 0 0 auto;
        width: 96px;
        height: 96px;
        border: 1px solid #eef1f6;
        border-radius: 6px;
    }

    .m-shot-foot-text {
        display: flex;
        flex-direction: column;
        gap: 4px;
        min-width: 0;
        color: var(--m-text);
        font-size: 13px;
    }

    .m-shot-foot-text strong {
        font-size: 15px;
    }

    .m-shot-foot-text span {
        color: var(--m-text-2);
    }

    .m-shot-foot-text em {
        margin-top: 4px;
        color: var(--m-primary);
        font-style: normal;
        font-size: 12px;
    }
}

/* ========== 手机端解析统计 / 结果行点击（参考 t.bt.cn） ========== */
@media (max-width: 991.98px) {
    #tool-panels-mount tr.node_tr:active > td {
        background: #f3f6fb !important;
    }

    .m-resolve {
        padding: 2px 12px 14px;
        font-family: var(--m-font);
    }

    .m-resolve-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin: 0;
        padding: 14px 4px 10px;
        border: 0;
        background: #fff;
        color: #1f2937;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0;
    }

    .m-resolve-head em {
        color: #2fbe6a;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
    }

    .m-resolve-sum {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
        margin: 0 4px 12px;
        color: #98a2b3;
        font-size: 13px;
        line-height: 1.4;
    }

    .m-resolve-sum b {
        margin-left: 2px;
        color: #2fbe6a;
        font-family: var(--m-font-num);
        font-weight: 600;
        font-variant-numeric: tabular-nums lining-nums;
    }

    .m-resolve-sum b.is-bad {
        color: #e5484d;
    }

    .m-resolve-sum > i {
        width: 1px;
        height: 12px;
        background: #e5e9f0;
    }

    .m-resolve-copy {
        margin-left: auto;
        padding: 0;
        border: 0;
        background: transparent;
        color: #98a2b3;
        font-size: 13px;
    }

    /* 一排 2 个 IP，固定行高；超过 3 排时框内上下滑动 */
    .m-resolve-list {
        --m-resolve-row: 54px;
        --m-resolve-gap: 8px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: var(--m-resolve-row);
        gap: var(--m-resolve-gap);
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .m-resolve-list.is-scroll {
        max-height: calc(var(--m-resolve-row) * 3 + var(--m-resolve-gap) * 2);
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .m-resolve-list.is-scroll::-webkit-scrollbar {
        display: none;
    }

    .m-resolve-list > li {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 3px;
        min-width: 0;
        padding: 0 10px;
        border: 0;
        border-radius: 10px;
        background: #f6f7f9;
        cursor: pointer;
        transition: background-color .16s var(--m-ease), transform .14s var(--m-ease);
    }

    .m-resolve-top {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 6px;
        min-width: 0;
    }

    .m-resolve-top b {
        min-width: 0;
        color: #1f2937;
        font-family: var(--m-font-num);
        font-size: 13px;
        font-weight: 600;
        letter-spacing: -.01em;
        font-variant-numeric: tabular-nums lining-nums;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .m-resolve-list > li > em {
        min-width: 0;
        color: #98a2b3;
        font-size: 11.5px;
        font-style: normal;
        line-height: 1.3;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .m-resolve-list > li:active {
        transform: scale(.99);
        background: #eef1f6;
    }

    .m-resolve-list > li.active {
        background: #eefbf3;
    }

    .m-resolve-pct {
        flex: 0 0 auto;
        color: #2fbe6a;
        font-family: var(--m-font-num);
        font-size: 13px;
        font-weight: 600;
        letter-spacing: -.02em;
        font-variant-numeric: tabular-nums lining-nums;
    }

    .m-resolve-list > li.failed .m-resolve-top b,
    .m-resolve-list > li.failed .m-resolve-pct {
        color: #e5484d;
    }

    .m-resolve-more {
        margin: 8px 0 0;
        color: #98a2b3;
        font-size: 12px;
        text-align: center;
    }
}

/* ========== 手机端工具页底部「常用工具」 ========== */
@media (max-width: 991.98px) {
    #screenshots.m-shot-capture .m-common-tools {
        display: none !important;
    }

    .m-common-tools {
        margin: 12px var(--m-gutter) 0;
        padding: 12px 10px 14px;
        border: 1px solid rgba(11, 18, 32, .05);
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 1px 2px rgba(11, 18, 32, .04), 0 10px 28px rgba(16, 40, 90, .05);
    }

    .m-common-tools-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 4px 12px;
    }

    .m-common-tools-title {
        position: relative;
        padding-left: 10px;
        color: var(--m-text);
        font-size: 15px;
        font-weight: 600;
        line-height: 20px;
    }

    .m-common-tools-title::before {
        content: '';
        position: absolute;
        left: 0;
        top: 3px;
        bottom: 3px;
        width: 3px;
        border-radius: 2px;
        background: var(--m-primary);
    }

    .m-common-tools-more {
        display: inline-flex;
        align-items: center;
        gap: 1px;
        height: 24px;
        padding: 0 4px 0 8px;
        border: 0;
        border-radius: 12px;
        background: transparent;
        color: var(--m-muted);
        font-size: 12px;
    }

    .m-common-tools-more:active {
        background: var(--m-primary-soft);
        color: var(--m-primary);
    }

    .m-common-tools-more .feather {
        font-size: 14px;
    }

    .m-common-tools-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 14px 4px;
    }

    .m-common-tool {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
        min-width: 0;
        padding: 4px 0;
        border: 0;
        border-radius: 10px;
        background: transparent;
        text-decoration: none !important;
        transition: background-color .16s var(--m-ease), transform .14s var(--m-ease);
    }

    .m-common-tool:active {
        transform: scale(.96);
        background: var(--m-primary-soft);
    }

    .m-common-tool-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        border-radius: 12px;
        font-size: 19px;
    }

    .m-common-tool-icon.is-more {
        background: #f1f4f9;
        color: var(--m-text-2);
    }

    .m-common-tool-label {
        max-width: 100%;
        color: var(--m-text);
        font-size: 12px;
        line-height: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* 顶栏「工具」入口 */
    .m-topbar-tools {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        height: 30px;
        padding: 0 10px;
        border: 0;
        border-radius: 15px;
        background: var(--m-primary-soft);
        color: var(--m-primary);
        font-size: 13px;
        font-weight: 500;
    }

    .m-topbar-tools .feather {
        font-size: 14px;
    }

    .m-topbar-tools:active {
        background: #dbe7fd;
    }

    /* 抽屉子菜单带图标 */
    .m-drawer-sub-link.has-icon {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .m-drawer-sub-link.has-icon > i {
        flex: 0 0 auto;
        color: var(--m-primary);
        font-size: 14px;
        opacity: .85;
    }

    /* Ping / Tcping / 路由追踪：手机端结果改成汇总条 + 单列列表，桌面表格用 .m-desk-only 保留 */
    .m-desk-only {
        display: none !important;
    }

    .m-probe {
        background: #fff;
    }

    .m-probe-stats {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        border-top: 1px solid var(--m-border);
        border-bottom: 1px solid var(--m-border);
    }

    .m-probe-stats--3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .m-probe-stats > div {
        padding: 12px 4px 11px;
        text-align: center;
    }

    .m-probe-stats > div + div {
        border-left: 1px solid var(--m-border);
    }

    .m-probe-stats em {
        display: block;
        color: var(--m-muted);
        font-size: 11px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: .12em;
    }

    .m-probe-stats strong {
        display: block;
        margin-top: 5px;
        color: var(--m-text);
        font-family: var(--m-font-num);
        font-size: 20px;
        font-weight: 600;
        letter-spacing: -.03em;
        font-variant-numeric: tabular-nums lining-nums;
        line-height: 1.15;
    }

    .m-probe-head {
        display: flex;
        justify-content: space-between;
        padding: 10px 14px 4px;
        color: var(--m-muted);
        font-size: 11px;
        letter-spacing: .06em;
    }

    .m-http-badge {
        flex: 0 0 auto;
        min-width: 36px;
        padding: 3px 6px;
        border-radius: 4px;
        font-size: 11px;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
    }

    .m-probe .m-probe-node em {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .m-probe-row {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        padding: 12px 14px;
        border: 0;
        border-top: 1px solid #f0f3f8;
        background: #fff;
        text-align: left;
        transition: background-color .16s var(--m-ease);
    }

    .m-probe-row:active {
        background: var(--m-primary-soft);
    }

    .m-probe-dot {
        flex: 0 0 auto;
        width: 9px;
        height: 9px;
        border: 1.5px solid #d5dbe6;
        border-radius: 2px;
    }

    .m-probe-node {
        flex: 1 1 auto;
        min-width: 0;
    }

    .m-probe-node strong,
    .m-probe-metric strong {
        display: block;
        color: var(--m-text);
        font-family: var(--m-font-num);
        font-size: 15px;
        font-weight: 600;
        letter-spacing: -.02em;
        font-variant-numeric: tabular-nums;
        line-height: 1.3;
    }

    .m-probe-node em,
    .m-probe-metric em {
        display: block;
        color: var(--m-muted);
        font-size: 12px;
        font-style: normal;
        font-variant-numeric: tabular-nums;
    }

    .m-probe-metric {
        flex: 0 0 auto;
        text-align: right;
    }

    /* Ping / Tcping 行：第一行节点名 + 线路标签，第二行响应 IP + 归属地 */
    .m-probe-title {
        display: flex;
        align-items: center;
        gap: 6px;
        min-width: 0;
    }

    .m-probe-title strong {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .m-probe-title small {
        flex: 0 0 auto;
        padding: 0 5px;
        border-radius: 4px;
        background: #f1f4f9;
        color: var(--m-muted);
        font-size: 11px;
        line-height: 18px;
    }

    .m-probe-ip {
        display: flex;
        align-items: baseline;
        gap: 6px;
        min-width: 0;
        margin-top: 2px;
    }

    .m-probe-ip b {
        flex: 0 1 auto;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #475467;
        font-family: var(--m-font-num);
        font-size: 12px;
        font-weight: 500;
        font-variant-numeric: tabular-nums;
    }

    .m-probe .m-probe-ip em {
        flex: 1 1 auto;
        min-width: 0;
        color: var(--m-muted);
        font-size: 11.5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .m-probe .is-bad {
        color: #e61610 !important;
    }

    .m-trace-from {
        padding: 12px 14px 4px;
    }

    .m-trace-from em {
        display: block;
        color: var(--m-muted);
        font-size: 11px;
        font-style: normal;
    }

    .m-trace-from strong {
        display: block;
        margin-top: 2px;
        color: var(--m-text);
        font-size: 16px;
    }

    .m-trace-from span {
        display: block;
        margin-top: 2px;
        color: var(--m-text-2);
        font-size: 12px;
    }

    .m-trace-list {
        list-style: none;
        margin: 0;
        padding: 6px 14px 12px 0;
    }

    .m-trace-list li {
        display: grid;
        grid-template-columns: 32px 16px 1fr auto;
        align-items: stretch;
        column-gap: 8px;
    }

    .m-trace-ttl {
        padding: 10px 0;
        color: var(--m-text);
        font-size: 14px;
        font-weight: 650;
        text-align: right;
    }

    .m-trace-mark {
        position: relative;
        width: 16px;
    }

    .m-trace-mark::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 6px;
        width: 1.5px;
        background: #1f2937;
    }

    .m-trace-list li:first-child .m-trace-mark::before {
        top: 16px;
    }

    .m-trace-list li:last-child .m-trace-mark::before {
        bottom: auto;
        height: 16px;
    }

    .m-trace-mark::after {
        content: "";
        position: absolute;
        top: 14px;
        left: 2px;
        width: 9px;
        height: 9px;
        background: #1f2937;
        border: 1.5px solid #1f2937;
    }

    .m-trace-list li.is-miss .m-trace-mark::after {
        background: #fff;
    }

    .m-trace-body {
        min-width: 0;
        padding: 8px 0 10px;
        border-bottom: 1px solid #f0f3f8;
    }

    .m-trace-body strong {
        display: block;
        color: var(--m-text);
        font-size: 14px;
        font-weight: 650;
        word-break: break-all;
    }

    .m-trace-body em {
        display: block;
        margin-top: 1px;
        color: var(--m-muted);
        font-size: 12px;
        font-style: normal;
    }

    .m-trace-rtt {
        padding: 8px 0 10px;
        color: var(--m-text);
        font-size: 14px;
        font-weight: 650;
        font-variant-numeric: tabular-nums;
        white-space: nowrap;
    }
}

/* ========== 窄屏（iPhone SE 等 ≤374px）：按钮 / 筛选 / 常用工具紧凑排布 ========== */
@media (max-width: 374.98px) {
    :is(.m-form-actions, .ping-form-actions, .tool-traceroute-actions, .batch-actions) .btn {
        padding: 0 4px !important;
        font-size: 14px !important;
        white-space: nowrap !important;
    }

    :is(.m-form-actions, .ping-form-actions, .tool-traceroute-actions, .batch-actions) .btn > i {
        display: none;
    }

    .m-result-filter-row {
        gap: 5px;
    }

    .m-filter-btn {
        gap: 2px;
        padding: 0 6px;
        font-size: 12.5px;
    }

    .m-map-legend {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px 10px;
    }

    .m-region-head,
    .m-region-row {
        grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1fr);
        column-gap: 6px;
    }

    .m-region-row b {
        font-size: 12px;
    }

    .m-common-tools-grid {
        gap: 12px 2px;
    }

    .m-common-tool-icon {
        width: 38px;
        height: 38px;
        font-size: 17px;
    }

    .m-common-tool-label {
        font-size: 11.5px;
    }
}