/* ================= 手机端内嵌原生专属 CSS ================= */
   :root {
       --cms-primary: #e60012;
       --cms-primary-hover: #c90010;
       --cms-text-main: #333333;
       --cms-text-muted: #666666;
       --cms-text-light: #999999;
       --cms-bg-color: #f4f5f7;
       --cms-card-bg: #ffffff;
       --cms-border-color: #eeeeee;
       --cms-border-radius: 8px;
       --cms-spacing-sm: 8px;
       --cms-spacing-md: 16px;
       --cms-spacing-lg: 24px;
       --cms-font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", Arial, "Microsoft YaHei", sans-serif;
       --cms-container-width: 1200px;
       --tabbar-height: 55px;
       --safe-bottom: env(safe-area-inset-bottom);
   }

   * {
       box-sizing: border-box;
       margin: 0;
       padding: 0;
       -webkit-tap-highlight-color: transparent;
   }

   body {
       font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
       background-color: var(--cms-bg-color);
       color: var(--cms-text-main);
       line-height: 1.5;
       padding-bottom: calc(var(--tabbar-height) + var(--safe-bottom) + 10px);
   }

   .m-container {
       padding: 12px;
   }

   a {
       text-decoration: none;
       color: inherit;
   }

   img {
       max-width: 100%;
       height: auto;
       display: block;
       object-fit: cover;
   }

   ul {
       list-style: none;
   }

   /* ================= 原生 App 级返回按钮 ================= */
   .wap-back-btn {
       display: flex;
       align-items: center;
       font-size: 15px;
       color: var(--cms-text-main);
       font-weight: 500;
       margin-right: 10px;
       height: 32px;
       /* 与右侧胶囊搜索框的高度对齐，保持导航栏垂直对称 */
       -webkit-tap-highlight-color: transparent;
       /* 消除安卓默认的点击灰影 */
       transition: opacity 0.2s ease;
       flex-shrink: 0;
   }

   /* 利用 CSS 边框旋转绘制完美折角箭头 (替代丑陋的 "<" 字符) */
   .wap-back-btn::before {
       content: '';
       display: block;
       width: 8px;
       height: 8px;
       border-top: 2px solid var(--cms-text-main);
       border-left: 2px solid var(--cms-text-main);
       transform: rotate(-45deg);
       margin-right: 4px;
       margin-top: 1px;
       /* 视觉居中微调 */
       border-radius: 1px;
       /* 让箭头拐角显得圆润不刺眼 */
   }

   /* 手机端按压触摸反馈 */
   .wap-back-btn:active {
       opacity: 0.5;
   }

   /* ================= 全新 App 级主导航 (极简双行版) ================= */
   .wap-app-header {
       background: #ffffff;
       position: sticky;
       top: 0;
       z-index: 999;
       box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
   }

   .wap-top-bar {
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding: 8px 12px;
       gap: 10px;
   }

   .wap-logo {
       display: flex;
       align-items: center;
       gap: 4px;
       flex-shrink: 0;
   }

   .yd-icon {
       color: var(--cms-primary);
       font-size: 20px;
       font-weight: 900;
       font-style: italic;
       line-height: 1;
   }

   .yd-name {
       font-size: 16px;
       font-weight: bold;
       color: #111;
       letter-spacing: -0.5px;
   }

   .wap-city-selector {
       display: flex;
       align-items: center;
       font-size: 13px;
       color: #555;
       background: #f4f5f7;
       padding: 5px 10px;
       border-radius: 14px;
       flex-shrink: 0;
       white-space: nowrap;
   }

   .wap-city-selector .arrow-down {
       width: 0;
       height: 0;
       border-left: 4px solid transparent;
       border-right: 4px solid transparent;
       border-top: 5px solid #888;
       margin-left: 4px;
   }

   /* 胶囊搜索框 */
   .wap-search-form {
       flex: 1;
       min-width: 0;
   }

   .search-capsule {
       display: flex;
       align-items: center;
       background: #f5f6f8;
       border-radius: 16px;
       border: 1px solid #eee;
       padding: 0 10px;
       height: 32px;
   }

   .search-icon {
       font-size: 14px;
       opacity: 0.5;
       margin-right: 4px;
   }

   .search-capsule input {
       flex: 1;
       min-width: 0;
       border: none;
       background: transparent;
       outline: none;
       font-size: 13px;
       color: #333;
   }

   .search-capsule input::placeholder {
       color: #aaa;
   }

   /* 频道导航层 */
   .wap-channel-nav {
       border-top: 1px solid #f9f9f9;
   }

   /* 增加底部内边距，给滚动条留出呼吸空间 */
   .channel-list {
       display: flex;
       overflow-x: auto;
       padding: 0 10px;
       scrollbar-width: none;
       -webkit-overflow-scrolling: touch;
       padding-bottom: 6px;
   }

   /* 设计极简微缩滚动条 */
   .channel-list::-webkit-scrollbar {
       height: 3px;
       /* 高度微微加粗，更容易看清 */
   }

   /* 滚动条轨道 */
   .channel-list::-webkit-scrollbar-track {
       background: rgba(0, 0, 0, 0.03);
       /* 给轨道加极淡的灰底，界定滑动范围 */
       border-radius: 3px;
   }

   /* 滚动条滑块 */
   .channel-list::-webkit-scrollbar-thumb {
       background: rgba(0, 0, 0, 0.25);
       /* 颜色加深（原本是 0.12 太浅），确保清晰可见 */
       border-radius: 3px;
   }

   .channel-list li {
       flex-shrink: 0;
       position: relative;
   }

   .channel-list a {
       display: block;
       padding: 10px 14px;
       font-size: 15px;
       color: #666;
       white-space: nowrap;
       transition: all 0.2s;
   }

   .channel-list li.active a {
       font-size: 17px;
       font-weight: bold;
       color: var(--cms-primary);
   }

   .channel-list li.active::after {
       content: '';
       position: absolute;
       bottom: 2px;
       left: 50%;
       transform: translateX(-50%);
       width: 16px;
       height: 3px;
       background: var(--cms-primary);
       border-radius: 2px;
   }

   .channel-list em {
       position: absolute;
       top: 4px;
       right: 2px;
       font-size: 10px;
       font-style: normal;
       color: #fff;
       padding: 1px 3px;
       border-radius: 4px 4px 4px 0;
       line-height: 1;
       transform: scale(0.8);
       transform-origin: right bottom;
       font-weight: normal;
   }

   .badge-hot {
       background: #ff3b30;
   }

   .badge-new {
       background: #34c759;
   }

   .badge-top {
       background: #ff9500;
   }

   .badge-blue {
       background: #007aff;
   }

   /* ================= 首页通用内容区块 ================= */
   .wap-section {
       background: var(--cms-card-bg);
       margin-top: 10px;
       padding: 0 15px;
   }

   .wap-sec-header {
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding: 15px 0 10px;
       border-bottom: 1px solid var(--cms-card-bg);
   }

   .wap-sec-title {
       font-size: 17px;
       font-weight: bold;
       display: flex;
       align-items: center;
       gap: 6px;
   }

   .wap-sec-title::before {
       content: "";
       display: block;
       width: 4px;
       height: 16px;
       background: var(--cms-primary);
       border-radius: 2px;
   }

   .wap-sec-more {
       font-size: 12px;
       color: var(--cms-text-muted);
   }

   /* 超级私人网站图片广告 (双列魔方) */
   .wap-ad-grid {
       display: grid;
       grid-template-columns: repeat(2, 1fr);
       gap: 10px;
       padding: 15px 0;
   }

   .wap-ad-item {
       border-radius: 6px;
       overflow: hidden;
       border: 1px solid #eee;
       display: flex;
       align-items: center;
       justify-content: center;
       height: 60px;
       background: #fdfdfd;
       font-size: 13px;
       color: #007aff;
       font-weight: bold;
   }

   .wap-ad-item img {
       width: 100%;
       height: 100%;
       object-fit: fill;
   }

   /* VIP 置顶垂直原生列表 */
   .wap-vip-list {
       padding: 10px 0;
       display: flex;
       flex-direction: column;
       gap: 10px;
   }

   .vip-native-card {
       background: #fffcfd;
       border: 1px solid #ffe6eb;
       border-radius: 8px;
       padding: 12px;
       display: block;
       position: relative;
   }

   .vip-card-top {
       display: flex;
       align-items: center;
       margin-bottom: 8px;
   }

   .vip-badge {
       color: #fff;
       font-size: 10px;
       padding: 2px 6px;
       border-radius: 4px;
       margin-right: 8px;
       flex-shrink: 0;
       line-height: 1.2;
   }

   .vip-title {
       font-size: 15px;
       font-weight: bold;
       color: var(--cms-text-main);
       flex: 1;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
   }

   .vip-salary {
       font-size: 15px;
       font-weight: bold;
       color: var(--cms-primary);
       flex-shrink: 0;
       margin-left: 10px;
   }

   .vip-card-bottom {
       display: flex;
       justify-content: space-between;
       font-size: 12px;
       color: var(--cms-text-muted);
   }

   .vip-tags {
       display: flex;
       gap: 6px;
   }

   .vip-tag {
       background: #f5f5f5;
       padding: 1px 6px;
       border-radius: 3px;
       color: #666;
   }

   /* 选项卡按钮与面板 */
   .cms-tab-nav {
       display: flex;
       gap: 10px;
       padding: 12px 0;
       overflow-x: auto;
       scrollbar-width: none;
   }

   .cms-tab-nav::-webkit-scrollbar {
       display: none;
   }

   .cms-tab-btn {
       background: var(--cms-bg-color);
       border: none;
       padding: 6px 14px;
       border-radius: 15px;
       font-size: 14px;
       color: var(--cms-text-muted);
       white-space: nowrap;
       outline: none;
   }

   .cms-tab-btn.active {
       background: var(--cms-primary);
       color: #fff;
       font-weight: bold;
   }

   .cms-tab-pane {
       display: none;
       animation: fadeIn 0.3s ease;
   }

   .cms-tab-pane.active {
       display: block;
   }

   @keyframes fadeIn {
       from {
           opacity: 0;
           transform: translateY(3px);
       }

       to {
           opacity: 1;
           transform: translateY(0);
       }
   }

   /* 左图右文信息流 */
   .wap-list {
       display: flex;
       flex-direction: column;
   }

   .wap-item {
       display: flex;
       gap: 12px;
       padding: 15px 0;
       border-bottom: 1px solid var(--cms-card-bg);
   }

   .wap-item:last-child {
       border-bottom: none;
   }

   .wap-item-img {
       width: 110px;
       height: 82px;
       border-radius: 6px;
       flex-shrink: 0;
       background: #eee;
       overflow: hidden;
       position: relative;
   }

   .wap-item-info {
       flex: 1;
       min-width: 0;
       display: flex;
       flex-direction: column;
       justify-content: space-between;
   }

   .wap-item-title {
       font-size: 15px;
       font-weight: bold;
       display: -webkit-box;
       -webkit-line-clamp: 2;
       line-clamp: 2;
       -webkit-box-orient: vertical;
       overflow: hidden;
       line-height: 1.4;
   }

   .wap-item-tags {
       display: flex;
       gap: 6px;
       flex-wrap: wrap;
       margin-top: 4px;
   }

   .wap-tag {
       font-size: 11px;
       padding: 2px 6px;
       border-radius: 4px;
       background: #fcebeb;
       color: var(--cms-primary);
   }

   .wap-tag.gray {
       background: var(--cms-bg-color);
       color: var(--cms-text-muted);
   }

   .wap-item-bottom {
       display: flex;
       justify-content: space-between;
       align-items: center;
       font-size: 12px;
       color: var(--cms-text-muted);
       margin-top: 6px;
   }

   /* 纯文本流 */
   .wap-text-item {
       padding: 15px 0;
       border-bottom: 1px solid var(--cms-card-bg);
   }

   .wap-text-title {
       font-size: 15px;
       font-weight: bold;
       margin-bottom: 8px;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
   }

   /* 底部固定 Tabbar */
   .wap-tabbar {
       position: fixed;
       bottom: 0;
       left: 0;
       width: 100%;
       height: calc(var(--tabbar-height) + var(--safe-bottom));
       background: rgba(255, 255, 255, 0.98);
       backdrop-filter: blur(10px);
       border-top: 1px solid #e5e5e5;
       display: flex;
       justify-content: space-around;
       padding-bottom: var(--safe-bottom);
       z-index: 999;
   }

   .tab-item {
       flex: 1;
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
       font-size: 10px;
       color: var(--cms-text-muted);
       gap: 3px;
   }

   .tab-item.active {
       color: var(--cms-primary);
       font-weight: bold;
   }

   .tab-item i {
       font-size: 22px;
       font-style: normal;
   }

   .tab-post {
       position: relative;
       top: -15px;
       width: 50px;
       height: 50px;
       background: var(--cms-primary);
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       color: #fff;
       font-size: 24px;
       font-weight: bold;
       box-shadow: 0 4px 10px rgba(230, 0, 18, 0.3);
       border: 3px solid #fff;
   }

   /* ==============================================================
   列表页专用样式（用 .cms-list-card / .cms-main-layout 等限定作用域）
   ============================================================== */

   /* 面包屑导航 */
   .cms-breadcrumb {
       padding: var(--cms-spacing-md) 0;
       font-size: 14px;
       color: var(--cms-text-muted);
       border-bottom: 1px solid var(--cms-border-color);
       background-color: var(--cms-card-bg);
       width: 100%;
       max-width: var(--cms-container-width);
       margin: 0 auto;
       padding: 0 var(--cms-spacing-md);
   }

   .cms-breadcrumb a {
       color: var(--cms-text-muted);
   }

   .cms-breadcrumb a:hover {
       color: var(--cms-primary);
   }

   .cms-breadcrumb span {
       margin: 0 5px;
       color: var(--cms-text-light);
   }

   .cms-breadcrumb h1 {
       display: inline;
       font-size: inherit;
       font-weight: bold;
       margin: 0;
       padding: 0;
       border: none;
   }

   /* -------------------------------------------------------------
   列表页分页器 (Pagination)
   ------------------------------------------------------------- */
   .cms-pagination {
       display: flex;
       justify-content: center;
       gap: 8px;
       padding: var(--cms-spacing-lg);
       background: var(--cms-card-bg);
       border-top: 1px solid var(--cms-border-color);
   }

   .cms-pagination a,
   .cms-pagination span {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       min-width: 32px;
       height: 32px;
       padding: 0 10px;
       border: 1px solid var(--cms-border-color);
       border-radius: 4px;
       font-size: 14px;
       color: var(--cms-text-main);
       background: #fff;
   }

   .cms-pagination a:hover {
       border-color: var(--cms-primary);
       color: var(--cms-primary);
   }

   .cms-pagination .current {
       background-color: var(--cms-primary);
       color: #fff;
       border-color: var(--cms-primary);
       font-weight: bold;
   }

   /* -------------------------------------------------------------
   侧边栏 (Sidebar)
   ------------------------------------------------------------- */
   .cms-sidebar-col {
       display: flex;
       flex-direction: column;
       gap: var(--cms-spacing-lg);
       min-width: 0;
   }

   .cms-widget {
       background: var(--cms-card-bg);
       border-radius: var(--cms-border-radius);
       border: 1px solid var(--cms-border-color);
       padding: var(--cms-spacing-md);
   }

   .cms-widget-title {
       font-size: 16px;
       font-weight: bold;
       border-left: 3px solid var(--cms-primary);
       padding-left: 10px;
       margin-bottom: var(--cms-spacing-md);
       color: var(--cms-text-main);
       text-align: center;
   }

   .cms-hot-list li {
       padding: 10px 0;
       border-bottom: 1px dashed var(--cms-border-color);
       display: flex;
       align-items: flex-start;
       gap: 10px;
   }

   .cms-hot-list li:last-child {
       border-bottom: none;
       padding-bottom: 0;
   }

   .cms-hot-num {
       font-size: 14px;
       font-weight: bold;
       color: var(--cms-text-light);
       font-style: italic;
   }

   /* -------------------------------------------------------------
   招聘、预订、求职须知列表（侧边栏小组件）
   ------------------------------------------------------------- */
   .cms-notice-list {
       list-style: none;
       padding: 0;
       margin: 0;
   }

   .cms-notice-list li {
       position: relative;
       padding: 4px 0 4px 16px;
       /* 左侧留出圆点空间 */
       border-bottom: 1px dashed var(--cms-border-color);
       font-size: 13px;
       color: var(--cms-text-muted);
       line-height: 1.5;
   }

   .cms-notice-list li:last-child {
       border-bottom: none;
       padding-bottom: 0;
   }

   /* 圆点装饰 */
   .cms-notice-list li::before {
       content: '';
       position: absolute;
       left: 0;
       top: 14px;
       width: 6px;
       height: 6px;
       background-color: var(--cms-primary);
       border-radius: 50%;
   }

   /* 前三名标红 */
   .cms-hot-list li:nth-child(-n+3) .cms-hot-num {
       color: var(--cms-primary);
   }

   .cms-hot-info {
       flex-grow: 1;
       min-width: 0;
   }

   .cms-hot-info h3 {
       display: inline;
       font-size: inherit;
       font-weight: bold;
       margin: 0;
       padding: 0;
       border: none;
   }

   .cms-hot-info a {
       display: block;
       font-size: 14px;
       font-weight: bold;
       margin-bottom: 4px;
       color: var(--cms-text-main);
       line-height: 1.4;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
   }

   .cms-hot-salary {
       font-size: 13px;
       color: var(--cms-primary);
   }

   /* 经理/求职者/微信二维码推荐位 */
   .cms-manager-pingtai {
       display: flex;
       flex-direction: column;
       align-items: center;
       text-align: center;
       padding: 15px 0;
   }

   .cms-manager-pingtai img {
       width: 150px;
       height: 150px;
       object-fit: cover;
       margin-bottom: 10px;
       display: block;
       border: 1px solid #eee;
       padding: 5px;
       border-radius: 4px;
   }

   .cms-manager-card {
       text-align: center;
       padding: 15px 0;
   }

   .cms-manager-card img {
       width: 100px;
       height: 100px;
       object-fit: cover;
       border-radius: 50%;
       margin: 0 auto 15px;
       display: block;
       border: 2px solid #eee;
       padding: 3px;
   }

   .cms-manager-name {
       font-size: 18px;
       font-weight: bold;
       margin-bottom: 5px;
   }

   .cms-manager-desc {
       font-size: 12px;
       color: var(--cms-text-muted);
       margin-bottom: 15px;
   }

   /* ==============================================================
   首页 - 友情链接+周边城市+页脚共用
   ============================================================== */
   .cms-section {
       margin: var(--cms-spacing-md);
   }

   .cms-links-card {
       background: var(--cms-card-bg);
       padding: var(--cms-spacing-lg);
       border-radius: var(--cms-border-radius);
       border: 1px solid var(--cms-border-color);
       font-size: 12px;
   }

   .cms-links-title {
       font-weight: bold;
       color: var(--cms-text-main);
       margin-right: 10px;
       font-size: 12px;
   }

   .cms-links-card a {
       color: var(--cms-text-muted);
       display: inline-block;
       margin-right: var(--cms-spacing-md);
       margin-bottom: var(--cms-spacing-sm);
   }

   .cms-container {
       width: 100%;
       margin: 0 auto;
       padding: 0 var(--cms-spacing-md);
       background: var(--cms-card-bg);
       font-size: 13px;
   }

   .cms-footer-nav {
       margin-bottom: var(--cms-spacing-md);
       display: flex;
       flex-wrap: wrap;
       justify-content: center;
       gap: 10px 20px;
       font-size: 12px;
   }

   .cms-footer-nav a {
       color: #200d0d;
   }

   .cms-footer-info {
       text-align: center;
   }

   .cms-footer-info p {
       margin-bottom: 6px;
       font-size: 14px;

   }

   /* ==============================================================
    文章正文视频响应式 
   ============================================================== */

   .video-wrapper {
       width: 100%;
       /* 容器宽度占满外层父元素 */
       max-width: 800px;
       /* 可选：设置最大宽度，防止在大屏电脑上视频过大 */
       margin: 0 auto;
       /* 居中显示 */
   }

   .video-wrapper video {
       width: 100%;
       /* 视频宽度跟随外层容器 */
       height: auto;
       /* 高度自动等比缩放 */
       display: block;
       /* 消除 img/video 标签底部默认的几像素空白间隙 */
   }

   /* =================内容页表格样式开始====================== */
   .table-wrapper {
       width: 100%;
       overflow-x: auto;
       -webkit-overflow-scrolling: touch;
       margin: 20px 0;
       border-radius: 8px;
       box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
   }

   /* 表格主体基础样式 */
   .comparison-table {
       width: 100%;
       min-width: 600px;
       /* 设定最小宽度触发横向滚动，避免文字在手机端过度挤压 */
       border-collapse: collapse;
       background-color: #ffffff;
       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
       text-align: left;
   }

   /* 表头样式 */
   .comparison-table th {
       background-color: #f8f9fa;
       color: #333333;
       font-weight: 600;
       padding: 16px;
       border-bottom: 2px solid #e9ecef;
       white-space: nowrap;
   }

   /* 单元格样式 */
   .comparison-table td {
       padding: 14px 16px;
       color: #495057;
       border-bottom: 1px solid #f1f3f5;
       vertical-align: middle;
       line-height: 1.5;
   }

   /* 斑马线底色区分 */
   .comparison-table tbody tr:nth-of-type(even) {
       background-color: #fcfcfc;
   }

   /* 鼠标悬停交互效果 */
   .comparison-table tbody tr:hover {
       background-color: #f1f5f9;
       transition: background-color 0.2s ease-in-out;
   }

   /* 强化第一列（对比维度）的视觉权重 */
   .comparison-table td:first-child {
       font-weight: 600;
       color: #212529;
       white-space: nowrap;
   }

   /* 移动端细微字体适配 */
   @media screen and (max-width: 480px) {

       .comparison-table th,
       .comparison-table td {
           padding: 12px;
           font-size: 14px;
       }
   }

   /* =================内容页表格样式结束====================== */

   /* ================= 评论区响应式样式 ================= 
            自带评论样式改成响应式开始
     ================= 评论区响应式样式 ================= */
   .cms-comment-wrap {
       margin: 20px 0;
       /* padding: 20px; */
       background: #fdf5f6;
       /* 契合站点的浅色背景 */
       border-radius: 8px;
       border: 1px solid #f8e1e4;
       box-sizing: border-box;
   }

   .cms-comment-list-jiazai {
       margin-top: 30px;
       background: #fff;
       padding: 5px;
       border-radius: 8px;
       box-shadow: 0 2px 10px rgba(64, 14, 14, 0.03);
   }

   .cms-comment-title {
       font-size: 16px;
       color: #333;
       margin-bottom: 15px;
       border-left: 4px solid #e91e63;
       /* 契合站点的主题红 */
       padding-left: 10px;
   }

   .cms-comment-form .cms-form-group {
       margin-bottom: 15px;
   }

   .cms-comment-form .cms-textarea {
       width: 100%;
       padding: 12px;
       border: 1px solid #ddd;
       border-radius: 4px;
       resize: vertical;
       font-size: 14px;
       box-sizing: border-box;
       outline: none;
       transition: border-color 0.3s;
   }

   .cms-comment-form .cms-textarea:focus,
   .cms-comment-form .cms-input:focus {
       border-color: #e91e63;
       /* 选中时边框变为主色调 */
   }

   .cms-form-row {
       display: flex;
       flex-wrap: wrap;
       gap: 15px;
   }

   .cms-form-row .cms-form-group {
       flex: 1;
       min-width: 150px;
   }

   .cms-comment-form .cms-input {
       width: 100%;
       padding: 10px 12px;
       border: 1px solid #ddd;
       border-radius: 4px;
       font-size: 14px;
       box-sizing: border-box;
       outline: none;
       height: 40px;
   }

   .cms-captcha-group {
       display: flex;
       gap: 10px;
       align-items: center;
   }

   .cms-form-footer {
       display: flex;
       justify-content: space-between;
       align-items: center;
       margin-top: 5px;
   }

   .cms-checkbox-label {
       font-size: 14px;
       color: #666;
       cursor: pointer;
       display: flex;
       align-items: center;
       gap: 5px;
   }

   .cms-submit-btn {
       background-color: #e91e63;
       /* 站点主题红 */
       color: #fff;
       border: none;
       padding: 10px 30px;
       font-size: 14px;
       border-radius: 4px;
       cursor: pointer;
       transition: background 0.3s;
   }

   .cms-submit-btn:hover {
       background-color: #d81557;
   }


   /* 修复表情包垂直排列问题（抵消全局 img block 样式） */
   .cms-face-container {
       margin-bottom: 15px;
   }

   .cms-face-container img {
       display: inline-block !important;
       margin: 3px;
       cursor: pointer;
       vertical-align: middle;
       width: auto !important;
       height: auto !important;
   }

   /* ================= 修复评论正文表情包竖排问题 ================= */
   .cms-comment-body img {
       display: inline-block !important;
       vertical-align: middle;
       margin: 0 2px;
       width: auto !important;
       height: auto !important;
   }

   /* ================= 修复评论点击加载验证码图片大小问题 ================= */
   /* 强制接管并放大动态加载的验证码图片 */
   #plshowkey img {
       height: 35px;
       width: auto;
       border-radius: 4px;
       cursor: pointer;
       vertical-align: top;
   }


   /* ================= 评论列表响应式样式 ================= */
   .cms-comment-list-wrap {
       margin-top: 30px;
       background: #fff;
       padding: 20px;
       border-radius: 8px;
       box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
   }

   .cms-comment-item {
       border-bottom: 1px dashed #eee;
       padding: 20px 0;
       transition: background 0.3s;
   }

   .cms-comment-item:last-child {
       border-bottom: none;
   }

   .cms-comment-header {
       display: flex;
       justify-content: space-between;
       align-items: center;
       margin-bottom: 12px;
   }

   .cms-comment-user {
       display: flex;
       align-items: center;
       gap: 10px;
   }

   .cms-comment-avatar {
       width: 32px;
       height: 32px;
       background: #e91e63;
       color: #fff;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 14px;
       font-weight: bold;
   }

   .cms-comment-name {
       font-weight: bold;
       color: #333;
       font-size: 14px;
   }

   .cms-comment-name a {
       color: #e91e63;
   }

   .cms-comment-ip {
       font-size: 12px;
       color: #999;
   }

   .cms-comment-floor {
       font-size: 13px;
       color: #bbb;
       background: #f5f5f5;
       padding: 2px 8px;
       border-radius: 12px;
   }

   .cms-comment-body {
       font-size: 15px;
       line-height: 1.6;
       color: #444;
       margin-bottom: 15px;
       padding-left: 42px;
       /* 与头像对齐 */
       word-break: break-all;
   }

   .cms-comment-actions {
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding-left: 42px;
   }

   .cms-comment-time {
       font-size: 12px;
       color: #999;
   }

   .cms-action-btns {
       display: flex;
       gap: 12px;
   }

   .cms-action-btn {
       font-size: 13px;
       color: #666;
       cursor: pointer;
       display: flex;
       align-items: center;
       gap: 4px;
       transition: color 0.2s;
   }

   .cms-action-btn:hover {
       color: #e91e63;
   }

   .cms-btn-support {
       color: #e91e63;
   }

   /* 评论底部分页修正 */
   .cms-comment-pagination {
       margin-top: 20px;
       border-top: none;
       padding: 10px 0;
   }


   /* ================= 评论回复盖楼(无限嵌套)样式 ================= */
   .cms-comment-quote {
       background: #f8f9fa;
       /* 最外层浅灰背景 */
       border: 1px solid #eee;
       border-left: 3px solid #e91e63;
       /* 最外层左侧主题色高亮 */
       padding: 12px;
       margin-bottom: 15px;
       border-radius: 4px;
       font-size: 13px;
       color: #444;
   }

   /* 核心：处理无限嵌套时的样式，让里层和外层产生对比 */
   .cms-comment-quote .cms-comment-quote {
       background: #ffffff;
       /* 嵌套的里层用纯白色底 */
       margin-top: 10px;
       margin-bottom: 10px;
       border-left: 3px solid #ddd;
       /* 里层左侧边框变成灰色弱化 */
       padding: 10px;
       box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
   }

   /* 再往里嵌套（第3层及以上），背景再次微调，防止视觉疲劳 */
   .cms-comment-quote .cms-comment-quote .cms-comment-quote {
       background: #fafafa;
   }

   /* 引用框头部：用户名和时间左右分布 */
   .quote-header {
       display: flex;
       justify-content: space-between;
       align-items: center;
       margin-bottom: 8px;
       padding-bottom: 8px;
       border-bottom: 1px dashed #eee;
       /* 加一条虚线分割信息和正文 */
   }

   .quote-user {
       color: #e91e63;
       font-weight: bold;
       font-size: 13px;
   }

   .quote-time {
       font-size: 12px;
       color: #999;
   }

   /* 引用框正文 */
   .quote-body {
       line-height: 1.6;
       word-break: break-all;
   }

   /* 限制引用框里的表情或图片大小 */
   .quote-body img {
       max-width: 100%;
       height: auto;
       display: inline-block !important;
       vertical-align: middle;
   }

   /* ==============================================================
   内部评论样式结束
   ============================================================== */