@charset "utf-8";
/* =====================================================================
   moban5 内页科技风主题层（仅作用于 body.tech-page）
   不修改公共 main.css/base.css，只做皮肤覆盖；弹窗 .ms-modal 保持浅色
   ===================================================================== */

body.tech-page {
    background-color: #05080f;
    color: #c6d2f2;
    --tp-primary: #3d7bff;
    --tp-cyan: #22d3ee;
    --tp-text: #eaf0ff;
    --tp-muted: #93a2c8;
    --tp-faint: #64749b;
    --tp-border: rgba(130, 170, 255, .16);
    --tp-card: rgba(255, 255, 255, .045);
    --tp-card2: rgba(13, 20, 42, .85);
    --tp-gradient: linear-gradient(135deg, #3d7bff 0%, #22d3ee 100%);
}

/* ---------- 文字颜色工具类 ---------- */
body.tech-page .color-333,
body.tech-page .color-666,
body.tech-page .color-999 {
    color: #c6d2f2 !important;
}
body.tech-page a {
    color: #5aa0ff;
}
body.tech-page a:hover {
    color: #22d3ee;
}

/* ---------- 头部（内页常态深色毛玻璃） ---------- */
body.tech-page header {
    z-index: 100;
    background: rgba(7, 11, 28, .94);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    box-shadow: 0 1px 0 rgba(120, 160, 255, .12), 0 8px 30px rgba(0, 0, 0, .35);
}
@media (min-width: 768px) {
    body.tech-page .header .ms-nav > li > a,
    body.tech-page .header .ms-nav > li .doc-nav > a {
        color: #cdd8f7 !important;
    }
    body.tech-page .header .ms-nav > li.active > a,
    body.tech-page .header .ms-nav > li:hover > a,
    body.tech-page .header .ms-nav > li.active .doc-nav > a,
    body.tech-page .header .ms-nav > li:hover .doc-nav > a {
        color: #22d3ee !important;
        border-bottom-color: #22d3ee !important;
    }
    body.tech-page header .ms-btn-default {
        color: #dbe6ff;
        border-color: rgba(255, 255, 255, .35);
        background: rgba(255, 255, 255, .06);
    }
    body.tech-page header .ms-btn-default:hover {
        color: #06101f;
        border-color: transparent;
        background: #22d3ee;
    }
    body.tech-page header .ms-btn-primary,
    body.tech-page header .login-user .abtn.btnbg1 {
        color: #fff;
        border: 1px solid transparent;
        background: var(--tp-gradient);
        box-shadow: 0 6px 18px rgba(45, 132, 255, .35);
    }
    body.tech-page header .login-user .abtn {
        color: #dbe6ff;
        border: 1px solid rgba(255, 255, 255, .25);
        background: rgba(255, 255, 255, .05);
    }
    /* 导航下拉/文档浮层 */
    body.tech-page .header .top-doc {
        background: rgba(10, 18, 40, .96);
        border: 1px solid var(--tp-border);
        box-shadow: 0 18px 40px rgba(0, 0, 0, .45);
    }
    body.tech-page .header .top-doc a {
        color: #c6d2f2;
    }
    body.tech-page .header .top-doc a:hover,
    body.tech-page .header .top-doc a.active {
        color: #22d3ee;
        background: rgba(34, 211, 238, .08);
    }
}

/* ---------- 底部 ---------- */
body.tech-page footer {
    position: relative;
    background: #05080f;
    border-top: 1px solid rgba(130, 170, 255, .12);
}
body.tech-page footer::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, #3d7bff 30%, #22d3ee 60%, transparent 100%);
    opacity: .7;
}
body.tech-page .footer .left dt { color: #eaf0ff; }
body.tech-page .footer .left dd { color: #93a2c8; }
body.tech-page .footer .left dd.line { background: var(--tp-gradient); }
body.tech-page .footer .left dd a { color: #93a2c8; -webkit-transition: color .25s ease; transition: color .25s ease; }
body.tech-page .footer .left dd a:hover { color: #22d3ee; text-decoration: none; }
body.tech-page .footer .right p { color: #93a2c8; }
body.tech-page .footer .record { color: #64749b; }
body.tech-page .footer .record span,
body.tech-page .footer .record p { color: #64749b !important; }
body.tech-page .footer .record a { color: #93a2c8 !important; }
body.tech-page .footer .record a:hover { color: #22d3ee !important; }
body.tech-page .footer.visible-xs a { color: #93a2c8; }

/* ---------- 按钮 ---------- */
body.tech-page .ms-btn {
    border-radius: 6px;
}
body.tech-page .ms-btn-primary {
    background: var(--tp-gradient);
    border-color: transparent;
    box-shadow: 0 6px 18px rgba(45, 132, 255, .3);
}
body.tech-page .ms-btn-primary:hover,
body.tech-page .ms-btn-primary:focus {
    background: linear-gradient(135deg, #4f8bff, #37def0);
    color: #fff;
}
body.tech-page .ms-btn-secondary {
    border-color: #3d7bff;
    color: #6fb0ff;
    background: rgba(61, 123, 255, .1);
}
body.tech-page .ms-btn-secondary:hover,
body.tech-page .ms-btn-secondary:focus {
    background: var(--tp-gradient);
    border-color: transparent;
    color: #fff;
}
body.tech-page .ms-btn-default {
    border-color: rgba(130, 170, 255, .35);
    color: #c6d2f2;
    background: rgba(255, 255, 255, .04);
}
body.tech-page .ms-btn-default:hover,
body.tech-page .ms-btn-default:focus {
    color: #06101f;
    border-color: transparent;
    background: #22d3ee;
}
body.tech-page .color-hover,
body.tech-page .color-hover:focus {
    color: #22d3ee !important;
}

/* ---------- 表单 ---------- */
body.tech-page .form-control,
body.tech-page input[type="text"],
body.tech-page input[type="password"],
body.tech-page input[type="email"],
body.tech-page input[type="tel"],
body.tech-page input[type="number"],
body.tech-page input[type="search"],
body.tech-page select,
body.tech-page textarea {
    background-color: rgba(255, 255, 255, .05);
    border: 1px solid rgba(130, 170, 255, .22);
    color: #eaf0ff;
    border-radius: 6px;
}
body.tech-page .form-control:focus,
body.tech-page input:focus,
body.tech-page select:focus,
body.tech-page textarea:focus {
    border-color: #22d3ee;
    background-color: rgba(34, 211, 238, .07);
    color: #eaf0ff;
    -webkit-box-shadow: 0 0 0 3px rgba(34, 211, 238, .12);
    box-shadow: 0 0 0 3px rgba(34, 211, 238, .12);
}
body.tech-page .form-control::-webkit-input-placeholder { color: #5d6d94; }
body.tech-page .form-control::-moz-placeholder { color: #5d6d94; }
body.tech-page .help-block { color: #ff7b8a; }
body.tech-page .checkbox,
body.tech-page .radio { color: #93a2c8; }
/* 下拉 option 系统色不可控，保持白底深字可读性 */

/* ---------- 面包屑/提示条 ---------- */
body.tech-page .crumbs { color: var(--tp-faint); }
body.tech-page .crumbs a { color: #93a2c8; }
body.tech-page .crumbs a:hover { color: #22d3ee; }
body.tech-page .warn-prompt {
    background: rgba(255, 170, 60, .08);
    border: 1px solid rgba(255, 170, 60, .3);
    color: #e8c48a;
}

/* ---------- 各类顶部 banner：叠加深色渐变增强层次 ---------- */
body.tech-page .encapsulation-banner-wrap,
body.tech-page .signature-banner,
body.tech-page .tf-sign-banner,
body.tech-page .ambassador-banner-wrap,
body.tech-page .tool-banner,
body.tech-page .new-price-banner,
body.tech-page .doc-banner,
body.tech-page .about-banner-wrap {
    position: relative;
}
body.tech-page .encapsulation-banner-wrap::after,
body.tech-page .signature-banner::after,
body.tech-page .tf-sign-banner::after,
body.tech-page .ambassador-banner-wrap::after,
body.tech-page .tool-banner::after,
body.tech-page .new-price-banner::after,
body.tech-page .doc-banner::after,
body.tech-page .about-banner-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(5, 8, 18, .82) 0%, rgba(7, 14, 36, .45) 55%, rgba(5, 8, 18, .75) 100%);
    pointer-events: none;
}
body.tech-page .encapsulation-banner-wrap > *,
body.tech-page .signature-banner > *,
body.tech-page .tf-sign-banner > *,
body.tech-page .ambassador-banner-wrap > *,
body.tech-page .tool-banner > *,
body.tech-page .new-price-banner > *,
body.tech-page .doc-banner > *,
body.tech-page .about-banner-wrap > * {
    position: relative;
    z-index: 1;
}
/* 纯标题型 banner 文字 */
body.tech-page .doc-banner .tit {
    color: #fff;
    text-shadow: 0 2px 18px rgba(34, 211, 238, .35);
}
/* 纯色 banner（无图）兜底 */
body.tech-page .doc-banner {
    background: linear-gradient(135deg, #0a1228 0%, #0d1b45 55%, #08304a 100%) !important;
    border-bottom: 1px solid var(--tp-border);
}
body.tech-page .doc-banner::after { display: none; }
body.tech-page .new-price-banner {
    background: linear-gradient(135deg, #0a1228 0%, #0d1b45 60%, #08304a 100%) !important;
}
body.tech-page .new-price-banner::after { display: none; }
body.tech-page .new-price-banner .banner-con h3 {
    color: #fff;
}
body.tech-page .new-price-banner .banner-con p {
    color: #93a2c8;
}

/* ---------- 关于我们 tab 条 ---------- */
body.tech-page .about-tab-wrap {
    background: rgba(5, 8, 18, .6);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
body.tech-page .about-tab-wrap .about-tab > a {
    color: #c6d2f2;
}
body.tech-page .about-tab-wrap .about-tab .router-link-active,
body.tech-page .about-tab-wrap .about-tab a:hover {
    background: var(--tp-gradient);
    color: #fff;
}

/* =====================================================================
   通用内容区/卡片
   ===================================================================== */
body.tech-page .index-common > h1,
body.tech-page .about-us .common h1,
body.tech-page .about-us .common .p2,
body.tech-page .about-us p.item-title {
    color: #eaf0ff;
}
body.tech-page .index-common > h4 {
    color: var(--tp-muted);
}
body.tech-page .about-us .service_content,
body.tech-page .about-us .service_content p,
body.tech-page .about-us .service_content .font18,
body.tech-page .about-us .service_content h3,
body.tech-page .about-us .service_content li {
    color: #c6d2f2;
}
body.tech-page .about-us .service_content a {
    color: #5aa0ff;
}

/* 玻璃卡片：缩略图卡、联系卡 */
body.tech-page .about-us .contact-us .contact-con .ms-thumbnail {
    background: var(--tp-card2);
    border: 1px solid var(--tp-border);
    border-radius: 12px;
    -webkit-transition: border-color .3s ease, -webkit-transform .3s ease, box-shadow .3s ease;
    transition: border-color .3s ease, transform .3s ease, box-shadow .3s ease;
}
body.tech-page .about-us .contact-us .contact-con .ms-thumbnail:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    border-color: rgba(34, 211, 238, .5);
    box-shadow: 0 16px 40px rgba(0, 0, 0, .4), 0 0 24px rgba(34, 211, 238, .12);
}
body.tech-page .ms-thumbnail .ms-caption .tit { color: #eaf0ff; }
body.tech-page .ms-thumbnail .ms-caption p { color: var(--tp-muted); }

/* ---------- 手风琴（FAQ） ---------- */
body.tech-page .qa-model h1,
body.tech-page .model-two h1 {
    color: #eaf0ff;
}
body.tech-page .qa-model .panel-group .panel,
body.tech-page .price-con .panel-group .panel,
body.tech-page .panel.panel-default {
    background: var(--tp-card2);
    border: 1px solid var(--tp-border);
    border-radius: 8px !important;
    overflow: hidden;
    -webkit-box-shadow: none;
    box-shadow: none;
}
body.tech-page .qa-model .panel-default .panel-heading,
body.tech-page .price-con .panel-default .panel-heading {
    background: rgba(255, 255, 255, .03);
    border-bottom: 1px solid var(--tp-border);
    border-color: var(--tp-border);
}
body.tech-page .qa-model .panel-title,
body.tech-page .price-con .panel-title {
    color: #eaf0ff;
}
body.tech-page .qa-model .panel-body,
body.tech-page .price-con .panel-body {
    color: var(--tp-muted);
    background: var(--tp-card2);
}
body.tech-page .qa-model .panel-body a,
body.tech-page .price-con .panel-body a {
    color: #22d3ee;
}

/* =====================================================================
   营销区块
   ===================================================================== */
/* 特性四宫格（internal/apppack/appsign/promote 等共用） */
body.tech-page .model-two {
    background: #05080f;
}
body.tech-page .model-two h3 { color: var(--tp-muted); }
body.tech-page .model-two .item .img-wrap {
    background: linear-gradient(135deg, #ffffff, #dce8ff);
    box-shadow: 0 10px 30px rgba(61, 123, 255, .25);
}
body.tech-page .model-two .item .title { color: #eaf0ff; }
body.tech-page .model-two .item .s-title { color: var(--tp-muted); }
body.tech-page .model-two .item-wrap-top { border-bottom-color: var(--tp-border); }

/* 福利区（浅灰底） */
body.tech-page .publish-model-welfare {
    background: #070c1c;
}
body.tech-page .publish-model-welfare .welfare-item {
    background: var(--tp-card2);
    border: 1px solid var(--tp-border);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: none;
}
body.tech-page .publish-model-welfare .welfare-item .bottom {
    background: rgba(255, 255, 255, .03);
    color: #c6d2f2;
}

/* 签名工具/流程标题 */
body.tech-page .signature-tool .h1 { color: #22d3ee; }

/* super / tf 页（超级签名、免签封装） */
body.tech-page .bg-f7 {
    background-color: #070c1c;
}
body.tech-page .super-corporate-signature,
body.tech-page .super-use-func {
    background: transparent;
}
body.tech-page .super-corporate-signature .h1,
body.tech-page .super-use-func .h1 {
    color: #22d3ee;
}
body.tech-page .super-corporate-signature .ms-thumbnail,
body.tech-page .super-use-func .ms-thumbnail,
body.tech-page .appsign .ms-thumbnail,
body.tech-page .apppack .ms-thumbnail,
body.tech-page .promote .ms-thumbnail {
    background: var(--tp-card2);
    border: 1px solid var(--tp-border);
    border-radius: 12px;
    padding: 24px 10px;
}

/* 免签封装步骤：步骤图加托板，箭头保留青色系 */
body.tech-page .super-use-func .progress-use img {
    width: 56px;
    height: 56px;
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(135deg, #ffffff, #dce8ff);
    box-shadow: 0 10px 24px rgba(61, 123, 255, .22);
}
body.tech-page .super-use-func .progress-use p.color-666 {
    color: #c6d2f2 !important;
}

/* 常见问题（iosmq 等独立 .help，price 页 .price-common .help 同样适用） */
body.tech-page .help .tit {
    color: #eaf0ff;
}
body.tech-page .help dl {
    background: var(--tp-card2);
    border: 1px solid var(--tp-border);
    border-radius: 10px;
    margin-bottom: 12px;
    padding: 16px 22px;
    color: var(--tp-muted);
    -webkit-transition: border-color .25s ease;
    transition: border-color .25s ease;
}
body.tech-page .help dl:hover {
    border-color: rgba(34, 211, 238, .35);
}
body.tech-page .help dt {
    color: #eaf0ff;
    line-height: 30px;
    margin-bottom: 6px;
}
body.tech-page .help dd {
    color: var(--tp-muted);
    line-height: 30px;
}
body.tech-page .help dl .left {
    color: #22d3ee;
    font-weight: 700;
}
body.tech-page .help dl .right {
    color: inherit;
}

/* 代理推广 banner 按钮等沿用 banner 遮罩 */

/* =====================================================================
   价格页
   ===================================================================== */
body.tech-page .price-tab ul li {
    background: rgba(255, 255, 255, .04);
    border-color: var(--tp-border);
    color: #c6d2f2;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}
body.tech-page .price-tab ul li:hover {
    color: #22d3ee;
}
body.tech-page .price-tab ul li.active {
    background: var(--tp-gradient);
    border-color: transparent;
    color: #fff;
}
body.tech-page .price-con .price-common h1 {
    color: #7db4ff;
}
body.tech-page .price-con .price-common .p1 { color: var(--tp-muted); }

/* 套餐卡 */
body.tech-page .buy-number .price-common .con {
    background: var(--tp-card2);
    border: 1px solid var(--tp-border);
    border-radius: 12px;
    overflow: hidden;
    -webkit-transition: border-color .3s ease, -webkit-transform .3s ease, box-shadow .3s ease;
    transition: border-color .3s ease, transform .3s ease, box-shadow .3s ease;
}
body.tech-page .buy-number .price-common .con:hover {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
    border-color: rgba(34, 211, 238, .5);
    box-shadow: 0 18px 44px rgba(0, 0, 0, .45), 0 0 26px rgba(34, 211, 238, .12);
}
body.tech-page .buy-number .price-common .con .c-top .num { color: #eaf0ff; }
body.tech-page .buy-number .price-common .con .c-top p { color: var(--tp-muted); }
body.tech-page .buy-number .price-common .con .bottom-con dl {
    border-top-color: var(--tp-border);
    color: var(--tp-muted);
}
body.tech-page .buy-number .price-common .con .bottom-con .b-price { color: #22d3ee; }

/* 问答 dl */
body.tech-page .price-common .help dl {
    background: var(--tp-card2);
    border: 1px solid var(--tp-border);
    border-radius: 8px;
    margin-bottom: 12px;
    padding: 0 20px;
}
body.tech-page .price-common .help dt {
    color: #eaf0ff;
    border-bottom: 1px solid rgba(130, 170, 255, .1);
}
body.tech-page .price-common .help dd {
    color: var(--tp-muted);
}

/* ---------- 表格 ---------- */
body.tech-page .table {
    background: transparent;
    color: #c6d2f2;
}
body.tech-page .table > thead > tr > th,
body.tech-page .table > tbody > tr > th,
body.tech-page .table > tfoot > tr > th {
    background: rgba(61, 123, 255, .12);
    color: #eaf0ff;
    border-color: var(--tp-border) !important;
    font-weight: 600;
}
body.tech-page .table > thead > tr > td,
body.tech-page .table > tbody > tr > td,
body.tech-page .table > tfoot > tr > td {
    background: transparent;
    color: #c6d2f2;
    border-color: var(--tp-border) !important;
}
body.tech-page .table > tbody > tr:hover > td,
body.tech-page .table > tbody > tr:hover > th {
    background: rgba(34, 211, 238, .06);
}
body.tech-page .table-bordered,
body.tech-page .new-price-meal .table,
body.tech-page .new-sign-price .table {
    border-color: var(--tp-border);
}
body.tech-page .price-con .price-common table th,
body.tech-page .price-con .price-common table td {
    color: #c6d2f2;
}
body.tech-page .new-price-meal,
body.tech-page .new-sign-price {
    color: #c6d2f2;
}

/* =====================================================================
   文档中心
   ===================================================================== */
body.tech-page .doc-list-wrap .advice { color: var(--tp-muted); }
body.tech-page .right-list {
    background: var(--tp-card2);
    border: 1px solid var(--tp-border);
    border-radius: 10px;
}
body.tech-page .right-list .w-newsitem h3,
body.tech-page .right-list .w-newsitem h3 a { color: #eaf0ff; }
body.tech-page .doc-list .tit { color: #eaf0ff; }
body.tech-page .doc-list ul li {
    background-color: var(--tp-card2) !important;
    border: 1px solid var(--tp-border);
    box-shadow: none !important;
}
body.tech-page .doc-list ul li:hover {
    border-color: rgba(34, 211, 238, .4);
}
body.tech-page .doc-list ul li h2 a { color: #eaf0ff !important; }
body.tech-page .doc-list ul li h2 a:hover { color: #22d3ee !important; }
body.tech-page .doc-list ul li .decs p { color: var(--tp-muted) !important; }
body.tech-page .doc-list ul li .text-xs,
body.tech-page .doc-list ul li span a { color: var(--tp-faint) !important; }
body.tech-page .doc-list .list-image {
    border-color: var(--tp-border);
    background-color: rgba(255, 255, 255, .04) !important;
}
/* 详情侧栏 */
body.tech-page .details-left {
    background: var(--tp-card2);
    border: 1px solid var(--tp-border);
    border-radius: 10px;
    overflow: hidden;
}
body.tech-page .details-left dt {
    color: #c6d2f2;
    border-bottom-color: var(--tp-border);
}
body.tech-page .details-left dt.active {
    background: rgba(61, 123, 255, .18);
    border-left-color: #22d3ee;
    color: #22d3ee;
}
body.tech-page .details-left dd a {
    border-bottom-color: rgba(130, 170, 255, .08);
    color: var(--tp-muted);
}
body.tech-page .details-left dd a:hover {
    color: #22d3ee;
    background: rgba(34, 211, 238, .06);
}
body.tech-page .details-left dd a.active { color: #22d3ee; }
body.tech-page .hot-item li { border-top-color: rgba(130, 170, 255, .08); }
body.tech-page .hot-item li a { color: #c6d2f2; }
body.tech-page .hot-item li a:hover { color: #22d3ee; }
body.tech-page .topic-list .topic span { color: #c6d2f2; }

/* 文档详情正文（detail.html） */
body.tech-page .article-content {
    background: var(--tp-card2);
    border: 1px solid var(--tp-border);
    border-radius: 12px;
    box-shadow: 0 14px 36px rgba(0, 0, 0, .35);
}
body.tech-page .article-detail {
    border-bottom-color: rgba(130, 170, 255, .14) !important;
}
body.tech-page .article-detail .detail-title {
    color: #eaf0ff;
    font-weight: 700;
}
body.tech-page .article-detail .infos,
body.tech-page .article-detail .infos span {
    color: var(--tp-faint) !important;
}
body.tech-page .article-detail .infos .iconfont {
    color: var(--tp-faint);
}

/* 富文本正文：编辑器内容带内联白底深字，必须 !important 压制 */
body.tech-page .article-body,
body.tech-page .article-body p,
body.tech-page .article-body h1,
body.tech-page .article-body h2,
body.tech-page .article-body h3,
body.tech-page .article-body h4,
body.tech-page .article-body h5,
body.tech-page .article-body h6,
body.tech-page .article-body li,
body.tech-page .article-body td,
body.tech-page .article-body th,
body.tech-page .article-body div,
body.tech-page .article-body blockquote {
    color: #c6d2f2 !important;
    background-color: transparent !important;
}
body.tech-page .article-body {
    color: #c6d2f2;
    line-height: 1.95;
}
body.tech-page .article-body h1,
body.tech-page .article-body h2,
body.tech-page .article-body h3,
body.tech-page .article-body h4,
body.tech-page .article-body h5,
body.tech-page .article-body h6 {
    color: #eaf0ff !important;
    font-weight: 700;
    margin-top: 26px;
    padding-left: 12px;
    border-left: 3px solid #22d3ee;
}
body.tech-page .article-body h2 {
    font-size: 20px;
}
body.tech-page .article-body h3 {
    font-size: 17px;
}
/* 内联 span：去白底，保留作者有意的强调字色 */
body.tech-page .article-body span {
    background-color: transparent !important;
}
body.tech-page .article-body a {
    color: #22d3ee !important;
    text-decoration: none;
    border-bottom: 1px solid rgba(34, 211, 238, .35);
}
body.tech-page .article-body a:hover {
    color: #56e6ff !important;
}
body.tech-page .article-body strong,
body.tech-page .article-body b {
    color: #eaf0ff;
    font-weight: 700;
}
body.tech-page .article-body ul,
body.tech-page .article-body ol {
    padding-left: 22px;
    margin: 10px 0;
    color: #c6d2f2;
}
body.tech-page .article-body ul li {
    list-style: disc;
}
body.tech-page .article-body ol li {
    list-style: decimal;
}
body.tech-page .article-body img {
    border-radius: 8px;
    border: 1px solid var(--tp-border);
}
/* 表格 */
body.tech-page .article-body table {
    border-collapse: collapse;
    margin: 14px 0;
    width: 100%;
}
body.tech-page .article-body table th {
    background: rgba(61, 123, 255, .14) !important;
    font-weight: 600;
}
body.tech-page .article-body table th,
body.tech-page .article-body table td {
    border: 1px solid var(--tp-border) !important;
    padding: 9px 12px;
}
body.tech-page .article-body table tbody tr:nth-child(even) td {
    background-color: rgba(255, 255, 255, .025) !important;
}
/* 引用块 */
body.tech-page .article-body blockquote {
    border-left: 3px solid #22d3ee !important;
    background: rgba(34, 211, 238, .06) !important;
    padding: 12px 18px;
    margin: 14px 0;
    border-radius: 0 8px 8px 0;
}
/* 代码块/行内代码 */
body.tech-page .article-body pre {
    background: #0a1024 !important;
    border: 1px solid var(--tp-border);
    border-radius: 8px;
    padding: 14px 18px;
    color: #d6e2ff !important;
    overflow-x: auto;
}
body.tech-page .article-body code {
    background: rgba(61, 123, 255, .14);
    color: #7fd8ff;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: Consolas, Monaco, monospace;
}
body.tech-page .article-body pre code {
    background: transparent;
    color: inherit;
    padding: 0;
}
body.tech-page .article-body hr {
    border: none;
    border-top: 1px solid var(--tp-border);
    margin: 24px 0;
}

/* 上一篇/下一篇 */
body.tech-page .article-nav-entry {
    background: var(--tp-card2);
    border: 1px solid var(--tp-border);
    border-radius: 10px;
    -webkit-transition: border-color .25s ease, -webkit-transform .25s ease, box-shadow .25s ease;
    transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
body.tech-page .article-nav-entry:hover {
    background: var(--tp-card2);
    border-color: rgba(34, 211, 238, .5);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .35);
}
body.tech-page .entry-page-icon i {
    color: #22d3ee;
}
body.tech-page .entry-page-info .hnav {
    color: var(--tp-faint) !important;
}
body.tech-page .entry-page-info .title {
    color: #dbe6ff !important;
}

/* =====================================================================
   工具页（udid / plist / keystore / ioscheck / icon_make）
   ===================================================================== */
body.tech-page .toolkit-common-wrap {
    background: #05080f;
}
body.tech-page .toolkit-common .top,
body.tech-page .toolkit-new,
body.tech-page .toolkit-make-icon,
body.tech-page .tool-classs {
    color: #c6d2f2;
}

/* 工具箱卡片（utils 页） */
body.tech-page .tool-classs .con {
    background: var(--tp-card2);
    border: 1px solid var(--tp-border);
    border-radius: 12px;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .4);
}
body.tech-page .tool-classs .con ul li {
    -webkit-transition: background .25s ease;
    transition: background .25s ease;
}
body.tech-page .tool-classs .con ul li .t-con {
    border-color: rgba(130, 170, 255, .1);
}
body.tech-page .tool-classs .con ul li:hover {
    background: rgba(34, 211, 238, .05);
    box-shadow: inset 0 0 0 1px rgba(34, 211, 238, .25);
}
body.tech-page .tool-classs .con ul li:hover .ms-btn {
    background: var(--tp-gradient);
    color: #fff;
}
body.tech-page .tool-classs .con ul li .tit {
    color: #eaf0ff;
}
body.tech-page .tool-classs .con ul li p {
    color: var(--tp-muted);
}
body.tech-page .tool-classs .con ul li .img-wrap img {
    max-height: 60px;
}
/* 工具图标统一白色渐变托板，兼容浅色 PNG */
body.tech-page .tool-classs .con ul li .img-wrap {
    position: relative;
    width: 88px;
    height: 88px;
    margin: 0 auto 15px;
    border-radius: 18px;
    background: linear-gradient(135deg, #ffffff, #dce8ff);
    box-shadow: 0 10px 24px rgba(61, 123, 255, .22);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
body.tech-page .tool-classs .con ul li .img-wrap img {
    max-width: 52px;
    max-height: 52px;
}

/* =====================================================================
   分页
   ===================================================================== */
body.tech-page .pagination > li > a,
body.tech-page .pagination > li > span {
    background: var(--tp-card2);
    border: 1px solid var(--tp-border);
    color: #93a2c8;
}
body.tech-page .pagination > li > a:hover,
body.tech-page .pagination > li > span:hover {
    background: rgba(34, 211, 238, .12);
    color: #22d3ee;
    border-color: rgba(34, 211, 238, .4);
}
body.tech-page .pagination > .active > a,
body.tech-page .pagination > .active > a:hover,
body.tech-page .pagination > .active > span {
    background: var(--tp-gradient);
    border-color: transparent;
    color: #fff;
}

/* =====================================================================
   登录 / 注册 / 找回密码（独立页 body.tech-page）
   ===================================================================== */
body.tech-page .login-common-wrap {
    background:
        radial-gradient(800px 420px at 12% -8%, rgba(61, 123, 255, .22), transparent 60%),
        radial-gradient(700px 420px at 100% 110%, rgba(34, 211, 238, .16), transparent 60%),
        #05080f;
}
body.tech-page .login-logo-wrap .slogan-text {
    background: rgba(255, 255, 255, .06);
    border: 1px solid var(--tp-border);
    box-shadow: none;
    color: #93a2c8;
}
body.tech-page .login-common {
    background: var(--tp-card2);
    border: 1px solid var(--tp-border);
    border-radius: 14px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .5);
}
body.tech-page .login-common .tit { color: #eaf0ff; }
body.tech-page .login-common .form-group label.iconfont { color: #64749b; }
body.tech-page .login-common a { color: #5aa0ff; }
body.tech-page .login-common a:hover { color: #22d3ee; }
body.tech-page .login-common-tip {
    background: rgba(255, 255, 255, .03);
    border: 1px dashed rgba(130, 170, 255, .35);
    color: var(--tp-muted);
}
body.tech-page .login-common-tip a { color: #22d3ee; }
/* 注册页 tab 下划线（内联 style 标签中的浅色） */
body.tech-page .login-common .tit a {
    color: #93a2c8;
    border-bottom-color: rgba(130, 170, 255, .2);
}
body.tech-page .login-common .tit a.active {
    color: #22d3ee;
    border-bottom-color: #22d3ee;
}

/* ---------- 移动端价格区 ---------- */
body.tech-page .mobile-price,
body.tech-page .m-price-common,
body.tech-page .new-price-tab {
    color: #c6d2f2;
}

/* ---------- 底部推荐服务面板 ---------- */
body.tech-page .list-bottom-common {
    background: var(--tp-card2);
    border: 1px solid var(--tp-border);
    border-radius: 12px;
}
body.tech-page .list-bottom-common .index-common > h1,
body.tech-page .list-bottom-common .index-common > h4 {
    color: #eaf0ff;
}
body.tech-page .list-bottom-common .index-common .con {
    background: rgba(255, 255, 255, .03);
    border: 1px solid var(--tp-border);
    border-radius: 10px;
    -webkit-transition: border-color .3s ease, -webkit-transform .3s ease;
    transition: border-color .3s ease, transform .3s ease;
}
body.tech-page .list-bottom-common .index-common .con h4,
body.tech-page .list-bottom-common .index-common .con h3 {
    color: #eaf0ff;
}
body.tech-page .list-bottom-common .index-common .con p {
    color: var(--tp-muted);
}
body.tech-page .list-bottom-common .index-common .con:hover {
    border-color: rgba(34, 211, 238, .45);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
}
body.tech-page .list-bottom-common .index-common .con:hover h4 {
    color: #22d3ee;
}

/* ---------- 右侧悬浮客服 ---------- */
body.tech-page .fixed-right.right-float-window {
    background: rgba(10, 18, 40, .92);
    border: 1px solid var(--tp-border);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
body.tech-page .fixed-right li .iconfont {
    color: #93a2c8;
    -webkit-transition: color .25s ease;
    transition: color .25s ease;
}
body.tech-page .fixed-right li:hover .iconfont {
    color: #22d3ee;
}

/* ---------- 响应式：手机端头部加深 ---------- */
@media (max-width: 767px) {
    body.tech-page header {
        background: rgba(7, 11, 28, .94) !important;
    }
}

/* =====================================================================
   全站巡检补丁（2026-10-01）：免责声明 / 推广 / 签名封装 / 工具页 / 超签
   ===================================================================== */

/* ---------- 免责声明 ---------- */
body.tech-page .disclaimer {
    background: var(--tp-card2);
    border: 1px solid var(--tp-border);
    border-radius: 12px;
    margin: 30px auto;
}
body.tech-page .disclaimer h1 {
    color: var(--tp-text);
}
body.tech-page .disclaimer p {
    color: var(--tp-muted);
}

/* ---------- 推广大使 promote ---------- */
body.tech-page .bg-f4f8fe {
    background-color: #070c1c;
}
body.tech-page .ambassador-common .h1 {
    color: var(--tp-text);
}
body.tech-page .ambassador-common .h5 {
    color: var(--tp-muted);
}
body.tech-page .ambassador-join .ms-thumbnail,
body.tech-page .ambassador-service .ms-thumbnail {
    background: var(--tp-card2);
    border: 1px solid var(--tp-border);
    border-radius: 12px;
    -webkit-transition: border-color .25s ease, -webkit-transform .25s ease;
    transition: border-color .25s ease, transform .25s ease;
}
body.tech-page .ambassador-join .ms-thumbnail:hover,
body.tech-page .ambassador-service .ms-thumbnail:hover {
    border-color: rgba(34, 211, 238, .35);
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
body.tech-page .ambassador-service .ms-thumbnail {
    padding: 40px 15px;
}
body.tech-page .promote-process ul li:nth-child(odd) {
    background: var(--tp-card2);
    border: 1px solid var(--tp-border);
    border-radius: 12px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .38);
}
body.tech-page .promote-process .ms-caption .tit {
    color: var(--tp-text);
}
body.tech-page .promote-process .ms-caption .p1 {
    color: var(--tp-muted);
}
/* 推广页两个背景图大区压暗 */
body.tech-page .ambassador-service-wrap,
body.tech-page .join-ambassador {
    position: relative;
}
body.tech-page .ambassador-service-wrap::after,
body.tech-page .join-ambassador::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(5, 8, 15, .62);
    pointer-events: none;
}
body.tech-page .ambassador-service-wrap > *,
body.tech-page .join-ambassador > * {
    position: relative;
    z-index: 1;
}

/* ---------- 企业签名 / 封装打包 营销页 ---------- */
body.tech-page .corporate-signature .h1 {
    color: var(--tp-cyan);
}
body.tech-page .corporate-signature .ms-thumbnail,
body.tech-page .encapsulation-introduce .ms-thumbnail {
    background: var(--tp-card2);
    border: 1px solid var(--tp-border);
    border-radius: 12px;
    -webkit-transition: border-color .25s ease, -webkit-transform .25s ease;
    transition: border-color .25s ease, transform .25s ease;
}
body.tech-page .corporate-signature .ms-thumbnail:hover,
body.tech-page .encapsulation-introduce .ms-thumbnail:hover {
    border-color: rgba(34, 211, 238, .35);
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
body.tech-page .seo-text {
    color: var(--tp-muted);
}
body.tech-page .encapsulation-introduce-wrap,
body.tech-page .app-case-wrap {
    background-color: #070c1c;
}
body.tech-page .function-of .tit,
body.tech-page .app-case .tit {
    color: var(--tp-cyan);
}
body.tech-page .function-of p {
    color: var(--tp-muted);
}
body.tech-page .signature-process1 .tit1 {
    color: var(--tp-text);
}
/* 签名流程 / 6步封装 背景图大区压暗 */
body.tech-page .signature-process-wrap,
body.tech-page .encapsulation-complete-wrap {
    position: relative;
}
body.tech-page .signature-process-wrap::after,
body.tech-page .encapsulation-complete-wrap::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(5, 8, 15, .62);
    pointer-events: none;
}
body.tech-page .signature-process-wrap > *,
body.tech-page .encapsulation-complete-wrap > * {
    position: relative;
    z-index: 1;
}

/* ---------- 超级签名 supersign（ycm 系列） ---------- */
body.tech-page .ycm_characteristic_content .ycm_c_public .ycm_c_module {
    background: var(--tp-card2);
    border: 1px solid var(--tp-border);
    border-radius: 12px;
}
/* 模板在卡片上写了内联浅灰底/白边，需 !important 压过 */
body.tech-page .ycm_c_module[style] {
    background-color: var(--tp-card2) !important;
    border-color: var(--tp-border) !important;
}
body.tech-page .ycm_function {
    background-color: #070c1c;
}
body.tech-page .ycm_footer {
    background-color: transparent;
}
body.tech-page .ycm_title {
    color: var(--tp-text);
}
body.tech-page .ycm_characteristic_content .ycm_c_public .ycm_c_t_title,
body.tech-page .ycm_function_content .ycm_f_public .ycm_f_t_title {
    color: var(--tp-text);
}
body.tech-page .ycm_deputy_title,
body.tech-page .ycm_characteristic_content .ycm_c_public .ycm_c_t_txt,
body.tech-page .ycm_function_content .ycm_f_public .ycm_f_t_txt,
body.tech-page .ycm_footer .website_list .link,
body.tech-page .help-right-item-sub,
body.tech-page .help-right-item-title {
    color: var(--tp-muted);
}
body.tech-page .ycm_banner_link {
    background: var(--tp-gradient);
    color: #fff;
}

/* ---------- 工具页：udid / plist / keystore / icon_make ---------- */
body.tech-page .toolkit-common .top,
body.tech-page .toolkit-new,
body.tech-page .toolkit-make-icon {
    background: var(--tp-card2);
    border: 1px solid var(--tp-border);
    border-radius: 12px;
}
body.tech-page .toolkit-common .top .tit {
    color: var(--tp-text);
}
body.tech-page .toolkit-common .udid-top .p-top,
body.tech-page .toolkit-common .udid-top .p-bottom,
body.tech-page .toolkit-common .udid-top .p-bottom strong {
    color: var(--tp-muted);
}
body.tech-page .toolkit-new .form-horizontal label,
body.tech-page .toolkit-new .p1,
body.tech-page .toolkit-new .p1 .bold {
    color: var(--tp-muted);
}
body.tech-page .toolkit-make-icon .m-tit,
body.tech-page .toolkit-make-icon .tit,
body.tech-page .toolkit-new .tit {
    color: var(--tp-text);
}
body.tech-page .toolkit-make-icon dt,
body.tech-page .toolkit-make-icon .control-label {
    color: #c6d2f2;
}
/* spectrum 取色器为第三方浅色控件，包一层浅色托板保持原生观感 */
body.tech-page .toolkit-make-icon .sp-replacer.sp-light {
    border-radius: 6px;
    overflow: hidden;
}

/* ---------- iOS 证书检测 ioscheck（独立工具样式） ---------- */
body.tech-page .wrapper {
    background-color: transparent;
}
body.tech-page .inner-content {
    background: var(--tp-card2);
    border: 1px solid var(--tp-border);
    border-radius: 12px;
}
body.tech-page .cert-check-title,
body.tech-page #certCheckTabContent .url-title,
body.tech-page .font-36 {
    color: var(--tp-text);
}
body.tech-page .label-lg,
body.tech-page .label-md {
    color: #c6d2f2;
}
body.tech-page .label-sm,
body.tech-page .color-8c9497,
body.tech-page #certCheckTabContent div.upload-tips p,
body.tech-page .group-sub-type {
    color: var(--tp-faint);
}
body.tech-page .inner-content li,
body.tech-page .inner-content p {
    color: var(--tp-muted);
}
body.tech-page #certCheckTab > li > a {
    background: rgba(255, 255, 255, .05);
    border: 1px solid var(--tp-border);
    color: var(--tp-muted);
}
body.tech-page #certCheckTab > li.active > a {
    background: var(--tp-card2);
    border-top: 2px solid var(--tp-cyan);
    color: var(--tp-cyan);
}
body.tech-page #checkStatus,
body.tech-page .group-content {
    border-color: var(--tp-border);
}
body.tech-page .group-sub-img {
    border-bottom-color: var(--tp-border);
}
body.tech-page .upload-img-init {
    border: 1px dashed rgba(130, 170, 255, .35);
    color: rgba(130, 170, 255, .35);
    background: rgba(255, 255, 255, .03);
}
body.tech-page .upload-img-init:hover {
    border: 1px dashed var(--tp-cyan);
}
body.tech-page #certCheckTabContent > #shortUrl .input-group-addon {
    background: rgba(255, 255, 255, .06);
    border-color: var(--tp-border);
    color: var(--tp-muted);
}
body.tech-page .alert-warning {
    background: rgba(255, 184, 0, .1);
    border: 1px solid rgba(255, 184, 0, .32);
    color: #ffc966 !important;
}

/* =====================================================================
   手机断点巡检补丁（2026-10-01，≤767px，对应 h5.css 手机适配浅色规则）
   ===================================================================== */
@media (max-width: 767px) {
    /* ---------- 顶部导航：抽屉菜单 ---------- */
    /* 关键修复：PC 端 header 的 backdrop-filter 会使其成为内部 fixed 元素的包含块，
       导致手机抽屉 .phone-nav-wrap（fixed + height:100%）坍塌成 header 的 70px 高度，
       菜单文字溢出浮在页面上看不清。手机端去掉毛玻璃并用实底色补偿 */
    body.tech-page header {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background: #070b1c;
    }
    body.tech-page .header .phone-nav-wrap {
        background: #0a1228;
        border-right: 1px solid var(--tp-border);
    }
    body.tech-page .header .ms-nav > li {
        border-bottom-color: var(--tp-border);
    }
    body.tech-page .header .ms-nav > li > a {
        color: #cdd8f7;
    }
    body.tech-page .header .ms-nav > li.active > a {
        color: var(--tp-cyan);
    }
    body.tech-page .header .ms-nav .phone-user-center .user1 a {
        color: #cdd8f7;
    }
    body.tech-page .header .ms-nav .phone-user-center dl dd a {
        color: var(--tp-muted);
    }
    body.tech-page .header .ms-nav .phone-user-center dl dd a:hover {
        color: var(--tp-cyan);
    }
    body.tech-page .header .phone-menu {
        color: var(--tp-cyan);
    }

    /* ---------- 右侧/底部悬浮客服 ---------- */
    body.tech-page .fixed-right li {
        background: rgba(10, 18, 40, .92);
        border-color: var(--tp-border);
    }

    /* ---------- 价格页（mobile-price 手机专用块） ---------- */
    body.tech-page .mobile-price {
        background: #05080f;
    }
    body.tech-page .mobile-price .tab {
        background: rgba(13, 20, 42, .92);
        border-bottom: 1px solid var(--tp-border);
    }
    body.tech-page .mobile-price .tab li a {
        color: var(--tp-muted);
    }
    body.tech-page .mobile-price .tab li.active a {
        color: var(--tp-cyan);
        border-bottom-color: var(--tp-cyan);
    }
    body.tech-page .mobile-price .bg-f3 {
        background: transparent;
    }
    body.tech-page .mobile-price .bg-f3 .container {
        background: var(--tp-card2);
        border: 1px solid var(--tp-border);
        border-radius: 10px;
    }
    body.tech-page .mobile-price .m-price-banner {
        background: #070c1c;
    }
    body.tech-page .mobile-price .m-price-common .tit-wrap .p2,
    body.tech-page .mobile-price .m-price-common .tab-level li {
        color: var(--tp-muted);
    }
    body.tech-page .mobile-price .m-price-common .tab-level li.active .level {
        background: var(--tp-gradient);
    }
    body.tech-page .mobile-price .m-price-common .tab-level-con .level-con .p1,
    body.tech-page .mobile-price .understand-more .p1 {
        color: var(--tp-muted);
    }
    body.tech-page .mobile-price .table th,
    body.tech-page .mobile-price .table td,
    body.tech-page .mobile-price .m-price-common .price-table th,
    body.tech-page .mobile-price .m-price-common .price-table td {
        color: #c6d2f2;
        background: transparent;
        border-color: var(--tp-border) !important;
    }
    body.tech-page .mobile-price .m-price-common .price-table tr:nth-of-type(even) td {
        background: rgba(255, 255, 255, .03);
    }
    body.tech-page .mobile-price .m-publish .con {
        background: rgba(61, 123, 255, .16);
        border: 1px solid rgba(61, 123, 255, .35);
    }
    body.tech-page .mobile-price .m-publish .big-package {
        background: rgba(34, 211, 238, .14);
        border: 1px solid rgba(34, 211, 238, .35);
    }
    body.tech-page .mobile-price .m-publish .con .num {
        color: var(--tp-cyan);
    }
    body.tech-page .mobile-price .m-publish .introduce-table th,
    body.tech-page .mobile-price .m-publish .introduce-table td {
        color: #c6d2f2;
        background: transparent;
        border-color: var(--tp-border) !important;
    }
    body.tech-page .mobile-price .m-publish .introduce-table td dl .iconfont {
        color: var(--tp-cyan);
    }

    /* ---------- UDID 获取/复制手机页（header/footer 被 JS 隐藏） ---------- */
    body.tech-page .udid-phone {
        min-height: 100vh;
    }
    body.tech-page .udid-phone .udid .tit,
    body.tech-page .udid-phone .udid-copy .tit {
        color: var(--tp-text);
    }
    body.tech-page .udid-phone .udid .introduce .tit1,
    body.tech-page .udid-phone .udid-copy .text .p1 {
        color: #c6d2f2;
    }
    body.tech-page .udid-phone .udid .introduce p,
    body.tech-page .udid-phone .udid-copy .text .p2 {
        color: var(--tp-muted);
    }
}