/* ============================================================
   2026 现代化浅色换皮 —— 前台全局 + 下载落地页
   最后加载，覆盖 base.css / main.css / h5.css / appstyle.css
   ============================================================ */

:root {
    --m-primary: #3b6cff;
    --m-primary-hover: #2f5be8;
    --m-primary-grad: linear-gradient(135deg, #3b6cff 0%, #5a8bff 100%);
    --m-primary-2: #6f9bff;
    --m-primary-soft: #eaf1ff;
    --m-bg: #f5f7fa;
    --m-card: #ffffff;
    --m-text: #1f2329;
    --m-text-2: #4e5969;
    --m-text-3: #86909c;
    --m-border: #e5e6eb;
    --m-radius: 12px;
    --m-radius-sm: 8px;
    --m-shadow: 0 2px 12px rgba(31, 35, 41, .06);
    --m-shadow-lg: 0 8px 30px rgba(31, 35, 41, .10);
    --m-font: -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ---------- 全局 ---------- */
body {
    font-family: var(--m-font) !important;
    color: var(--m-text);
    background-color: var(--m-bg);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

a { color: var(--m-primary); text-decoration: none; }
a:hover, a:focus { color: var(--m-primary-hover); text-decoration: none; }

::selection { background: rgba(59, 108, 255, .18); }

/* ---------- 顶部公告条 ---------- */
#notice_wrap {
    background: var(--m-primary-grad) !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 36px !important;
}
#notice_wrap a { color: #fff !important; }

/* ---------- 头部导航 ---------- */
header {
    background: #fff;
    box-shadow: 0 1px 0 rgba(31, 35, 41, .04), 0 4px 16px rgba(31, 35, 41, .06);
    position: sticky;
    top: 0;
    z-index: 1000;
}
header .header { padding: 10px 0; }

.ms-nav > li > a {
    color: var(--m-text-2) !important;
    font-size: 15px;
    border-radius: 8px;
    padding: 8px 14px !important;
    transition: color .2s, background .2s;
}
.ms-nav > li > a:hover {
    color: var(--m-primary) !important;
    background: var(--m-primary-soft);
}
.ms-nav > li.active > a {
    color: var(--m-primary) !important;
    font-weight: 600;
    background: var(--m-primary-soft);
}

/* 用户下拉 */
.user-wrap dl, .n-drop-down .n-con {
    border-radius: var(--m-radius) !important;
    box-shadow: var(--m-shadow-lg) !important;
    border: 1px solid var(--m-border) !important;
    overflow: hidden;
}
.user-wrap dd a:hover, .user-wrap dt a:hover { background: var(--m-primary-soft); color: var(--m-primary); }

/* ---------- 按钮 ---------- */
.ms-btn {
    border-radius: var(--m-radius-sm) !important;
    font-family: var(--m-font) !important;
    transition: all .2s ease !important;
    border: 1px solid transparent;
}
.ms-btn-primary {
    background: var(--m-primary-grad) !important;
    background-color: var(--m-primary) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(59, 108, 255, .30);
    border: none !important;
}
.ms-btn-primary:hover, .ms-btn-primary:focus {
    background: var(--m-primary-hover) !important;
    box-shadow: 0 6px 18px rgba(59, 108, 255, .40);
    transform: translateY(-1px);
    color: #fff !important;
}
.ms-btn-primary:active { transform: translateY(0); }
.ms-btn-default {
    background: #fff !important;
    border: 1px solid var(--m-border) !important;
    color: var(--m-text-2) !important;
}
.ms-btn-default:hover {
    border-color: var(--m-primary) !important;
    color: var(--m-primary) !important;
    background: var(--m-primary-soft) !important;
}

/* ---------- 表单 ---------- */
.form-control, input[type="text"], input[type="password"], input[type="search"],
select, textarea {
    border-radius: var(--m-radius-sm) !important;
    border: 1px solid var(--m-border) !important;
    background: #fff !important;
    color: var(--m-text) !important;
    box-shadow: none !important;
    transition: border-color .2s, box-shadow .2s;
    font-family: var(--m-font) !important;
}
.form-control:focus, input:focus, select:focus, textarea:focus {
    border-color: var(--m-primary) !important;
    box-shadow: 0 0 0 3px rgba(59, 108, 255, .14) !important;
    outline: none;
}
.form-group label.iconfont { color: var(--m-text-3); }

/* ---------- 登录页 2026 分屏布局 ---------- */
.login-2026 { background: linear-gradient(135deg, #eef3ff 0%, #f7f9ff 50%, #eaf0ff 100%) !important; }
.login-stage {
    display: flex;
    align-items: stretch;
    justify-content: center;
    max-width: 980px;
    margin: 56px auto 80px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 16px 60px rgba(59, 108, 255, .14), 0 2px 8px rgba(31, 35, 41, .05);
    background: #fff;
}
.login-showcase {
    flex: 1.1;
    background: linear-gradient(160deg, #14263f 0%, #1b3358 55%, #22447e 100%);
    color: #fff;
    display: flex;
    align-items: center;
    padding: 56px 48px;
    position: relative;
    overflow: hidden;
}
.login-showcase::after {
    content: "";
    position: absolute;
    right: -80px; bottom: -80px;
    width: 280px; height: 280px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .10);
}
.login-showcase::before {
    content: "";
    position: absolute;
    right: 40px; top: -60px;
    width: 160px; height: 160px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
}
.ls-inner { position: relative; z-index: 1; }
.ls-badge {
    display: inline-block;
    background: rgba(255, 255, 255, .18);
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 999px;
    padding: 5px 14px;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 22px;
}
.login-showcase h2 { font-size: 30px; font-weight: 700; line-height: 1.4; margin: 0 0 16px; }
.login-showcase p { font-size: 14px; opacity: .88; line-height: 1.9; margin-bottom: 28px; }
.ls-points { list-style: none; padding: 0; margin: 0; }
.ls-points li { font-size: 14px; padding: 7px 0 7px 26px; position: relative; opacity: .95; }
.ls-points li::before {
    content: "";
    position: absolute; left: 0; top: 12px;
    width: 14px; height: 14px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .9);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 16.2l-3.5-3.5L4 14.2l5 5 11-11-1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 16.2l-3.5-3.5L4 14.2l5 5 11-11-1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.login-panel { flex: 1; display: flex; align-items: center; justify-content: center; padding: 40px 28px; }
.login-panel .login-common {
    margin-top: 0 !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    width: 100%;
    max-width: 380px;
}
.login-2026 footer { margin-top: 0; }
@media (max-width: 768px) {
    .login-stage { margin: 16px 12px 40px; border-radius: 16px; }
    .login-panel { padding: 30px 20px; }
}

/* ---------- 登录 / 注册卡片 ---------- */
.login-common {
    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: var(--m-shadow-lg) !important;
    padding: 44px 44px 36px !important;
    margin-top: 60px !important;
    border: 1px solid rgba(229, 230, 235, .6);
}
.login-common > .tit, .login-common .tit:first-child {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--m-text) !important;
    margin-bottom: 20px;
}
.login-common .checkbox { color: var(--m-text-3); font-size: 13px; }
.login-common a.fl, .login-common a.fr { color: var(--m-primary); font-size: 14px; }

/* ---------- 内容卡片 / 面板 ---------- */
.panel, .ms-panel, .user-info, .content-box {
    border-radius: var(--m-radius) !important;
    box-shadow: var(--m-shadow) !important;
    border: 1px solid rgba(229, 230, 235, .6) !important;
}
.panel-default > .panel-heading {
    background: #fff !important;
    border-bottom: 1px solid var(--m-border) !important;
    font-weight: 600;
    color: var(--m-text);
    border-radius: var(--m-radius) var(--m-radius) 0 0 !important;
}

/* ---------- 表格 ---------- */
.table { background: #fff; }
.table > thead > tr > th {
    background: #f7f8fa;
    color: var(--m-text-2);
    font-weight: 600;
    border-bottom: 1px solid var(--m-border) !important;
}
.table > tbody > tr > td {
    border-top: 1px solid #f2f3f5 !important;
    color: var(--m-text-2);
    vertical-align: middle !important;
}
.table-hover > tbody > tr:hover { background: var(--m-primary-soft) !important; }

/* ---------- 分页 ---------- */
.pagination > li > a, .pagination > li > span {
    border-radius: 6px !important;
    margin: 0 3px;
    border: 1px solid var(--m-border) !important;
    color: var(--m-text-2) !important;
}
.pagination > .active > a, .pagination > .active > span {
    background: var(--m-primary) !important;
    border-color: var(--m-primary) !important;
    color: #fff !important;
}

/* ---------- 模态框 ---------- */
.modal-content {
    border-radius: 16px !important;
    box-shadow: var(--m-shadow-lg) !important;
    border: none !important;
}
.modal-header { border-bottom: 1px solid var(--m-border) !important; }

/* ---------- 右侧悬浮客服 ---------- */
.right-float-window > li > a {
    background: #fff !important;
    border-radius: 10px !important;
    box-shadow: var(--m-shadow) !important;
    color: var(--m-text-2) !important;
    transition: all .2s;
}
.right-float-window > li > a:hover {
    background: var(--m-primary) !important;
    color: #fff !important;
}

/* ---------- 页脚 ---------- */
footer {
    background: #1e293b !important;
    margin-top: 60px;
}
footer .footer dl dt { color: #fff !important; font-weight: 600; }
footer .footer dl dd a { color: #94a3b8 !important; transition: color .2s; }
footer .footer dl dd a:hover { color: #fff !important; }
footer .record { border-top: 1px solid rgba(255, 255, 255, .08) !important; }
footer .record span, footer .record p { color: #64748b !important; }

/* ============================================================
   下载落地页（template/app.php 引入同款）
   ============================================================ */
.template-wrap { font-family: var(--m-font) !important; }

/* 顶部背景 */
.template-1 .t-bg-1, .t-bg-1 {
    background: linear-gradient(180deg, #dbe7ff 0%, #eef3ff 55%, var(--m-bg) 100%) !important;
}

/* 应用图标 */
.template-1 .t-icon img, .t-icon img {
    border-radius: 22.5% !important;
    box-shadow: 0 8px 24px rgba(31, 35, 41, .14) !important;
    border: 1px solid rgba(255, 255, 255, .8);
}

/* 应用名与信息 */
.template-1 .t-name .tit, .t-name .tit {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: var(--m-text) !important;
    letter-spacing: .3px;
}
.template-1 .name-info span, .t-name .name-info span {
    color: var(--m-text-3) !important;
    font-size: 13px !important;
}

/* 下载主按钮 —— 大胶囊渐变 */
.template-1 .template-btn, .template-btn {
    background: var(--m-primary-grad) !important;
    border-radius: 999px !important;
    height: 54px !important;
    line-height: 54px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(59, 108, 255, .35) !important;
    border: none !important;
    transition: all .25s ease !important;
}
.template-1 .template-btn:hover, .template-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(59, 108, 255, .45) !important;
    color: #fff !important;
}
.template-btn.grey { background: #c9cdd4 !important; box-shadow: none !important; }
.template-1 .t-apply, .t-apply { color: var(--m-text-3) !important; font-size: 13px !important; }

/* 密码框 */
.template-pwd input.form-control { text-align: center; height: 46px; }
.ms-btn.decoding {
    background: var(--m-primary-grad) !important;
    border-radius: 999px !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 6px 16px rgba(59, 108, 255, .30) !important;
}

/* 二维码 */
.t-code img {
    border-radius: var(--m-radius) !important;
    border: 1px solid var(--m-border) !important;
    padding: 6px;
    background: #fff;
    box-shadow: var(--m-shadow);
}
.t-code .code-text { color: var(--m-text-3) !important; font-size: 13px !important; }

/* 简介/截图卡片 */
.t-introduce, .t-contact, .app-screen { font-family: var(--m-font) !important; }
.t-introduce .tit, .t-contact .tit, .app-screen .tit {
    font-weight: 700 !important;
    color: var(--m-text) !important;
}
.t-introduce p { color: var(--m-text-2) !important; line-height: 1.8; }
.app-screen img, .s-responsive img { border-radius: 10px !important; }

/* 下载页页脚 */
.template-footer { background: transparent !important; }
.template-footer .t-footer, .template-footer a { color: var(--m-text-3) !important; font-size: 12px; }
.template-footer a:hover { color: var(--m-primary) !important; }

/* 微信引导遮罩 */
#weixin_ios .to_btn, .to_btn {
    border-radius: var(--m-radius) !important;
    font-family: var(--m-font) !important;
}

/* ---------- 移动端微调 ---------- */
@media (max-width: 768px) {
    .login-common { margin: 24px 12px !important; padding: 30px 22px !important; }
    .template-1 .t-name .tit, .t-name .tit { font-size: 22px !important; }
    .template-1 .template-btn, .template-btn { height: 50px !important; line-height: 50px !important; font-size: 16px !important; }
    header .header { padding: 6px 0; }
}

/* ========== 营销页 / 内容页（价格、应用分发、封装、文档、关于等） ========== */
/* 页面横幅统一深藏青 */
.new-price-banner, .m-price-banner, .page-banner, .banner-box {
  background: linear-gradient(135deg, #16294d 0%, #23407c 60%, #3b6cff 130%) !important;
  color: #fff !important;
}

/* 价格选项卡：药丸式 */
.price-tab, .new-price-tab {
  background: #fff !important;
  border-radius: 999px !important;
  box-shadow: var(--m-shadow) !important;
  padding: 6px !important;
  border: none !important;
}
.price-tab a, .price-tab li, .new-price-tab a, .new-price-tab li {
  border-radius: 999px !important;
  color: var(--m-text-2) !important;
  transition: all .2s;
}
.price-tab a:hover, .price-tab li:hover, .new-price-tab a:hover, .new-price-tab li:hover { color: var(--m-primary) !important; }
.price-tab a.on, .price-tab li.on, .price-tab .active, .new-price-tab a.on, .new-price-tab .active {
  background: linear-gradient(135deg, var(--m-primary) 0%, var(--m-primary-2) 100%) !important;
  color: #fff !important;
}

/* 价格卡片 */
.price-common, .m-price-common {
  background: #fff !important;
  border-radius: 16px !important;
  box-shadow: var(--m-shadow) !important;
  border: 1px solid var(--m-border) !important;
  transition: all .25s !important;
  overflow: hidden;
}
.price-common:hover, .m-price-common:hover {
  transform: translateY(-4px);
  box-shadow: var(--m-shadow-hover) !important;
  border-color: var(--m-primary) !important;
}
.price-common .price, .price-common .money, .m-price-common .price {
  color: var(--m-primary) !important;
  font-weight: 700 !important;
}
.price-common .title, .price-common h3, .price-common h4 { color: var(--m-text) !important; font-weight: 700 !important; }
.price-common li, .price-common p { color: var(--m-text-2); }

/* 全站营销按钮（旧橙色 .btn 统一改品牌蓝胶囊） */
a.btn, button.btn, input.btn, .guize_html .btn {
  background: linear-gradient(135deg, var(--m-primary) 0%, var(--m-primary-2) 100%) !important;
  border: none !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-weight: 600 !important;
  box-shadow: 0 6px 16px rgba(59, 108, 255, .3) !important;
  transition: all .25s !important;
}
a.btn:hover, button.btn:hover, input.btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(59, 108, 255, .4) !important;
  color: #fff !important;
}

/* 用户中心左侧菜单 */
.aside-left {
  background: #fff !important;
  border-radius: 12px !important;
  box-shadow: var(--m-shadow) !important;
  border: none !important;
  padding: 10px !important;
  overflow: hidden;
}
.aside-left li a {
  border-radius: 8px !important;
  color: var(--m-text-2) !important;
  padding: 11px 16px !important;
  margin: 2px 0 !important;
  transition: all .2s;
  display: block;
}
.aside-left li a:hover { background: var(--m-primary-soft) !important; color: var(--m-primary) !important; }
.aside-left li.active a, .aside-left li.on a {
  background: linear-gradient(135deg, var(--m-primary) 0%, var(--m-primary-2) 100%) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(59, 108, 255, .3);
}
.aside-left .iconfont { margin-right: 6px; }

/* 用户中心右侧内容容器 */
.col-sm-10 .panel, .main-right, .right-con {
  border-radius: 12px !important;
}
.panel {
  border: none !important;
  border-radius: 12px !important;
  box-shadow: var(--m-shadow) !important;
}
.panel-heading {
  background: #fff !important;
  border-bottom: 1px solid var(--m-border) !important;
  border-radius: 12px 12px 0 0 !important;
  font-weight: 600;
  color: var(--m-text);
}

/* 文档/关于/免责声明等文字页 */
.article, .docs-con, .about-con, .content-box {
  background: #fff;
  border-radius: 12px;
  box-shadow: var(--m-shadow);
  padding: 30px;
  line-height: 2;
  color: var(--m-text-2);
}

/* 步骤条/功能列表图标块统一圆角 */
.step-list li, .feature-list li, .serve-list li { border-radius: 12px; }

/* 标签/徽标 */
.label, .badge { border-radius: 999px !important; font-weight: 500; }

/* 面包屑 */
.breadcrumb { background: transparent !important; padding: 10px 0; }
.breadcrumb a { color: var(--m-text-3); }
.breadcrumb a:hover { color: var(--m-primary); }

/* ========== 全站页面横幅 + ms-btn 按钮系统统一（与首页一致） ========== */
/* 营销页大横幅：统一深藏青渐变，去掉旧背景图 */
.index-banner, .index-banner .swiper-slide, .banner, .new-price-banner, .m-banner {
  background: linear-gradient(160deg, #14263f 0%, #1b3358 55%, #22447e 100%) !important;
}
.index-banner .banner-con .h1, .index-banner .banner-con .h2,
.banner-con h1, .banner-con h2, .banner-con .h1, .banner-con .h2,
.new-price-banner .h1, .new-price-banner h3 { color: #fff !important; }
.banner-con p, .banner-con span { color: rgba(255,255,255,.75) !important; }

/* ms-btn 按钮系统：主按钮蓝色渐变胶囊，次按钮白底蓝边 */
.ms-btn { border-radius: 999px !important; font-weight: 600 !important; transition: all .2s !important; border: none !important; }
.ms-btn-primary, a.ms-btn-primary, button.ms-btn-primary {
  background: linear-gradient(135deg, #3b6cff 0%, #6f9bff 100%) !important;
  color: #fff !important;
  box-shadow: 0 6px 16px rgba(59,108,255,.3) !important;
}
.ms-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(59,108,255,.45) !important; color: #fff !important; }
.ms-btn-secondary, .ms-btn-default, a.ms-btn-secondary, a.ms-btn-default {
  background: #fff !important;
  border: 1px solid #3b6cff !important;
  color: #3b6cff !important;
  box-shadow: none !important;
}
.ms-btn-secondary:hover, .ms-btn-default:hover { background: #f0f5ff !important; color: #2f5ae0 !important; }
.btn-buy { border-radius: 999px !important; }

/* 价格页卡片顶部色块：统一深藏青渐变（需高于原 .price-con .price-common .gradient1 的优先级） */
.price-con .price-common .gradient,
.price-con .price-common .gradient1,
.price-con .price-common .gradient2,
.price-con .price-common .gradient3,
.price-con .price-common .gradient4,
.price-con .price-common .big-package .gradient1,
.price-con .price-common .big-package .gradient2,
.price-con .price-common .big-package .gradient3,
.new-publish-price .tab-con .gradient,
.new-publish-price .tab-con .gradient1,
.new-publish-price .tab-con .gradient2,
.new-publish-price .tab-con .gradient3 {
  background: linear-gradient(160deg, #16294d 0%, #1d3560 100%) !important;
  border-radius: 16px 16px 0 0 !important;
}
.price-common .c-top .num, .price-common .c-top .text { color: #fff !important; }
.price-common .bottom-con dd { color: #4e5969 !important; }
.price-common .b-price, .b-price { color: #3b6cff !important; font-weight: 700 !important; }
.recommended { background: #3b6cff !important; }

/* 表格里的小按钮统一 */
.table-btn { border-radius: 999px !important; }

/* 用户中心卡片头部统计条等剩余色块统一 */
.panel-top, .user-top, .account-top, .top-info {
  background: linear-gradient(160deg, #16294d 0%, #1d3560 100%) !important;
  color: #fff !important;
  border-radius: 12px !important;
}

/* ========== 用户中心·应用列表页（应用分发）排版 ========== */
.release-app-wrap .crumbs {
  background: transparent !important;
  padding: 20px 4px 14px !important;
  font-size: 14px;
  color: var(--m-text-3) !important;
}
.release-app-wrap .crumbs a { color: var(--m-text-3); }
.release-app-wrap .crumbs a:hover { color: var(--m-primary); }
.release-app-wrap .crumbs span { margin: 0 8px; color: #c9cdd4; }

.release-app-wrap .aside-right {
  background: #fff;
  border-radius: 16px;
  box-shadow: var(--m-shadow);
  padding: 22px 24px 26px;
  min-height: 480px;
}

/* 顶部筛选 + 统计行 */
.release-app-wrap .a-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px !important;
}
.release-app-wrap .a-top .how-many { margin-left: auto; float: none; }

/* 平台筛选下拉 */
.app-system-select {
  border: 1px solid var(--m-border);
  border-radius: 999px;
  padding: 8px 18px;
  background: #fff;
  color: var(--m-text-2);
  font-size: 14px;
  cursor: pointer;
  transition: all .2s;
}
.app-system-select:hover { border-color: var(--m-primary); color: var(--m-primary); }
.app-system-select .app_device {
  border-radius: 12px !important;
  border: 1px solid var(--m-border) !important;
  box-shadow: var(--m-shadow) !important;
  overflow: hidden;
  padding: 6px;
}
.app-system-select .app_device li { padding: 9px 18px !important; border-radius: 8px; font-size: 14px; }
.app-system-select .app_device li:hover,
.app-system-select .app_device li.active { background: var(--m-primary-soft) !important; color: var(--m-primary) !important; }

/* 搜索框 */
.input-search {
  display: flex;
  align-items: center;
  border: 1px solid var(--m-border);
  border-radius: 999px;
  background: #fff;
  overflow: hidden;
  transition: all .2s;
}
.input-search:focus-within { border-color: var(--m-primary); box-shadow: 0 0 0 3px rgba(59,108,255,.12); }
.input-search input {
  border: none !important;
  outline: none;
  background: transparent;
  padding: 9px 4px 9px 18px;
  font-size: 14px;
  width: 200px;
  color: var(--m-text);
}
.input-search .icon-search { padding: 0 16px; color: var(--m-text-3); cursor: pointer; font-size: 15px; }
.input-search .icon-search:hover { color: var(--m-primary); }

/* 统计数字组 */
.how-many dl { display: flex; align-items: center; margin: 0; }
.how-many dd { padding: 0 22px; position: relative; }
.how-many .p1 { font-size: 12px; color: var(--m-text-3); margin: 0 0 2px; font-weight: 400; }
.how-many .p2 span { font-size: 20px; font-weight: 700; color: var(--m-text); }
.how-many .p2 span i { font-size: 12px; font-weight: 400; color: var(--m-text-3); font-style: normal; }
.how-many dt { display: flex; align-items: center; padding-left: 22px; }

/* 提示条 */
.warn-prompt {
  background: #fff7e8 !important;
  border: 1px solid #ffe2b0 !important;
  color: #d48806 !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  font-size: 13px;
}
.warn-prompt a { color: var(--m-primary) !important; font-weight: 600; }

/* 应用表格 */
.app-table { width: 100%; }
.app-table th {
  background: #f7f9fc !important;
  color: var(--m-text-2) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 13px 14px !important;
  border: none !important;
  white-space: nowrap;
}
.app-table tr th:first-child { border-radius: 10px 0 0 10px; }
.app-table tr th:last-child { border-radius: 0 10px 10px 0; }
.app-table td {
  padding: 14px !important;
  border-bottom: 1px solid var(--m-border) !important;
  color: var(--m-text-2);
  font-size: 14px;
  vertical-align: middle !important;
}
.app-table tr:hover td { background: #f8faff; }

/* 应用图标与名称 */
.app-icon-name .app-icon-size img { width: 44px; height: 44px; border-radius: 10px; }
.app-icon-name .tit2 { color: var(--m-text) !important; font-weight: 600; font-size: 14px; }
.app-icon-name .tit3 { color: var(--m-text-3); font-size: 12px; display: block; margin-top: 2px; }

/* 下载链接与复制按钮 */
.download-code .ellipsis { color: var(--m-primary) !important; font-size: 13px; }
.download-code .copy-btn {
  border: 1px solid rgba(59,108,255,.4) !important;
  color: var(--m-primary) !important;
  background: var(--m-primary-soft) !important;
  border-radius: 999px !important;
  padding: 2px 12px !important;
  font-size: 12px !important;
  transition: all .2s;
}
.download-code .copy-btn:hover { background: var(--m-primary) !important; color: #fff !important; }

/* 操作列小按钮 */
.app-table .table-btn {
  display: inline-block;
  padding: 5px 13px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  border: 1px solid var(--m-border) !important;
  color: var(--m-text-2) !important;
  background: #fff !important;
  margin: 2px 3px;
  transition: all .2s;
}
.app-table .table-btn.color-hover { color: var(--m-primary) !important; border-color: rgba(59,108,255,.4) !important; background: var(--m-primary-soft) !important; }
.app-table .table-btn.color-hover:hover { background: var(--m-primary) !important; color: #fff !important; }
.app-table .table-btn.color-delete { color: #f53f3f !important; border-color: rgba(245,63,63,.35) !important; background: #fff7f7 !important; }
.app-table .table-btn.color-delete:hover { background: #f53f3f !important; color: #fff !important; }

/* 空状态 */
.no-app { padding: 70px 0 80px !important; }
.no-app img { width: 120px; opacity: .9; }
.no-app .color-333 { color: var(--m-text-3) !important; font-size: 15px; }
.no-app .ms-btn { display: inline-flex; align-items: center; gap: 6px; }

/* 分页 */
.pagination { display: inline-flex; gap: 6px; }
.pagination li a {
  border: 1px solid var(--m-border) !important;
  border-radius: 8px !important;
  color: var(--m-text-2) !important;
  padding: 6px 13px !important;
}
.pagination li.active a, .pagination li a:hover {
  background: var(--m-primary) !important;
  border-color: var(--m-primary) !important;
  color: #fff !important;
}