body {}

            .max_pic {
                width: 90%;
                max-width: 1324px;
                margin: auto;
            }

            .max_pic img {
                width: 100%;
                text-align: center;
                display: block;
            }

            .cpjs_header {
                background: url('/static/pic/cpjs.jpg?v=20261104') no-repeat center;
                background-size: cover;
                width: 100%;
                height: 720px;
            }

            @media screen and (max-width:1400px) {
                .cpjs_header {
                    height: 600px;
                }
            }

            @media screen and (max-width:1200px) {
                .cpjs_header {
                    height: 520px;
                }
            }

            /* ── 产品 / 授权页正文版式 ────────────────────────────────
               这两页原来整页都是图片，爬虫拿不到任何正文。补一套可读版式，
               长图保留在下方作为界面示意，不再承担唯一的信息载体。 */
            .cp-doc {
                background: #fff;
                padding: 56px 0 64px;
            }

            .cp-doc-wrap {
                width: 92%;
                max-width: 1200px;
                margin: 0 auto;
            }

            .cp-doc h1 {
                font-size: 30px;
                line-height: 1.45;
                color: #0d1b3e;
                font-weight: 700;
                margin: 0 0 18px;
            }

            .cp-doc .cp-lead {
                font-size: 17px;
                line-height: 1.95;
                color: #3d4a68;
                margin: 0 0 16px;
                padding: 18px 22px;
                background: #f4f7fe;
                border-left: 4px solid #2b58f9;
                border-radius: 0 8px 8px 0;
            }

            .cp-doc h2 {
                position: relative;
                font-size: 22px;
                color: #0d1b3e;
                font-weight: 700;
                margin: 42px 0 14px;
                padding-left: 14px;
            }

            .cp-doc h2:before {
                content: "";
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -10px;
                width: 4px;
                height: 20px;
                border-radius: 2px;
                background: #2b58f9;
            }

            .cp-doc h3 {
                font-size: 17px;
                color: #1a2238;
                font-weight: 700;
                margin: 0 0 8px;
            }

            .cp-doc p {
                font-size: 15px;
                line-height: 1.95;
                color: #5a6379;
                margin: 0 0 12px;
            }

            .cp-doc a {
                color: #2b58f9;
            }

            .cp-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 16px;
                margin-top: 6px;
            }

            .cp-grid article {
                background: #fbfcff;
                border: 1px solid #e8eefb;
                border-radius: 10px;
                padding: 20px 22px;
                transition: .2s;
            }

            .cp-grid article:hover {
                border-color: #c9d8ff;
                box-shadow: 0 8px 22px rgba(43, 88, 249, .08);
            }

            .cp-grid article p {
                margin: 0;
                font-size: 14px;
                line-height: 1.85;
            }

            /* 四端功能卡：每端下面挂一串具体操作 */
            .cp-grid article ul {
                margin: 12px 0 0;
                padding: 0;
                list-style: none;
            }

            .cp-grid article ul li {
                position: relative;
                list-style: none;
                padding-left: 15px;
                font-size: 13.5px;
                line-height: 1.95;
                color: #5a6379;
            }

            .cp-grid article ul li:before {
                content: "";
                position: absolute;
                left: 0;
                top: 10px;
                width: 5px;
                height: 5px;
                border-radius: 50%;
                background: #2b58f9;
                opacity: .5;
            }

            .cp-role-tag {
                display: inline-block;
                margin-bottom: 8px;
                padding: 3px 10px;
                border-radius: 4px;
                background: #eaf0ff;
                color: #2b58f9;
                font-size: 12.5px;
                line-height: 1.6;
            }

            /* 常见问题 */
            .cp-faq {
                margin-top: 8px;
                border-top: 1px solid #e8eefb;
            }

            .cp-faq-item {
                padding: 20px 0 18px;
                border-bottom: 1px solid #e8eefb;
            }

            .cp-faq-item h3 {
                position: relative;
                margin: 0 0 8px;
                padding-left: 28px;
                font-size: 16.5px;
                color: #0d1b3e;
            }

            .cp-faq-item h3:before {
                content: "Q";
                position: absolute;
                left: 0;
                top: 1px;
                width: 20px;
                height: 20px;
                line-height: 20px;
                text-align: center;
                border-radius: 4px;
                background: #2b58f9;
                color: #fff;
                font-size: 12px;
                font-weight: 700;
            }

            .cp-faq-item p {
                margin: 0;
                padding-left: 28px;
            }

            .cp-grid.two {
                grid-template-columns: repeat(2, 1fr);
            }

            /* 授权流程 6 步 */
            .cp-doc ol.cp-steps {
                counter-reset: cpstep;
                list-style: none;
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 14px;
                margin: 14px 0 0;
                padding: 0;
            }

            .cp-doc ol.cp-steps li {
                counter-increment: cpstep;
                position: relative;
                list-style: none;
                background: #fbfcff;
                border: 1px solid #e8eefb;
                border-radius: 10px;
                padding: 20px 20px 18px 58px;
            }

            .cp-doc ol.cp-steps li:before {
                content: counter(cpstep);
                position: absolute;
                left: 18px;
                top: 20px;
                width: 24px;
                height: 24px;
                line-height: 24px;
                text-align: center;
                border-radius: 50%;
                background: #2b58f9;
                color: #fff;
                font-size: 13px;
                font-weight: 700;
            }

            .cp-doc ol.cp-steps li b {
                display: block;
                color: #0d1b3e;
                font-size: 15px;
                margin-bottom: 5px;
            }

            .cp-doc ol.cp-steps li span {
                color: #5a6379;
                font-size: 13.5px;
                line-height: 1.75;
            }

            .cp-scenes {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
                list-style: none;
                margin: 6px 0 0;
                padding: 0;
            }

            .cp-scenes li {
                list-style: none;
                padding: 9px 18px;
                border-radius: 20px;
                background: #f4f7fe;
                color: #2b58f9;
                font-size: 14px;
                border: 1px solid #dde6fb;
            }

            /* 授权对照表 */
            .cp-table {
                width: 100%;
                table-layout: fixed;
                border-collapse: collapse;
                margin: 8px 0 4px;
                font-size: 14px;
                background: #fff;
            }

            .cp-table th,
            .cp-table td {
                border: 1px solid #e6ecf8;
                padding: 10px 14px;
                text-align: left;
                color: #3d4a68;
                line-height: 1.6;
            }

            .cp-table thead th {
                background: #eef3fd;
                color: #0d1b3e;
                font-weight: 700;
                white-space: nowrap;
            }

            .cp-table tbody tr:nth-child(even) td {
                background: #fafcff;
            }

            .cp-table .cp-group td {
                background: #f3f6fd;
                color: #2b58f9;
                font-weight: 700;
                font-size: 15px;
            }

            .cp-table .cp-sub td {
                background: #f8faff;
                color: #5a6379;
                font-weight: 700;
            }

            .cp-table .cp-indent {
                padding-left: 30px;
            }

            .cp-table .cp-c {
                text-align: center;
            }

            .cp-table .cp-yes {
                color: #18a058;
                font-weight: 700;
            }

            .cp-table .cp-no {
                color: #d03050;
                font-weight: 700;
            }

            .cp-note {
                font-size: 13px;
                color: #8b93a7;
                line-height: 1.8;
                margin-top: 10px;
            }

            .cp-cta {
                margin-top: 34px;
                padding: 26px 30px;
                border-radius: 12px;
                background: linear-gradient(135deg, #f2f6ff, #eaf1ff);
                border: 1px solid #dde7fb;
            }

            .cp-cta p {
                margin: 0 0 16px;
                color: #3d4a68;
            }

            .cp-cta a {
                display: inline-block;
                margin: 0 12px 0 0;
                padding: 11px 26px;
                border-radius: 8px;
                background: linear-gradient(90deg, #03ABFF, #2B58F9);
                color: #fff;
                font-size: 15px;
            }

            .cp-cta a.ghost {
                background: #fff;
                color: #2b58f9;
                border: 1px solid #c9d8ff;
            }

            /* 长图区标题 */
            .cp-figure-title {
                width: 90%;
                max-width: 1324px;
                margin: 56px auto 18px;
                font-size: 22px;
                color: #0d1b3e;
                font-weight: 700;
                padding-left: 14px;
                position: relative;
            }

            .cp-figure-title:before {
                content: "";
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -10px;
                width: 4px;
                height: 20px;
                border-radius: 2px;
                background: #2b58f9;
            }

            /* 授权页那张原图写死了 760px 宽，窄屏会撑出横向滚动条 */
            .max_pic img {
                max-width: 100%;
                height: auto;
            }

            /* ── 版本切换 ─────────────────────────────────────────── */
            .ver-tabs {
                display: inline-flex;
                padding: 5px;
                margin: 28px 0 0;
                background: #eef2fb;
                border-radius: 12px;
            }

            .ver-tab {
                padding: 11px 30px;
                border: 0;
                border-radius: 9px;
                background: none;
                font-family: inherit;
                font-size: 16px;
                font-weight: 700;
                color: #6b7590;
                cursor: pointer;
                transition: .22s;
            }

            .ver-tab.is-active {
                background: #fff;
                color: #2b58f9;
                box-shadow: 0 3px 12px rgba(43, 88, 249, .16);
            }

            .ver-note {
                margin: 10px 0 0;
                font-size: 13px;
                line-height: 1.7;
                color: #8b93a7;
            }

            .ver-panel {
                display: none;
            }

            .ver-panel.is-active {
                display: block;
                animation: cpFade .3s ease both;
            }

            @keyframes cpFade {
                from { opacity: 0; transform: translateY(8px); }
                to { opacity: 1; transform: none; }
            }

            /* ── 平台版：三栏卡（派单模式 / 监管三步）─────────────── */
            .cp-modes {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 14px;
                margin: 18px 0 6px;
            }

            .cp-modes .item {
                padding: 22px 20px;
                background: #fbfcff;
                border: 1px solid #e8eefb;
                border-radius: 12px;
            }

            .cp-modes .no {
                font-size: 12px;
                font-weight: 700;
                letter-spacing: 1px;
                color: #c2cbdd;
            }

            .cp-modes h3 {
                margin: 8px 0 8px;
                font-size: 17px;
                color: #0d1b3e;
            }

            .cp-modes p {
                font-size: 14px;
                line-height: 1.85;
                color: #5b6480;
            }

            /* ── 平台版：不做的事 ─────────────────────────────────── */
            .cp-skip {
                margin: 16px 0 8px;
                padding: 2px 24px;
                background: #fcfdff;
                border: 1px dashed #d8e0f2;
                border-radius: 12px;
            }

            .cp-skip li {
                position: relative;
                padding: 16px 0 15px 28px;
                border-bottom: 1px solid #eef2fa;
            }

            .cp-skip li:last-child {
                border-bottom: 0;
            }

            .cp-skip li:before {
                content: "×";
                position: absolute;
                left: 0;
                top: 16px;
                width: 18px;
                height: 18px;
                line-height: 18px;
                text-align: center;
                border-radius: 50%;
                background: #fdeaea;
                color: #d9534f;
                font-size: 13px;
                font-weight: 700;
            }

            .cp-skip li b {
                display: block;
                margin-bottom: 5px;
                font-size: 16px;
                color: #0d1b3e;
            }

            .cp-skip li span {
                font-size: 14px;
                line-height: 1.85;
                color: #5b6480;
            }

            /* ── 手机端两卡：图左文右 ─────────────────────────────── */
            .plat-mobile {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 20px;
                margin-top: 18px;
            }

            .plat-mobile .item {
                display: flex;
                gap: 24px;
                align-items: center;
                padding: 26px;
                background: linear-gradient(135deg, #f7faff, #eef3ff);
                border: 1px solid #e4ecfb;
                border-radius: 14px;
            }

            .plat-mobile .phone {
                flex: 0 0 168px;
            }

            .plat-mobile .phone img {
                display: block;
                width: 100%;
                aspect-ratio: 9 / 19.5;
                object-fit: cover;
                object-position: top center;
                border-radius: 16px;
                box-shadow: 0 12px 28px rgba(13, 27, 62, .16);
            }

            /* 手机端三连：图上文下 */
            .plat-mobile.three {
                grid-template-columns: repeat(3, 1fr);
            }

            .plat-mobile.three .item {
                flex-direction: column;
                align-items: flex-start;
                gap: 16px;
                padding: 22px;
            }

            .plat-mobile.three .phone {
                flex: none;
                width: 150px;
                margin: 0 auto;
            }

            .plat-mobile.three .txt {
                width: 100%;
            }

            /* ── 桌面端两卡：图上文下 ─────────────────────────────── */
            .plat-pc {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 20px;
                margin-top: 18px;
            }

            .plat-pc .item {
                overflow: hidden;
                background: #fbfcff;
                border: 1px solid #e8eefb;
                border-radius: 14px;
            }

            .plat-pc .shot {
                padding: 18px 18px 0;
                background: linear-gradient(135deg, #f7faff, #eaf1ff);
            }

            .plat-pc .shot img {
                display: block;
                width: 100%;
                /* 四张截图的原始比例不一样（16:9、8:5、3:2），
                   不统一裁切的话每张图底边高低不齐，看着乱。 */
                aspect-ratio: 16 / 9;
                object-fit: cover;
                object-position: top center;
                border-radius: 8px 8px 0 0;
                box-shadow: 0 8px 22px rgba(13, 27, 62, .13);
            }

            .plat-pc .txt {
                padding: 18px 22px 22px;
            }

            /* 卡片里的能力清单 */
            .plat-list {
                margin: 12px 0 0;
                padding: 0;
                list-style: none;
            }

            .plat-list li {
                position: relative;
                padding-left: 15px;
                list-style: none;
                font-size: 13.5px;
                line-height: 1.95;
                color: #5a6379;
            }

            .plat-list li:before {
                content: "";
                position: absolute;
                left: 0;
                top: 10px;
                width: 5px;
                height: 5px;
                border-radius: 50%;
                background: #2b58f9;
                opacity: .5;
            }

            /* ── 整幅大图 ─────────────────────────────────────────── */
            .shot-wide {
                margin: 18px 0 0;
            }

            .shot-wide img {
                display: block;
                width: 100%;
                border: 1px solid #e4ebf9;
                border-radius: 12px;
                box-shadow: 0 16px 40px rgba(13, 27, 62, .15);
            }

            .shot-wide figcaption {
                margin-top: 10px;
                font-size: 13px;
                line-height: 1.7;
                color: #8b93a7;
                text-align: center;
            }

            /* ── 4.0 版长图 ───────────────────────────────────────── */
            .ver-old .shot-wide {
                margin-bottom: 30px;
            }

            .ver-old .shot-wide img {
                border-radius: 10px;
                box-shadow: 0 10px 26px rgba(13, 27, 62, .1);
            }

            /* ── 四个断点 ─────────────────────────────────────────── */
            .cp-break {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 14px;
                margin-top: 18px;
            }

            .cp-break .item {
                padding: 22px 20px;
                background: #fbfcff;
                border: 1px solid #e8eefb;
                border-radius: 12px;
            }

            .cp-break .no {
                font-size: 12px;
                font-weight: 700;
                letter-spacing: 1px;
                color: #c2cbdd;
            }

            .cp-break h3 {
                margin: 5px 0 8px;
                font-size: 19px;
                color: #0d1b3e;
            }

            .cp-break p {
                margin: 0 0 8px;
                font-size: 13.5px;
                line-height: 1.85;
                color: #5a6379;
            }

            .cp-break .tag {
                display: inline-block;
                padding: 2px 9px;
                border-radius: 4px;
                background: #eef3ff;
                color: #2b58f9;
                font-size: 12px;
            }

            /* ── 一个动作，五个读者 ───────────────────────────────── */
            .cp-readers {
                display: grid;
                grid-template-columns: repeat(5, 1fr);
                gap: 12px;
                margin-top: 18px;
            }

            .cp-readers .item {
                padding: 18px 16px;
                background: #fff;
                border: 1px solid #e8eefb;
                border-radius: 10px;
            }

            .cp-readers h4 {
                margin: 0 0 8px;
                font-size: 14px;
                color: #2b58f9;
            }

            .cp-readers p {
                margin: 0;
                font-size: 13px;
                line-height: 1.8;
                color: #5a6379;
            }

            /* ── 显示 ≠ 实际 ──────────────────────────────────────── */
            .cp-neq {
                margin-top: 16px;
                border-top: 1px solid #e8eefb;
            }

            .cp-neq .row {
                display: grid;
                grid-template-columns: 1fr 44px 1fr;
                align-items: center;
                padding: 15px 0;
                border-bottom: 1px solid #eef2fa;
            }

            .cp-neq .l {
                padding-right: 14px;
                font-size: 15px;
                color: #6b7590;
                text-align: right;
            }

            .cp-neq .m {
                font-size: 18px;
                font-weight: 700;
                color: #d03050;
                text-align: center;
            }

            .cp-neq .r {
                padding-left: 14px;
                font-size: 15px;
                font-weight: 600;
                color: #0d1b3e;
            }

            .cp-neq .r small {
                display: block;
                margin-top: 3px;
                font-size: 12.5px;
                font-weight: 400;
                color: #8b93a7;
            }

            /* ── 三方受益 ─────────────────────────────────────────── */
            .cp-benefit {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 16px;
                margin-top: 18px;
            }

            .cp-benefit .item {
                padding: 22px;
                background: linear-gradient(135deg, #f7faff, #eef3ff);
                border: 1px solid #e4ecfb;
                border-radius: 12px;
            }

            .cp-benefit h3 {
                margin: 0 0 3px;
                font-size: 17px;
                color: #0d1b3e;
            }

            .cp-benefit .sub {
                margin: 0 0 12px;
                font-size: 12.5px;
                color: #2b58f9;
            }

            .cp-benefit ul {
                margin: 0;
                padding: 0;
                list-style: none;
            }

            .cp-benefit li {
                position: relative;
                padding-left: 14px;
                list-style: none;
                font-size: 13.5px;
                line-height: 1.95;
                color: #5a6379;
            }

            .cp-benefit li:before {
                content: "";
                position: absolute;
                left: 0;
                top: 11px;
                width: 5px;
                height: 5px;
                border-radius: 50%;
                background: #2b58f9;
                opacity: .5;
            }

            @media screen and (max-width:1100px) {
                .cp-grid,
                .cp-grid.two,
                .plat-mobile,
                .plat-pc,
                .cp-break,
                .cp-modes,
                .cp-benefit {
                    grid-template-columns: repeat(2, 1fr);
                }

                .cp-readers {
                    grid-template-columns: repeat(3, 1fr);
                }

                .plat-mobile.three {
                    grid-template-columns: repeat(2, 1fr);
                }

                .cp-doc ol.cp-steps {
                    grid-template-columns: repeat(2, 1fr);
                }
            }

            @media screen and (max-width:700px) {
                .cp-doc {
                    padding: 32px 0 40px;
                }

                .cp-doc h1 {
                    font-size: 23px;
                }

                .cp-doc h2 {
                    font-size: 19px;
                    margin: 30px 0 12px;
                }

                .cp-grid,
                .cp-grid.two,
                .cp-doc ol.cp-steps,
                .plat-mobile,
                .plat-pc,
                .cp-break,
                .cp-modes,
                .cp-benefit,
                .cp-readers,
                .plat-mobile.three {
                    grid-template-columns: 1fr;
                }

                .plat-mobile.three .phone {
                    width: 140px;
                }

                .cp-neq .row {
                    grid-template-columns: 1fr;
                    gap: 4px;
                    padding: 14px 0;
                }

                .cp-neq .l {
                    padding: 0;
                    text-align: left;
                    color: #8b93a7;
                }

                .cp-neq .m {
                    text-align: left;
                }

                .cp-neq .r {
                    padding: 0;
                }

                .plat-mobile .item {
                    padding: 18px;
                    gap: 16px;
                }

                .plat-mobile .phone {
                    flex: 0 0 120px;
                }

                .ver-tabs {
                    display: flex;
                    width: 100%;
                }

                .ver-tab {
                    flex: 1;
                    padding: 10px 0;
                    font-size: 15px;
                }

                .ver-note {
                    margin: 8px 0 0;
                }

                .cp-table {
                    font-size: 13px;
                }

                .cp-table th,
                .cp-table td {
                    padding: 8px 10px;
                }
            }
        
/* ── 页签改为跨页链接后的补充样式 ─────────────────────────── */
a.ver-tab {
    display: inline-block;
    text-decoration: none;
    color: #6b7590;
}

a.ver-tab.is-active {
    color: #2b58f9;
}

a.ver-tab:hover {
    color: #2b58f9;
}