/* =========================================================
   移动端 App 外壳样式（仅手机访问时加载）
   配色：主色 #2FB67C（清新绿） 辅助 #FF8A5B（暖橙）
   ========================================================= */
:root{
  --m-primary:#2FB67C;
  --m-primary-d:#1f9c66;
  --m-accent:#FF8A5B;
  --m-bg:#F4F6F9;
  --m-card:#ffffff;
  --m-text:#1f2733;
  --m-sub:#8a93a2;
  --m-line:#eef1f5;
  --m-radius:16px;
  --m-bar-h:54px;
  --m-tab-h:58px;
}
*{-webkit-tap-highlight-color:transparent;}
html,body{margin:0;padding:0;background:var(--m-bg);color:var(--m-text);}
body{-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Helvetica,"Microsoft YaHei",sans-serif;}

/* ---------- 顶部 App Bar ---------- */
.m-topbar{
  position:sticky;top:0;z-index:60;
  display:flex;align-items:center;gap:8px;
  height:calc(var(--m-bar-h) + env(safe-area-inset-top));
  padding:env(safe-area-inset-top) 10px 0;
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid var(--m-line);
}
.m-icon-btn{
  border:none;background:transparent;font-size:20px;color:var(--m-text);
  width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;
}
.m-icon-btn:active{background:var(--m-line);}
.m-brand{display:flex;align-items:center;gap:7px;flex:1;min-width:0;text-decoration:none;color:var(--m-text);}
.m-brand-logo{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,var(--m-primary),#7fd9b0);display:flex;align-items:center;justify-content:center;}
.m-brand-logo img{width:20px;height:20px;}
.m-brand-name{font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.m-topbar-actions{display:flex;align-items:center;gap:2px;}
.m-bell{position:relative;}
.m-badge{position:absolute;top:4px;right:4px;min-width:15px;height:15px;padding:0 3px;background:#ff4d4f;color:#fff;font-size:10px;line-height:15px;border-radius:8px;text-align:center;}
.m-avatar-btn{border:none;background:transparent;padding:0 4px;}
.m-avatar{width:32px;height:32px;border-radius:50%;background:#eef4f0;display:flex;align-items:center;justify-content:center;font-size:18px;}

/* ---------- 抽屉 ---------- */
.m-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);opacity:0;visibility:hidden;transition:.25s;z-index:70;}
.m-overlay.show{opacity:1;visibility:visible;}
.m-drawer{
  position:fixed;top:0;left:0;bottom:0;width:78%;max-width:320px;background:#fff;z-index:80;
  transform:translateX(-100%);transition:transform .25s ease;display:flex;flex-direction:column;
  box-shadow:0 0 30px rgba(0,0,0,.18);
}
.m-drawer.open{transform:translateX(0);}
.m-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 16px 12px;border-bottom:1px solid var(--m-line);}
.m-drawer-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px;}
.m-drawer-brand img{width:24px;height:24px;}
.m-drawer-nav{padding:8px 10px;overflow:auto;}
.m-drawer-nav a{display:flex;align-items:center;gap:10px;padding:13px 12px;border-radius:12px;color:var(--m-text);text-decoration:none;font-size:15px;}
.m-drawer-nav a.active{background:rgba(47,182,124,.12);color:var(--m-primary-d);font-weight:600;}
.m-drawer-divider{height:1px;background:var(--m-line);margin:6px 14px;}
.m-drawer-user{padding:6px 10px 18px;}
.m-drawer-user a{display:block;padding:12px;border-radius:12px;color:var(--m-text);text-decoration:none;font-size:14px;}
.m-drawer-user a:active{background:var(--m-line);}
.m-drawer-login{background:var(--m-primary);color:#fff!important;text-align:center;font-weight:600;border-radius:12px;}
.m-drawer-register{background:#fff;border:1px solid var(--m-primary);color:var(--m-primary-d)!important;text-align:center;font-weight:600;border-radius:12px;}

/* ---------- 主内容 ---------- */
.app-main{padding:12px 12px calc(var(--m-tab-h) + env(safe-area-inset-bottom) + 12px);max-width:560px;margin:0 auto;}

/* ---------- 底部 Tab Bar ---------- */
.m-tabbar{
  position:fixed;left:0;right:0;bottom:0;z-index:65;height:calc(var(--m-tab-h) + env(safe-area-inset-bottom));
  padding-bottom:env(safe-area-inset-bottom);
  display:flex;align-items:center;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);
  border-top:1px solid var(--m-line);
}
.m-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--m-sub);font-size:11px;}
.m-tab.active{color:var(--m-primary-d);font-weight:700;}
.m-tab-ico{font-size:21px;line-height:1;}
.m-fab{
  flex:0 0 auto;width:54px;height:54px;margin-top:-22px;border-radius:50%;
  background:linear-gradient(135deg,var(--m-primary),#57c98e);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:30px;text-decoration:none;
  box-shadow:0 6px 16px rgba(47,182,124,.45);border:4px solid #fff;
}
.m-fab:active{transform:scale(.94);}

/* ---------- 通用区块 ---------- */
.m-sec{margin-top:18px;}
.m-sec-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 2px 10px;}
.m-sec-head h2{font-size:17px;margin:0;font-weight:700;}
.m-sec-head a{color:var(--m-sub);font-size:13px;text-decoration:none;}
.m-sec-sub{color:var(--m-sub);font-size:12px;}
.m-muted{color:var(--m-sub);font-size:13px;margin:2px 0 0;}
.m-empty{color:var(--m-sub);font-size:13px;text-align:center;padding:24px 0;}

/* ---------- 首页 Hero ---------- */
.m-hero{position:relative;overflow:hidden;border-radius:var(--m-radius);padding:22px 18px;color:#fff;
  background:linear-gradient(135deg,#2FB67C 0%,#3fc98f 55%,#56d6a6 100%);}
.m-hero-glow{position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.18);}
.m-hero-glow::after{content:"";position:absolute;left:-30px;bottom:-50px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.12);}
.m-hero-title{position:relative;margin:0;font-size:22px;font-weight:800;letter-spacing:1px;}
.m-hero-sub{position:relative;margin:6px 0 14px;font-size:13px;opacity:.92;line-height:1.5;}
.m-search{position:relative;display:flex;align-items:center;background:rgba(255,255,255,.95);border-radius:12px;padding:0 10px;}
.m-search-ico{font-size:14px;color:var(--m-sub);}
.m-search input{flex:1;border:none;background:transparent;outline:none;padding:11px 8px;font-size:14px;color:var(--m-text);}

/* ---------- 快捷入口 ---------- */
.m-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;}
.m-quick-item{background:var(--m-card);border-radius:14px;padding:14px 6px;display:flex;flex-direction:column;align-items:center;gap:7px;text-decoration:none;color:var(--m-text);font-size:12px;box-shadow:0 2px 8px rgba(31,39,51,.04);}
.m-quick-ico{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:22px;background:#eef4f0;background:color-mix(in srgb,var(--c) 16%,#fff);}

/* ---------- 横向滚动卡片 ---------- */
.m-hscroll{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}
.m-hscroll::-webkit-scrollbar{display:none;}
.m-feat-card{flex:0 0 72%;scroll-snap-align:start;background:var(--m-card);border-radius:14px;padding:14px;text-decoration:none;color:var(--m-text);box-shadow:0 2px 10px rgba(31,39,51,.05);border-left:4px solid var(--c);}
.m-feat-tag{display:inline-block;font-size:11px;color:var(--c);background:#eef4f0;background:color-mix(in srgb,var(--c) 14%,#fff);padding:2px 8px;border-radius:8px;margin-bottom:8px;}
.m-feat-title{font-size:15px;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.m-feat-meta{margin-top:10px;font-size:12px;color:var(--m-sub);}

/* ---------- 列表 ---------- */
.m-list{list-style:none;margin:0;padding:0;background:var(--m-card);border-radius:14px;overflow:hidden;box-shadow:0 2px 8px rgba(31,39,51,.04);}
.m-list-item a{display:block;padding:14px 14px;border-bottom:1px solid var(--m-line);text-decoration:none;color:var(--m-text);}
.m-list-item:last-child a{border-bottom:none;}
.m-li-title{font-size:15px;font-weight:600;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.m-li-sub{margin-top:6px;font-size:12px;color:var(--m-sub);display:flex;align-items:center;gap:6px;}

/* ---------- chips ---------- */
.m-chips{display:flex;flex-wrap:wrap;gap:8px;}
.m-chips-scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;}
.m-chips-scroll::-webkit-scrollbar{display:none;}
.m-chip{flex:0 0 auto;background:var(--m-card);border:1px solid var(--m-line);border-radius:20px;padding:7px 14px;font-size:13px;color:var(--m-text);text-decoration:none;white-space:nowrap;}
.m-chip-on{background:var(--m-primary);border-color:var(--m-primary);color:#fff;font-weight:600;}

/* ---------- 论坛 ---------- */
.m-forum-head{padding:6px 2px 4px;}
.m-forum-head h1{font-size:20px;margin:0;font-weight:800;}
/* 注意：仅论坛列表行使用 flex；帖子详情页根元素同名 class 必须保持 block，避免整页横向排列 */
.m-list-item.m-thread, .m-list-item.m-thread a{display:flex;align-items:stretch;gap:10px;}
.m-thread .m-thread-main{flex:1;min-width:0;}
/* 帖子详情页：为固定回复栏预留底部空间，避免末楼/相关推荐被遮挡 */
.m-thread-detail{padding-bottom:calc(var(--m-tab-h) + 58px + env(safe-area-inset-bottom));}
.m-thread .m-li-title{font-size:15px;font-weight:600;}
.m-thread .m-li-sub{margin-top:6px;display:flex;align-items:center;gap:6px;color:var(--m-sub);font-size:12px;}
.m-avatar-sm{display:inline-flex;width:18px;height:18px;border-radius:50%;background:#eef4f0;font-size:11px;align-items:center;justify-content:center;}
.m-cat{font-size:11px;padding:1px 7px;border-radius:7px;background:#eef4f0;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c);}
.m-flag{font-size:10px;padding:1px 5px;border-radius:5px;margin-right:4px;vertical-align:middle;}
.m-flag-top{background:#fff0e6;color:#e8843a;}
.m-flag-ess{background:#fff7df;color:#c79a18;}
.m-thread-num{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:42px;color:var(--m-sub);}
.m-num{font-size:16px;font-weight:700;color:var(--m-text);}
.m-num-lbl{font-size:10px;}

/* ---------- 帖子详情 ---------- */
.m-thread-top{display:flex;align-items:center;gap:8px;padding:4px 2px 10px;}
.m-back{color:var(--m-sub);text-decoration:none;font-size:14px;}
.m-thread-cat{margin-left:auto;font-size:12px;padding:3px 10px;border-radius:9px;background:#eef4f0;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c);}
.m-more{border:none;background:transparent;font-size:20px;color:var(--m-text);}
.m-thread-title{font-size:19px;font-weight:800;line-height:1.4;margin:0 0 12px;}
.m-modbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:10px;background:#fff7f7;border:1px solid #ffd9d9;border-radius:12px;}
.m-modbar button{flex:1;min-width:90px;border:1px solid #ffc9c9;background:#fff;color:#d9534f;border-radius:9px;padding:8px;font-size:13px;}
.m-post{background:var(--m-card);border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:0 2px 8px rgba(31,39,51,.04);}
.m-post-thread{border:1px solid #bfe6d2;border:1px solid color-mix(in srgb,var(--m-primary) 22%,#fff);}
.m-post-head{display:flex;align-items:center;gap:10px;}
.m-post-head .m-avatar{width:38px;height:38px;font-size:20px;}
.m-post-meta{flex:1;min-width:0;}
.m-post-name{font-weight:700;font-size:14px;display:flex;align-items:center;gap:6px;}
.m-post-sub{font-size:12px;color:var(--m-sub);margin-top:2px;}
.m-silenced{font-size:10px;background:#ffecec;color:#e04848;padding:1px 6px;border-radius:6px;}
.m-post-mod{display:flex;gap:6px;margin-left:auto;}
.m-mini{border:1px solid #ffd0d0;background:#fff;color:#e04848;border-radius:8px;padding:5px 9px;font-size:12px;}
.m-quote{margin:10px 0 0;padding:8px 10px;background:#f6f8fa;border-left:3px solid var(--m-primary);border-radius:8px;font-size:13px;color:var(--m-sub);line-height:1.5;}
.m-post-body{margin-top:10px;font-size:15px;line-height:1.7;word-break:break-word;}
.m-post-body p{margin:0 0 8px;}
.m-post-body img{max-width:100%;border-radius:10px;}
.m-post-body pre{background:#f4f6f9;padding:10px;border-radius:8px;overflow:auto;}
.m-post-foot{margin-top:10px;display:flex;justify-content:flex-end;}
.m-floor-reply{border:1px solid var(--m-line);background:#f8faf9;color:var(--m-primary-d);border-radius:18px;padding:6px 16px;font-size:13px;}
.m-replies-head{font-size:14px;font-weight:700;color:var(--m-sub);margin:6px 2px 10px;}
.m-postlist{list-style:none;margin:0;padding:0;}

/* ---------- 底部回复栏 ---------- */
.m-replybar{position:fixed;left:0;right:0;bottom:calc(var(--m-tab-h) + env(safe-area-inset-bottom));z-index:64;
  display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fff;border-top:1px solid var(--m-line);}
.m-reply-quote{font-size:12px;color:var(--m-primary-d);background:rgba(47,182,124,.08);padding:4px 8px;border-radius:8px;margin-bottom:6px;}
.m-reply-form{flex:1;display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.m-reply-form input[type=text]{flex:1;min-width:0;border:1px solid var(--m-line);border-radius:20px;padding:10px 14px;font-size:14px;outline:none;background:#f7f9fb;}
.m-reply-btn{border:none;background:var(--m-primary);color:#fff;border-radius:20px;padding:10px 18px;font-size:14px;font-weight:600;}
.m-reply-btn:active{background:var(--m-primary-d);}
.m-replybar-disabled{justify-content:center;color:var(--m-sub);font-size:13px;}
.m-login-bar{text-decoration:none;color:var(--m-primary-d);font-weight:600;justify-content:center;}

/* ---------- 训练 ---------- */
.m-train-head{padding:4px 2px 6px;}
.m-train-head h1{font-size:20px;margin:0;font-weight:800;}
.m-overview{display:flex;gap:10px;margin:12px 0;background:linear-gradient(135deg,#2FB67C,#56d6a6);border-radius:16px;padding:14px;color:#fff;}
.m-ov-item{flex:1;text-align:center;}
.m-ov-num{font-size:20px;font-weight:800;}
.m-ov-lbl{font-size:11px;opacity:.9;margin-top:2px;}
.m-ov-link{text-decoration:none;color:#fff;}
.m-game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.m-game-card{background:var(--m-card);border-radius:14px;padding:14px 8px;text-align:center;text-decoration:none;color:var(--m-text);box-shadow:0 2px 8px rgba(31,39,51,.04);border-top:3px solid var(--c);}
.m-game-ico{font-size:26px;}
.m-game-name{font-size:13px;font-weight:700;margin-top:6px;line-height:1.3;}
.m-game-tag{font-size:10px;color:var(--c);margin-top:3px;}
.m-game-stage{font-size:10px;color:var(--m-sub);margin-top:6px;}

/* ---------- Toast ---------- */
.m-toast{position:fixed;left:50%;bottom:calc(var(--m-tab-h) + env(safe-area-inset-bottom) + 70px);transform:translateX(-50%) translateY(10px);
  background:rgba(31,39,51,.92);color:#fff;font-size:13px;padding:10px 18px;border-radius:22px;z-index:90;
  opacity:0;visibility:hidden;transition:.2s;max-width:80%;text-align:center;}
.m-toast.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}

/* =========================================================
   移动端桌面模板兼容层
   作用：当访问没有专属移动模板的页面（文章/用户/测评/频道等）时，
   桌面多栏布局会被强制单列、禁止横向溢出；专属 .m-* 组件完全不受影响。
   ========================================================= */
body{overflow-x:clip;}
.app-main, .app-main *{box-sizing:border-box;}
/* 仅作用于非 .m- 元素，避免破坏专属移动组件 */
.app-main *:not([class^="m-"]){max-width:100%;}
.app-main *:not([class^="m-"]){flex-wrap:wrap !important;}
/* 常见桌面多栏原语 → 单列 */
.app-main [class*="grid"]:not([class^="m-"]){display:grid !important;grid-template-columns:1fr !important;gap:12px !important;}
.app-main [class*="col-"]:not([class^="m-"]){flex:0 0 100% !important;width:100% !important;max-width:100% !important;}
.app-main .wp{max-width:100% !important;padding-left:0 !important;padding-right:0 !important;}
.app-main table{width:100%;}
.app-main pre{white-space:pre-wrap;word-break:break-word;}
/* 表单控件在手机上满宽，避免溢出 */
.app-main input[type=text], .app-main input[type=search], .app-main input[type=password],
.app-main input[type=number], .app-main input[type=email], .app-main textarea, .app-main select{
  width:100%;box-sizing:border-box;max-width:100%;
}

/* =========================================================
   文章/详情等桌面页内容：彻底防止被内容撑大（无需手动缩小）
   根因：md() 渲染的长 URL 等无空格字符串不会自动断词，
   会把页面横向撑宽，iOS 上需缩放回才能整页显示。
   ========================================================= */
/* 媒体元素永不超出屏幕 */
.app-main img, .app-main video, .app-main iframe, .app-main canvas{
  max-width:100% !important;height:auto;
}
/* 宽表格改为内部横向滚动，而不是撑大整页 */
.app-main table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.app-main pre{max-width:100%;overflow-x:auto;}
.app-main pre, .app-main code{white-space:pre-wrap;word-break:break-word;}
/* 长串（URL/令牌等）自动断词换行 */
.app-main p, .app-main li, .app-main blockquote, .app-main td, .app-main th,
.app-main a, .app-main .article-body, .app-main .product-summary, .app-main .comment-text{
  overflow-wrap:break-word;word-break:break-word;
}
/* 文章详情：强制单列 + 移动端内边距/字号微调，正好铺满屏幕 */
.app-main .detail-layout{grid-template-columns:1fr !important;}
.app-main .article-body,
.app-main .article-body.md-content{font-size:15px !important;line-height:1.75 !important;padding:16px 14px !important;}
.app-main .article-body p{font-size:15px !important;line-height:1.75 !important;margin-bottom:12px !important;}
.app-main .article-body h2,
.app-main .article-body .md-content h2{font-size:18px !important;margin:18px 0 10px !important;padding-bottom:6px !important;}
.app-main .article-body h3,
.app-main .article-body .md-content h3{font-size:16px !important;margin:16px 0 8px !important;}
.app-main .article-header, .app-main .product-header{padding:16px 14px !important;}
.app-main .article-header .cover-img{max-height:220px !important;border-radius:10px !important;margin-bottom:14px !important;}
.app-main .article-header .title{font-size:20px !important;line-height:1.4 !important;margin-bottom:12px !important;}
.app-main .article-header .badges{margin-bottom:10px !important;}
.app-main .article-header .badge-essence,
.app-main .article-header .badge-cat,
.app-main .article-header .badge-tag{font-size:11px !important;padding:2px 8px !important;}
.app-main .article-meta-bar{padding-top:12px !important;font-size:12px !important;gap:10px !important;}
.app-main .comment-section, .app-main .action-bar{padding:14px !important;}
.app-main .product-header .product-cover{width:100% !important;height:auto !important;}
.app-main .breadcrumb{padding:10px 14px !important;font-size:12px !important;}
.app-main .wp{padding:0 12px !important;max-width:100% !important;}


/* ===== 移动抽屉安装入口 ===== */
.m-drawer-install{
  display:flex;align-items:center;gap:10px;width:100%;border:none;background:transparent;
  padding:13px 12px;font-size:15px;color:var(--m-primary-d);cursor:pointer;text-align:left;border-radius:12px;
}
.m-drawer-install:active{background:var(--m-line);}

/* ===== 移动安装引导弹窗 ===== */
.m-install-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;}
.m-install-modal[hidden]{display:none;}
.m-install-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45);}
.m-install-modal__panel{
  position:relative;width:min(92%,380px);background:#fff;border-radius:16px;padding:22px;
  box-shadow:0 20px 50px rgba(0,0,0,.2);animation:minst-fade .2s ease;
}
.m-install-modal__panel h3{margin:0 0 10px;font-size:18px;color:var(--m-text);}
.m-install-modal__panel p{margin:0 0 8px;font-size:14px;color:var(--m-sub);line-height:1.65;}
.m-install-modal__panel .m-step{font-weight:700;color:var(--m-primary-d);margin-right:4px;}
.m-install-modal__panel ul{margin:6px 0 0;padding-left:2px;list-style:none;}
.m-install-modal__panel li{font-size:14px;color:var(--m-sub);line-height:1.7;}
.m-install-modal__panel button{
  margin-top:14px;width:100%;padding:12px;border:none;border-radius:10px;
  background:var(--m-primary);color:#fff;font-size:15px;font-weight:600;cursor:pointer;
}
@keyframes minst-fade{from{opacity:0;transform:scale(.95);}to{opacity:1;transform:scale(1);}}

/* ===== 能量求助 / 打赏（移动端） ===== */
.m-bounty{
  display:inline-block;margin:6px 0 2px;padding:4px 12px;border-radius:14px;
  font-size:13px;font-weight:600;color:#fff;background:linear-gradient(135deg,#FFB75E,#ED8F03);
}
.m-reward-sum{font-size:12px;color:#b8860b;margin:4px 0 2px;}
.m-post-actions{margin-top:10px;}
.m-act{
  display:inline-flex;align-items:center;gap:4px;
  padding:6px 14px;border-radius:16px;font-size:13px;cursor:pointer;
  border:1px solid #f0c14b;background:#fff7e6;color:#b8860b;
}
.m-act:active{transform:scale(.97);}
.m-act-accept{border-color:#6BAE7E;background:#e8f5e9;color:#4a7c5f;}
.m-solution{display:inline-block;margin-top:8px;color:#ED8F03;font-weight:600;font-size:13px;}
.m-cancel-help{
  display:block;width:100%;margin:10px 0;padding:10px;border-radius:12px;font-size:14px;cursor:pointer;
  border:1px solid #f3c0bb;background:#fff5f5;color:#e74c3c;
}
.m-cancel-help:active{background:#e74c3c;color:#fff;}

/* ===== 移动端站点信息 + 备案号（首页底部中央） ===== */
.m-site-info{
  margin:24px 12px 84px;padding:18px 14px;text-align:center;
  background:var(--text-1);border-radius:14px;color:rgba(255,255,255,0.7);
}
.m-si-name{font-size:15px;font-weight:700;color:#fff;margin-bottom:10px}
.m-si-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;font-size:12px;line-height:1.9}
.m-si-contact a{color:var(--primary-light)}
.m-si-contact a:hover{text-decoration:underline}
.m-si-icp{margin-top:12px}
.m-si-icp a{
  display:inline-block;color:#fff;font-size:12px;font-weight:600;
  padding:6px 14px;border:1px solid rgba(255,255,255,0.4);border-radius:8px;
  background:rgba(255,255,255,0.08);
}
.m-si-icp a:hover{background:rgba(255,255,255,0.2);border-color:#fff}