/* 文章中的Table of Contents */
.toc{
  max-width:400px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"PingFang SC","Microsoft Yahei",Arial,sans-serif;
  counter-reset: toc; /* 在整块目录范围内建立编号计数器 */
  margin-top: 4px;   
  margin-bottom: 20px;
}

/* 顶部标题条（更紧凑） */
.toc .toc-title{
  display:flex; align-items:center;
  padding:8px 12px;
  font-size:14px; color:#64748b;
  border-bottom:1px solid #e5e7eb;
}
/* flex-gap 回退 */
.toc .toc-title > * + *{ margin-left:8px; }

/* 小方框图标 */
.toc .toc-icon{
  width:14px; height:14px; border:2px solid #94a3b8; border-radius:3px; position:relative;
}
.toc .toc-icon::after{
  content:""; position:absolute; inset:2px;
  border-top:2px solid #94a3b8; border-left:2px solid #94a3b8;
  border-right:0; border-bottom:0; border-radius:2px;
}

/* 列表容器：支持 <div class="toc-list"> 或 <nav>，并压扁 &nbsp; 空白节点 */
.toc .toc-list,
.toc nav{
  display:block;
  font-size:0; /* 折叠 nav 里的文本空白（&nbsp;），避免出现空白行 */
}

/* 列表项（紧凑尺寸） */
.toc .toc-item{
  display:block;                 /* 旧框架更稳 */
  padding:8px 12px;              /* 比原版更紧凑 */
  text-decoration:none;
  color:#111827;
  border-top:1px solid #e5e7eb;
  line-height:1.28;              /* 降低行高，视觉更紧凑 */
  background:#fff;
  font-size:14px;                /* 覆盖 nav 的 font-size:0 */
}

/* 文本与编号 */
.toc .toc-text{
  position:relative;
  display:inline;                /* 避免额外块高 */
  line-height:1.28;
}
.toc .toc-text::before{
  counter-increment: toc;
  content: counter(toc) ". ";
  margin-right:.25em; opacity:.9;
}

/* 右箭头（如未使用可忽略） */
.toc .toc-arrow{ width:14px; height:14px; opacity:.65; font-size:14px; line-height:14px; }
.toc .toc-arrow::before{ content:"→"; display:inline-block; }

/* 悬停/聚焦高亮（浅蓝） */
.toc .toc-item:hover,
.toc .toc-item:focus{ background:#eff6ff; outline:none; }
.toc .toc-item:focus-visible{
  box-shadow:inset 0 0 0 2px #3b82f6;
  border-color:rgba(59,130,246,.35);
}

/* 移动端宽度（Razor 内联需用 @media） */
@media (max-width:640px){
  .toc{ max-width:100%; }
}

/* —— 正文标题避挡 —— */
/* 让锚点滚动时预留头部高度（按需把 90px 改成你的导航高度） */
h2[id]{
  scroll-margin-top: 5.5vw;
}
/* —— Frequently Asked Questions —— */
/* H2 标题（在盒子外） */
.faq-section .faq-h2{
  margin:20px 0 18px;
  font-size:28px;
  line-height:1.3;
  font-weight:700;
}

/* 盒子本体（与正文同宽） */
.faq{
  width:100%;
  max-width:none;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:12px;
  overflow:hidden;                     /* 保持圆角裁切 */
  box-shadow:0 1px 0 rgba(0,0,0,.02);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"PingFang SC","Microsoft Yahei",Arial,sans-serif;
  margin:0 0 20px;
}
.faq .faq-list{ display:block; }
.faq .faq-item{ border-top:1px solid #e5e7eb; }
.faq .faq-item:first-child{ border-top:none; }

/* H3 问题行 */
.faq .faq-q{
  display:flex; align-items:center;
  padding:10px 14px;
  cursor:pointer; user-select:none;
  outline:0; color:#111827;
  margin:0;                              /* 去掉h3默认外边距 */
  font-size:16px; line-height:1.35;
  font-weight:400;                       /* 不加粗 */
  white-space:normal;                    /* 防全局 nowrap */
}
.faq .faq-q:hover{ background:#f7faff; }
.faq .faq-q:focus{ box-shadow:inset 0 0 0 2px #3b82f6; background:#eff6ff; }
.faq .is-open > .faq-q{ background:#f3f7ff; transition:background .15s ease; }

/* 左侧编号 / 标题 / 右侧符号 */
.faq .faq-num{ width:16px; margin-right:4px; font-weight:400; }
.faq .faq-text{ flex:1 1 auto; min-width:0; }  /* 允许在一行内换行 */
.faq .faq-arrow{
  width:16px; height:16px; text-align:right;
  opacity:.7; font-weight:600; flex:0 0 auto;
}
.faq .faq-arrow::before{ content:"+"; line-height:16px; font-size:16px; }
.faq .is-open > .faq-q .faq-arrow::before{ content:"\2212"; }

/* 答案区域（淡灰背景、14px 文本、不会被裁切/不换行） */
.faq .faq-a{
  display:none;
  box-sizing:border-box;
  padding:14px 24px 12px 34px;          /* 左 34 与编号对齐：14 + 16 + 4 */
  background:#fcfcfc;
  color:#374151;
  font-size:14px; line-height:1.75;
  overflow:visible;
}
.faq .is-open > .faq-a{ display:block; }
.faq .faq-a, .faq .faq-a *{
  white-space:normal !important;
  overflow-wrap:break-word !important;
  word-wrap:break-word !important;
  max-width:100% !important;
}
.faq .faq-a p{ margin:0 0 12px; display:block; }
.faq .faq-a p:last-child{ margin-bottom:0; }

@media (max-width:640px){
.faq .faq-q{
    display:block !important;            /* 覆盖 flex/grid */
    position:relative;
    padding:10px 32px 10px 34px;         /* 左 34 = 14 + 16 + 4 */
    line-height:1.35;
  }
.faq .faq-num{
    position:absolute; left:14px; top:10px;
    width:auto; margin:0; font-weight:400;
  }
.faq .faq-arrow{
    position:absolute; right:12px; top:10px;
  }
.faq .faq-text{
    display:block; min-width:0;
    white-space:normal !important;
    word-wrap:break-word; overflow-wrap:break-word;
  }
  /* 答案缩进与对齐（与编号对齐） */
.faq .faq-a{ padding-left:34px; padding-right:20px; }
}
  /* 表格移动端水平滚动条 */
.table-wrapper {
  width: 100%;
  margin-bottom: 2em;
  /* By default, no scrollbar and no border on desktop */
  overflow-x: hidden; 
}

.table-wrapper table {
  width: 100%;
  border-collapse: collapse;
}

.table-wrapper th,
.table-wrapper td {
  padding: 12px 15px;
  text-align: left;
  border: 1px solid #e0e0e0; 
  vertical-align: top;
}

.table-wrapper thead th {
  background-color: #f5f5f5; 
  font-weight: bold;
}

/* --- Mobile Styles using Media Query --- */
/* Apply these styles ONLY on screens smaller than our table's natural width */
@media screen and (max-width: 768px) {
  .table-wrapper {
    /* On mobile, enable scrolling */
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /* On mobile, ADD the border to hint at scrollability */
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
  }

  .table-wrapper table {
    /* On mobile, force the table to be wide */
    min-width: 774px; 
  }
  
  /* --- Optional but recommended: Mobile Scrollbar Visibility Fix --- */
  .table-wrapper::-webkit-scrollbar {
    height: 8px;
  }
  .table-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  .table-wrapper::-webkit-scrollbar-thumb {
    background: #bbb;
  }
}
/* H4 前的“播放”小图标（把 h4 加 class="h4-play" 即可） */
.h4-play{
  display:inline-flex; align-items:center; gap:8px;
  margin:12px 0 8px;
}
.h4-play::before{
  content:"";
  display:inline-block;
  width:0; height:0;
  border-style:solid;
  /* 左箭头：上、右、下、左的边框宽度 */
  border-width:7px 0 7px 11px;                 /* 形状大小可按需改 */
  border-color:transparent transparent transparent #10b981; /* #10b981 淡绿 */
  transform:translateY(1px);                   /* 轻微下移更居中 */
}

/* ===== Video（文章内）最终版 ===== */
.video-box{
  width:100%;
  max-width:785px;
  margin:12px 0;
  position:relative !important;         /* 成为定位参照 */
}

/* 等比容器（16:9），始终作为绝对定位参照 */
.video-aspect{
  position:relative !important;         /* ★ 锁定参照 */
  isolation:isolate;                    /* 防外部 transform 干扰 */
  height:0;
  padding-bottom:56.25%;
  aspect-ratio:16 / 9;                  /* 现代浏览器兜底，保留 */
  background:#f8fafc;
  border:1px solid #e5e7eb;
  border-radius:8px;
  overflow:hidden;
}

/* 媒体填充容器（video/iframe 都兼容） */
.video-aspect > video,
.video-aspect > iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  border:0;
  background:#000;
}

/* 覆盖层：仅负责铺满容器，不参与布局 */
.overlay-layer{
  position:absolute !important;
  inset:0 !important;
  z-index:5 !important;
  pointer-events:none;                  /* 层不抢事件 */
}

/* 中间绿色播放按钮（绝对定位 + translate 居中） */
.overlay-play{
  position:absolute;
  left:50%; top:50%;
  transform:translate(-50%, -50%);
  pointer-events:auto;                  /* 按钮可点 */
  width:72px; height:72px;
  border-radius:999px; border:0;
  cursor:pointer;
  background:rgba(16,185,129,.92);
  box-shadow:0 6px 18px rgba(16,185,129,.35);
  display:flex; align-items:center; justify-content:center;
  transition:transform .2s ease, opacity .2s ease;
}
.overlay-play::before{
  content:"";
  display:block;
  border-style:solid;
  border-width:12px 0 12px 20px;        /* 三角形 ? */
  border-color:transparent transparent transparent #fff;
  margin-left:4px;
}

/* 关键：悬停/聚焦也要带 translate，否则会“跳位” */
.overlay-play:hover,
.overlay-play:focus{
  transform:translate(-50%, -50%) scale(1.06);
}

/* 播放中隐藏按钮 */
.video-aspect.is-playing .overlay-play{
  opacity:0; pointer-events:none;
}

/* 移动端尺寸微调 */
@media (max-width:480px){
.overlay-play{ width:60px; height:60px; }
.overlay-play::before{ border-width:10px 0 10px 16px; }
}

/* iOS/Android WebKit：隐藏视频中间的原生大播放按钮 */
.video-aspect > video::-webkit-media-controls-start-playback-button,
.video-aspect > video::-webkit-media-controls-overlay-play-button{
  display: none !important;
}

/* 细节优化：去掉 iOS 点击高亮 */
.overlay-play{
  -webkit-tap-highlight-color: transparent;
}

/* 作用域只限正文里的这块 */
.img4{
  font-size:0;            /* 去掉 inline-block 之间的空隙 */
  margin:12px 0;
}
.img4 .img4-item{
  display:inline-block; vertical-align:top;
  width:49.5%;            /* 两列 */
  box-sizing:border-box;
  padding:0 8px 16px;     /* 内边距做列间距/行间距 */
  margin:0;
}
.img4 img{
  display:block; width:100%; height:auto;
  border:1px solid #e5e7eb; border-radius:6px;
  background:#fff;
}
.img4 figcaption{
  text-align:center;
  margin-top:6px;
  font-size:14px; line-height:1.6;
  color:#374151;
}

/* 窄屏改为一列（Razor 内联请用 @media） */
@media (max-width:640px){
.img4 .img4-item{
    width:100%;
    padding:0 0 14px;
  }
}

/* 文章来源 容器（灰底、圆角） */
.srcs{
  background:#f6f8f7;
  border:1px solid #e5e7eb;
  border-radius:12px;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
  margin:16px 0;
  overflow:hidden;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"PingFang SC","Microsoft Yahei",Arial,sans-serif;
}

/* 顶部按钮：左文右箭头（箭头靠最右） */
.srcs-toggle{
  width:100%;
  display:flex; align-items:center; justify-content:initial; /* 不用 space-between */
  padding:16px 18px;
  background:transparent;
  border:0; cursor:pointer; text-align:left;
  color:#111827; font-size:18px; line-height:1.3;
  transition:background .15s ease;
}
.srcs-toggle:hover{ background:#f7faff; } /* 与 FAQ 一致的浅蓝 */

.srcs-title{ margin-right:12px; }
.srcs-arrow{
  margin-left:auto;                    /* ★ 把箭头推到最右 */
  position:relative; width:24px; height:24px; flex:0 0 auto;
  border:1.5px solid #94a3b8; border-radius:50%;
  color:#111827; opacity:.85; transition:transform .2s ease, opacity .2s ease;
}
.srcs-arrow::after{
  content:""; position:absolute; left:50%; top:50%;
  width:8px; height:8px; margin:-6px 0 0 -4px;
  border:2px solid currentColor; border-left:0; border-top:0;
  transform:rotate(45deg);
}
.srcs.is-open .srcs-arrow{ transform:rotate(180deg); }

/* 面板内容：默认隐藏；展开更淡的绿背景 */
.srcs-body{
  display:none;                        /* ★ 默认收起 */
  padding:14px 18px 16px;
  border-top:1px solid #e5e7eb;
  background:#f5fcf7;                  /* ★ 更淡的绿色 (#f5fcf7) */
}
.srcs.is-open .srcs-body{ display:block; }

.srcs-intro{ margin:0 0 10px; color:#374151; line-height:1.7; }
.srcs-list{ margin:0; padding-left:20px; }
.srcs-list li{ margin:6px 0; }
.srcs-list a{ display:inline-block; word-break:break-all; color:#0f766e; text-decoration:underline; }
.srcs-list a:hover{ text-decoration:none; }

@media (max-width:640px){
.srcs-toggle{ padding:14px 14px; font-size:16px; }
.srcs-body{ padding:12px 14px 14px; }
}
/* ===== 修正移动端 URL 溢出（加到现有 CSS 末尾） ===== */
.srcs,
.srcs *{
  box-sizing: border-box;
}

/* 允许在任意位置断行，覆盖全局的 nowrap */
.srcs-list li,
.srcs-list a{
  white-space: normal !important;
  overflow-wrap: anywhere;      /* 首选：现代浏览器 */
  word-wrap: break-word;        /* 旧版回退 */
  word-break: break-word;       /* Safari 回退 */
  max-width: 100%;
}

/* 移动端：增加右侧安全内边距，收紧缩进 */
@media (max-width:640px){
.srcs-body{
    padding-right: 16px;        /* 右侧留白，避免贴边 */
    padding-left: 16px;
  }
.srcs-list{
    padding-left: 18px;         /* 项目符号缩进稍微收紧 */
  }
}

</style>

    <!-- 弹窗样式（保留你的版本） -->
    <style type="text/css">
        #modal-inquiry-success.md-modal {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: auto;
            height: auto;
        }
        .md-show ~ .md-overlay {
            opacity: 1;
            visibility: visible;
            transition: all 0.3s;
        }
        #modal-inquiry-success .md-content {
            background: #ffffff;
            color: #333333;
            border-radius: 8px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
            max-width: 500px;
            width: 90vw;
            padding: 20px 30px;
            box-sizing: border-box;
        }
        #modal-inquiry-success h3 {
            font-size: 24px;
            font-weight: 600;
            text-align: center;
            margin-top: 15px;
            margin-bottom: 15px;
        }
        #modal-inquiry-success p {
            font-size: 16px;
            line-height: 1.6;
            text-align: center;
            margin-bottom: 30px;
        }
        #modal-inquiry-success #inquiry-success-ok {
            background-color: #00a651 !important;
            font-size: 16px;
            padding: 12px 50px;
            border-radius: 5px;
            transition: background-color 0.3s;
            display: block;
            margin: 0 auto;
            border: none;
            cursor: pointer;
        }
        #modal-inquiry-success #inquiry-success-ok:hover {
            background-color: #008742 !important;
        }



<!-- Mibet Blog CSS Styles (Optimized for Web, Tablet, Mobile & Zero CMS Bullet Conflicts) -->
    /* 全局重置，防止CMS主题样式污染 */
    .mibet-hero-box ul,
    .mibet-toc ul {
        list-style: none !important;
        list-style-type: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .mibet-hero-box ul li,
    .mibet-toc ul li {
        list-style: none !important;
        list-style-type: none !important;
        background: none !important; /* 彻底清除CMS可能自带的背景图圆点 */
        padding: 0 !important;
        margin: 0 !important;
    }

    /* 1. 一体化 Quick Answer & Key Takeaways 卡片 */
    .mibet-hero-box {
        background-color: #fcfdfc;
        border: 1px solid #e1e8da;
        border-radius: 8px;
        padding: 24px 28px;
        margin: 32px 0;
        box-shadow: 0 4px 12px rgba(130, 188, 36, 0.03);
    }
    
    .mibet-quick-answer {
        margin-bottom: 20px;
    }
    
    /* 优雅的“快速回答”标识标签 */
    .mibet-qa-badge {
        display: inline-block;
        background-color: #f0f6e9;
        color: #70a120;
        font-size: 12px;
        font-weight: 700;
        padding: 4px 8px;
        border-radius: 4px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin-bottom: 12px;
    }
    
    .mibet-qa-text {
        font-size: 17px;
        font-weight: 500;
        line-height: 1.6;
        color: #1a202c;
        margin: 0;
    }

    /* 极简淡色水平分割线 */
    .mibet-divider {
        border: 0;
        border-top: 1px solid #e9edf0;
        margin: 20px 0 0px 0;
    }

    .mibet-key-takeaways .takeaways-title {
        display: block;
        font-size: 15px;
        font-weight: 700;
        color: #2c2d30;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin-bottom: 16px;
    }

    .single-blog-content .mibet-key-takeaways ul{
        padding-left: 1.0em;
}

    .single-blog-content .mibet-key-takeaways ul li {
        list-style-type: none !important;
        position: relative !important;
        padding-left: 20px !important;
        margin-bottom: 14px !important;
        font-size: 15px;
        line-height: 1.6;
        color: #4a5568;
    }

    /* 用纯CSS伪元素生成标准的、不冲突的品牌绿圆点 */
    .mibet-key-takeaways ul li::before {
        content: "•" !important;
        position: absolute !important;
        left: 2px !important;
        top: -1px !important;
        color: #82bc24 !important;
        font-size: 20px !important;
        line-height: 1 !important;
    }

    /* 2. 精美 Table of Contents (目录) */
    .mibet-toc {
        border: 1px solid #e2e8f0;
        background-color: #ffffff;
        border-radius: 8px;
        padding: 15px 24px 10px 24px;
        margin: 32px 0;
    }
    
    .mibet-toc summary {
        list-style: none !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 16px;
        font-weight: 700;
        color: #2c2d30;
        cursor: pointer;
        outline: none;
    }
    
    .mibet-toc summary::-webkit-details-marker {
        display: none !important; /* 隐藏Safari默认箭头 */
    }
    
    /* 自定义右侧极简展开箭头 */
    .mibet-toc summary::after {
        content: "";
        display: inline-block;
        width: 8px;
        height: 8px;
        border-right: 2px solid #a0aec0;
        border-bottom: 2px solid #a0aec0;
        transform: rotate(45deg);
        transition: transform 0.25s ease, border-color 0.2s ease;
    }
    .mibet-toc:hover summary::after {
        border-color: #82bc24;
    }
    .mibet-toc[open] summary::after {
        transform: rotate(-135deg);
    }

    .single-blog-content .mibet-toc-list {
        margin-top: 16px !important;
        padding-left: 0.5em;
    }
    
    .single-blog-content .mibet-toc-list li {
        list-style-type: none !important;
        position: relative !important;
        padding: 8px 0 8px 16px !important;
        border-bottom: 1px solid #f7fafc;
        transition: all 0.2s ease;
    }
    
    .mibet-toc-list li:last-child {
        border-bottom: none;
    }
    
    .mibet-toc-list li a {
        color: #4a5568;
        font-size: 14.5px;
        text-decoration: none;
        font-weight: 500;
        display: block;
        transition: color 0.2s ease;
    }
    
    /* 悬停时左侧渐显精致的品牌绿竖线指示器 */
    .mibet-toc-list li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 3px;
        height: 0;
        background-color: #82bc24;
        transition: height 0.2s ease;
        border-radius: 2px;
    }
    
    .mibet-toc-list li:hover::before {
        height: 60%;
    }
    
    .mibet-toc-list li:hover a {
        color: #82bc24;
    }

    /* 3. 层次感重构：Engineer's Tip Box */
    .mibet-engineer-tip {
        background-color: #fcfdfc;
        border-left: 2px solid #cbd5e1; /* 降级为2px极细的柔和灰色，完美融入背景 */
        padding: 18px 22px;
        margin: 28px 0;
        border-radius: 0 4px 4px 0;
}
    
    .tip-label {
        display: block;
        font-size: 13px;
        font-weight: 700;
        color: #82bc24;
        background: none !important;
        padding: 0 !important;
        text-transform: uppercase;
        letter-spacing: 0.8px;
        margin-bottom: 8px;
}

/* 在提示文字前自动加一个优雅的指引尖括号（›） */
    .tip-label::before {
        content: "› ";
        font-size: 15px;
        font-weight: 900;
}
    
    .tip-content {
        font-size: 14px;
        line-height: 1.65;
        color: #4a5568;
        font-style: italic;
        margin: 0 !important;
}

    /* 4. 规范与高价值数据微设计 */
    .mibet-badge-standard {
        background-color: #f2f6ee;
        color: #60911a;
        padding: 2px 6px;
        border-radius: 4px;
        font-size: 0.85em;
        font-weight: 600;
        display: inline-block;
        margin: 0 2px;
    }
    
    .mibet-metric {
        border-bottom: 1.5px dashed #82bc24;
        padding-bottom: 1px;
        color: #2c2d30;
        font-weight: 600;
    }

    /* 5. 响应式优雅表格 */
    .mibet-table-container {
        width: 100%;
        overflow-x: auto;
        margin: 20px 0;
        -webkit-overflow-scrolling: touch;
    }
    
    .mibet-custom-table {
        width: 100%;
        min-width: 600px;
        border-collapse: collapse;
        font-size: 14px;
        text-align: left;
        color: #4a5568;
    }
    
    .mibet-custom-table th {
        background-color: #2c2d30;
        color: #ffffff;
        font-weight: 600;
        padding: 14px 18px;
        border: none;
    }
    
    .mibet-custom-table td {
        padding: 14px 18px;
        border-bottom: 1px solid #e2e8f0;
        line-height: 1.5;
        vertical-align: middle;
    }
    
    .mibet-custom-table tbody tr:nth-child(even) {
        background-color: #fafbfa;
    }
    
    .mibet-custom-table tbody tr:hover {
        background-color: #f4f8ee;
    }

    /* 6. 双栏对比卡片 (仅在 Section 4 出现一次) */
    .mibet-geo-comparison {
        display: flex;
        gap: 16px;
        margin: 28px 0;
    }
    
    .mibet-geo-card {
        flex: 1;
        background: #fafbfa;
        border: 1px solid #e6ebdf;
        border-radius: 6px;
        padding: 20px;
        transition: border-color 0.2s ease;
    }

/* 鼠标滑过时，卡片边缘轻微变亮，提供高级交互感 */
    .mibet-geo-card:hover {
        border-color: #cbd5e1;
}
    
    .mibet-geo-card .card-tag {
        display: inline-block;
        font-size: 13px;
        font-weight: 700;
        color: #2c2d30;
        margin-bottom: 10px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    
    .mibet-geo-card p {
        font-size: 13.5px;
        line-height: 1.6;
        color: #4a5568;
        margin: 0 !important;
    }

    /* 平板及移动端响应式微调 */
    @media screen and (max-width: 768px) {
        .mibet-hero-box {
            padding: 20px;
            margin: 24px 0;
        }
        .mibet-qa-text {
            font-size: 15.5px;
        }
        .mibet-key-takeaways ul li {
            font-size: 14px;
            margin-bottom: 10px !important;
        }
        .mibet-toc {
            padding: 14px 18px;
            margin: 24px 0;
        }
        .mibet-toc-list li a {
            font-size: 13.5px;
        }
        .mibet-engineer-tip {
            padding: 18px 20px;
            margin: 24px 0;
        }
        .tip-content {
            font-size: 13.5px;
        }
        .mibet-geo-comparison {
            flex-direction: column;
            gap: 12px;
        }
    }

    @media screen and (max-width: 600px) {
        .mibet-table-container::after {
            content: "Swipe ↔ to view full table";
            display: block;
            text-align: right;
            font-size: 11px;
            color: #a0aec0;
            margin-top: 6px;
            font-style: italic;
        }
        .mibet-custom-table th, .mibet-custom-table td {
            padding: 10px 12px;
            font-size: 13px;
        }
    }
    
    /* =========================================================
   新增：文章排版补充样式 (有序列表、平铺FAQ、微调)
   ========================================================= */

/* 优雅的工程步骤有序列表 */
.mibet-ordered-list {
    padding-left: 0;
    margin: 20px 0;
    counter-reset: mibet-counter;
}
.mibet-ordered-list li {
    list-style-type: none;
    position: relative;
    padding-left: 32px;
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 1.6;
    color: #4a5568;
}
.mibet-ordered-list li::before {
    counter-increment: mibet-counter;
    content: counter(mibet-counter) ".";
    position: absolute;
    left: 0;
    top: 0;
    color: #82bc24;
    font-weight: 800;
    font-size: 16px;
}

/* 全新设计的平铺式 FAQ (Flat FAQ) */
.mibet-faq-flat-section {
    margin-top: 48px;
    padding-top: 32px;
    border-top: 2px solid #f0f6e9;
}
.mibet-faq-flat-title {
    font-size: 22px;
    font-weight: 700;
    color: #1a202c;
    margin-bottom: 24px;
}
.faq-flat-item {
    background-color: #fcfdfc;
    border: 1px solid #e1e8da;
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(130, 188, 36, 0.02);
    transition: box-shadow 0.2s ease;
}
.faq-flat-item:hover {
    box-shadow: 0 4px 12px rgba(130, 188, 36, 0.05);
}
.faq-flat-q {
    font-size: 16px;
    font-weight: 700;
    color: #2c2d30;
    margin: 0 0 12px 0;
    display: flex;
    align-items: flex-start;
    line-height: 1.45;
}
.faq-flat-q .faq-num {
    color: #82bc24;
    font-size: 18px;
    margin-right: 8px;
    line-height: 1.3;
}
.faq-flat-a p {
    font-size: 14.5px;
    line-height: 1.65;
    color: #4a5568;
    margin: 0 0 12px 0 !important;
    padding-left: 28px; /* 与文字对齐 */
}
.faq-flat-a p:last-child {
    margin-bottom: 0 !important;
}

/* 适配内嵌在 FAQ 中的卡片间距 */
.faq-flat-a .mibet-geo-comparison {
    margin: 20px 0 0 28px;
}

/* 参考资料区块微调复用 */
.mibet-sources-box {
    margin-top: 40px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    background: #f8fafc;
}
.mibet-sources-box summary {
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    list-style: none;
    outline: none;
}
.mibet-sources-box summary::-webkit-details-marker { display: none; }
.mibet-sources-content {
    padding: 0 20px 20px 20px;
    font-size: 13px;
    color: #4a5568;
    word-break: break-all;
}

/* =========================================================
   新增：移动端/平板端响应式微调 (平板及以下屏幕 < 768px)
   ========================================================= */
@media screen and (max-width: 768px) {
    /* 1. 缩减大区块的顶部间距，节省手机屏幕空间 */
    .mibet-faq-flat-section {
        margin-top: 32px;
        padding-top: 24px;
    }
    
    /* 2. 适当缩小 FAQ 标题和问题的字号 */
    .mibet-faq-flat-title {
        font-size: 19px;
        margin-bottom: 20px;
    }
    
    .faq-flat-q {
        font-size: 15px;
    }
    
    /* 3. 缩减 FAQ 卡片的内边距 */
    .faq-flat-item {
        padding: 16px;
        margin-bottom: 16px;
    }
    
    /* 4. 优化答案的文字对齐，减少手机上的左侧缩进 */
    .faq-flat-a p {
        padding-left: 0; /* 手机端取消大缩进，让文字铺满 */
        margin-top: 8px !important;
        font-size: 14px;
    }
    
    /* 5. 【关键修复】取消嵌套卡片的左侧外边距，防止手机端卡片被挤压得太窄 */
    .faq-flat-a .mibet-geo-comparison {
        margin: 16px 0 0 0;
    }

    /* 6. 有序列表的手机端间距微调 */
    .mibet-ordered-list li {
        padding-left: 24px;
        font-size: 14px;
    }
    .mibet-ordered-list li::before {
        font-size: 15px;
    }
}

/* 针对极小屏幕手机 (如 iPhone SE < 480px) 的极限微调 */
@media screen and (max-width: 480px) {
    .faq-flat-item {
        padding: 14px;
    }
    .faq-flat-q .faq-num {
        font-size: 16px;
    }
}