/* ============================================================
   分平台公共样式（fpt 版）· PC
   页面：分平台/虹桥分平台-新版.html
   ============================================================ */

/* ---------- 基础 ---------- */
body {
    margin: 0;
    overflow-x: hidden;
    font-family: "HONOR Sans CN", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.subpage,
.subpage *,
.subpage *::before,
.subpage *::after {
    box-sizing: border-box;
}

.subpage {
    min-height: 100vh;
    background: #f3f8fe;
}

.subpage .ds-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 网格子项允许收缩到 0，防止图片固有宽度撑破容器 */
.hq-dash-grid > *,
.hq-dash-stat-row > *,
.hq-cases-grid > *,
.hq-tools-grid > *,
.hq-platform-grid > *,
.hq-contact-top > *,
.hq-contact-info > * {
    min-width: 0;
}

/* ---------- 页面 Hero ---------- */
.page-hero {
    padding: 40px 0 64px;
    color: #fff;
    background: linear-gradient(100deg, #081c3d 0%, #0c2752 45%, #1c4c8c 100%);
}

.page-hero .crumb {
    display: flex;
    gap: 10px;
    color: rgba(255, 255, 255, .65);
    font-size: 13px;
}

.page-hero .crumb a {
    color: inherit;
    text-decoration: none;
}

.page-hero .crumb a:hover {
    color: #fff;
}

.page-hero .page-kicker {
    margin: 36px 0 8px;
    color: #61e1df;
    font-size: 12px;
    letter-spacing: .2em;
    font-weight: 700;
}

.page-hero h1 {
    margin: 0;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
}

/* ---------- 区块通用 ---------- */
.hq-section {
    margin-bottom: 56px;
}

.section-label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
}

.section-label .bar {
    width: 5px;
    height: 22px;
    border-radius: 3px;
    background: #4a90e2;
}

.section-label h2 {
    margin: 0;
    color: #1b4a8f;
    font-size: 24px;
    font-weight: 700;
}

/* ---------- 出海数据看板 ---------- */
.hq-dash-panel {
    padding: 44px 56px 52px;
    border-radius: 20px;
    background: url("../img/fpt/hongqiao/databg.png") center / cover no-repeat;
    overflow: hidden;
    position: relative;
}

.hq-dash-panel::before {
    content: '';
    background: url("../img/fpt/hongqiao/bg-map-guide.png") center / cover no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .8;
}

.hq-dash-title {
    display: block;
    width: 442px;
    max-width: 80%;
    margin: 0 auto 10px;
    position: relative;
    z-index: 999;
}

.hq-dash-note {
    margin: 0 0 30px;
    color: rgba(235, 246, 255, 0.62);
    font-size: 14px;
    text-align: center;
    position: relative;
    z-index: 999;
}

.hq-dash-grid {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    gap: 20px;
    position: relative;
    z-index: 999;
}

.hq-dash-card {
    padding: 20px 24px 24px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 16px;
    background: linear-gradient(0deg, rgba(12, 54, 112, 0.68), rgba(12, 54, 112, 0.68)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);
    backdrop-filter: blur(2px);
}

.hq-dash-tag {
    display: inline-block;
    padding: 6px 18px;
    border-radius: 999px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    background: linear-gradient(120deg, #4cb9e4 0%, #2f9ccb 100%);
    border: 1px solid rgba(65, 218, 255, 0.5)
}

.hq-dash-tag--green {
    background: linear-gradient(120deg, #5fb491 0%, #47967c 100%);
    border: 1px solid rgba(142, 222, 132, 0.5)
}

.hq-dash-stat {
    margin-top: 18px;
    padding: 16px 22px 20px;
    border: 1px solid rgba(190, 236, 255, 0.12);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
}

.hq-dash-stat-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 18px;
}

.hq-dash-stat-row .hq-dash-stat {
    margin-top: 0;
}

.hq-dash-num-label {
    display: block;
    margin-bottom: 8px;
    color: rgba(255, 255, 255, .88);
    font-size: 15px;
}

.hq-dash-stat strong {
    color: #fff;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.15;
}

.hq-dash-stat strong i {
    margin-left: 6px;
    color: #2ebfea;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
}

.hq-dash-card--green .hq-dash-stat strong i {
    color: #56cebe;
}

/* ---------- 出海全景图 ---------- */
.hq-panorama-panel {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 16px 40px rgba(12, 42, 87, .18);
}

.hq-panorama-panel img {
    display: block;
    width: 100%;
    height: auto;
}

.hq-image-zoom {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    cursor: zoom-in;
}

.hq-image-zoom img {
    display: block;
    width: 100%;
    height: auto;
}

.hq-image-zoom:focus-visible {
    outline: 3px solid #2f83f2;
    outline-offset: -3px;
}

body.hq-lightbox-open {
    overflow: hidden;
}

.hq-lightbox {
    position: fixed;
    z-index: 9999;
    inset: 0;
    padding: 64px 24px 24px;
    background: rgba(3, 13, 27, .92);
}

.hq-lightbox[hidden] {
    display: none;
}

.hq-lightbox-stage {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    overflow: auto;
}

.hq-lightbox-image {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    box-shadow: 0 12px 50px rgba(0, 0, 0, .45);
}

.hq-lightbox-close {
    position: absolute;
    z-index: 1;
    top: 16px;
    right: 20px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 50%;
    color: #fff;
    background: rgba(0, 0, 0, .35);
    font-size: 30px;
    line-height: 36px;
    cursor: pointer;
}

.hq-lightbox-close:hover, .hq-lightbox-close:focus-visible {
    background: #297fe5;
}

/* ---------- 出海案例 ---------- */
.hq-cases-panel {
    padding: 28px 42px 22px;
    border-radius: 20px;
    overflow: hidden;
    background: url(../img/fpt/hongqiao/bg-map-cases.png) center / cover no-repeat;
}

.hq-cases-panel .swiper-slide {
    margin-top: 97px;
}

.hq-cases-timeline {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 26px;
}

.hq-cases-timeline::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    height: 2px;
    background: #4a90d9;
}

.hq-cases-timeline i {
    position: relative;
    width: 16px;
    height: 16px;
    margin: 0 auto;
    border: 3px solid #2f7fd1;
    border-radius: 50%;
    background: #e8f2ff;
    box-sizing: border-box;
}

.hq-cases-timeline i::after {
    content: "";
    position: absolute;
    top: 14px;
    left: 50%;
    width: 2px;
    height: 26px;
    background: #7fb2e8;
    transform: translateX(-50%);
}

.hq-cases-swiper {
    width: 100%;
    padding: 52px 2px 8px;
    overflow: visible;
}

.hq-case-card {
    position: relative;
    min-width: 0;
    padding: 14px 12px 16px;
    border: 1px solid rgba(179, 209, 239, .55);
    border-radius: 12px;
    background: rgba(255, 255, 255, .8);
    box-shadow: 0 6px 18px rgba(56, 111, 177, .08);
    height: auto;
}

.hq-case-card::before {
    content: "";
    position: absolute;
    top: -84px;
    left: 50%;
    width: 24px;
    height: 24px;
    border: 2px solid #4397f3;
    border-radius: 50%;
    background: #58a4f4;
    box-shadow: inset 0 0 0 3px #eaf4ff;
    transform: translateX(-50%);
    z-index: 2;
}

.hq-case-card::after {
    content: "";
    position: absolute;
    top: -42px;
    left: 50%;
    width: 2px;
    height: 34px;
    background: #4397f3;
    transform: translateX(-50%);
    z-index: 1;
}

.hq-cases-swiper::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 25px;
    left: 0;
    right: 0;
    height: 2px;
    background: #4397f3;
}

.hq-case-card img {
    max-width: 100%;
}

.hq-case-card h3 {
    margin: 0 0 5px;
    color: #1e5fae;
    font-size: 17px;
    font-weight: 700;
}

.hq-case-sub {
    margin: 0 0 9px;
    color: #1e5fae;
    font-size: 13px;
    font-weight: 600;
}

.hq-case-card img {
    display: block;
    width: 100%;
    height: 92px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 11px;
}

.hq-case-desc {
    margin: 0;
    color: #55677e;
    font-size: 11px;
    line-height: 1.72;
}

/* ---------- 轮播指示器 ---------- */
.hq-carousel-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 26px;
}

.hq-carousel-nav .dots {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.hq-carousel-nav .dots i,
.hq-carousel-nav .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50px;
    background: rgba(72, 152, 255);
    transition: all .25s;
}

.hq-carousel-nav .dots i.on,
.hq-carousel-nav .swiper-pagination-bullet-active {
    width: 26px;
    background: #2f7fd1;
}

.hq-carousel-nav .arrows {
    position: absolute;
    right: 0;
    display: flex;
    gap: 12px;
}

.hq-carousel-nav .arrows button {
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #2f7fd1;
    color: #fff;
    font-size: 16px;
    line-height: 34px;
    cursor: pointer;
}

.hq-carousel-nav .arrows button i {
    font-size: 12px;
}

.hq-carousel-nav .arrows button:hover {
    background: #1e5fae;
}

.hq-carousel-nav .arrows button.swiper-button-disabled {
    opacity: .35;
    cursor: default;
}

/* ---------- 出海落地指引 ---------- */
.hq-guide-panel {
    padding: 44px 36px 26px;
    border-radius: 20px;
    background: url(../img/fpt/hongqiao/bg-map-guide.png) center / cover no-repeat;
}

.hq-guide-swiper {
    max-width: 860px;
    min-height: 380px;
    padding: 16px 0;
}

.hq-guide-swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.hq-guide-poster {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hq-guide-poster > .hq-guide-cover {
    display: block;
    height: 260px;
    width: auto;
    border-radius: 12px;
    box-shadow: 0 14px 34px rgba(30, 80, 150, .22);
    opacity: .72;
    transform: scale(.88);
    transition: opacity .35s, transform .35s, filter .35s;
}

.hq-guide-poster.swiper-slide-active > .hq-guide-cover {
    height: 348px;
    opacity: 1;
    transform: scale(1);
}

.hq-guide-poster:hover > .hq-guide-cover {
    transform: scale(.88) translateY(-6px);
}

.hq-guide-poster.swiper-slide-active:hover > .hq-guide-cover {
    transform: scale(1) translateY(-6px);
}

.hq-guide-qr {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 18px 0 16px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .2);
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s, transform .3s;
}

.hq-guide-qr img {
    display: block;
    width: 128px;
    height: 128px;
}

.hq-guide-qr-text {
    color: #1b4a8f;
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
}

.hq-guide-poster.swiper-slide-active .hq-guide-qr img {
    width: 150px;
    height: auto;
}

.hq-guide-poster--qr:hover > .hq-guide-cover,
.hq-guide-poster--qr:focus-visible > .hq-guide-cover,
.hq-guide-poster--qr.is-qr-visible > .hq-guide-cover {
    opacity: .30;
    filter: blur(6px);
}

.hq-guide-poster--qr:hover .hq-guide-qr,
.hq-guide-poster--qr:focus-visible .hq-guide-qr,
.hq-guide-poster--qr.is-qr-visible .hq-guide-qr {
    opacity: 1;
}

/* ---------- 出海工具箱 ---------- */
.hq-tools-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.hq-tool-card {
    display: block;
    min-height: 168px;
    padding: 26px 30px;
    border-radius: 14px;
    background: linear-gradient(120deg, var(--g1) 0%, var(--g2) 100%);
    text-decoration: none;
    transition: transform .25s, box-shadow .25s;
    height: auto;
}

.hq-tool-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(20, 60, 120, .22);
}

.hq-tool-card h3 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
}

.hq-tool-card p {
    margin: 0;
    color: rgba(255, 255, 255, .92);
    font-size: 16px;
    line-height: 1.8;
}

/* ---------- 长三角第一站 ---------- */
.hq-delta-panel {
    padding: 40px;
    border-radius: 20px;
    background: #fff;
}

.hq-delta-panel img {
    display: block;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    height: auto;
}

/* ---------- 垂类平台 ---------- */
.hq-platform-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-rows: 200px;
    gap: 14px;
}

.hq-platform-card {
    position: relative;
    display: block;
    border-radius: 12px;
    overflow: hidden;
}

.hq-platform-card.is-wide {
    grid-column: span 2;
}

.hq-platform-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s;
}

.hq-platform-card:hover img {
    transform: scale(1.04);
}

.hq-platform-label {
    position: absolute;
    z-index: 1;
    left: 22px;
    bottom: 18px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 1.3;
    text-shadow: 0 2px 10px rgba(10, 30, 60, .45);
}

/* ---------- 联系我们 ---------- */
.hq-contact-panel {
    padding: 40px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid rgba(225, 232, 239, 1);
}

.hq-contact-top {
    display: grid;
    grid-template-columns: minmax(0, 490px) minmax(0, 1fr) minmax(0, 1fr);
    gap: 40px;
    align-items: start;
}

.hq-contact-map {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.hq-contact-qr {
    margin: 0;
    padding-top: 24px;
    text-align: center;
}

.hq-contact-qr img {
    width: 150px;
    height: 150px;
    object-fit: contain;
}

.hq-contact-qr figcaption {
    margin-top: 14px;
    color: #33475f;
    font-size: 15px;
    line-height: 1.6;
}

.hq-contact-info {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    margin-top: 34px;
}

.hq-contact-label {
    display: block;
    margin-bottom: 8px;
    color: #7290B1;
    font-size: 14px;
}

.hq-contact-item strong {
    color: #163B63;
    font-size: 20px;
    font-weight: 700;
}

/* ============================================================
   临港分平台（lg- 前缀）· PC
   ============================================================ */

.lg-section {
    margin-bottom: 56px;
}

.lg-label-row {
    justify-content: flex-start;
}

.lg-label-row .lg-more {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #4898FF;
    font-size: 14px;
    text-decoration: none;
}

.lg-label-row .lg-more svg {
    width: 14px;
    height: 14px;
}

.lg-label-row .lg-more:hover {
    color: #1e5fc4;
}

/* ---------- 平台概况 ---------- */
.lg-overview {
    display: grid;
    grid-template-columns: minmax(0, 41fr) minmax(0, 59fr);
}

.lg-overview > * {
    min-width: 0;
}

.lg-overview-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px 0 0 16px;
}

.lg-overview-card {
    padding: 34px 38px 30px;
    border-radius: 0 16px 16px 0;
    background: #fff;
    box-shadow: 0 10px 30px rgba(23, 68, 130, .08);
}

.lg-overview-item {
    margin-bottom: 18px;
}

.lg-overview-item h3 {
    margin: 0 0 6px;
    color: #245ca6;
    font-size: 20px;
    font-weight: 700;
}

.lg-overview-item p {
    margin: 0;
    color: #4a5a70;
    font-size: 16px;
    line-height: 1.7;
}

.lg-overview-foot {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-top: 24px;
}

.lg-overview-meta p {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 8px;
    color: #6b7a90;
    font-size: 14px;
}

.lg-ico {
    width: 16px;
    height: 16px;
    color: #3d87e8;
    flex: none;
}

.lg-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 34px;
    border-radius: 999px;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    background: #4998ff;
    border: 4px solid #daeaff;
    transition: background .2s;
}

.lg-appointment-popup {
    position: absolute;
    z-index: 20;
    right: 0;
    bottom: calc(100% + 12px);
    width: 190px;
    padding: 10px 10px 12px;
    border: 1px solid #d8e4f0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(20, 54, 88, .18);
}

.lg-appointment-popup[hidden] {
    display: none;
}

.lg-appointment-popup img {
    display: block;
    width: 100%;
    height: auto;
    padding: 5px;
    border: 2px solid #cfe3ff;
    border-radius: 10px;
    background: #fff;
    box-sizing: border-box;
}

.lg-appointment-caption {
    margin: 9px 0 0;
    color: #202d3e;
    font-size: 12px;
    line-height: 1.6;
    text-align: center;
    white-space: nowrap;
}

.lg-appointment-caption span {
    color: #1565c0;
}

.lg-appointment-close {
    position: absolute;
    top: 3px;
    right: 5px;
    z-index: 1;
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 50%;
    color: #49677f;
    background: rgba(255, 255, 255, .9);
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
}

.lg-btn:hover {
    background: #2f83f2;
    color: #fff;
}

.lg-btn-arrow {
    width: 15px;
    height: 15px;
}

/* ---------- 特色服务 · 通用卡片标题 ---------- */
.lg-panel-title {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 16px;
    color: #17233d;
    font-size: 20px;
    font-weight: 700;
}

.lg-panel-ico {
    width: 19px;
    height: 19px;
    color: #2f7ae5;
    flex: none;
}

.lg-card-title {
    margin: 0 0 14px;
    color: #4898FF;
    font-size: 20px;
    font-weight: 700;
}

/* ---------- 特色服务 · 离岸/跨境金融支持 ---------- */
.lg-fin-card {
    padding: 22px 26px 26px;
    border-radius: 16px;
    background: #eaf3fd url('../img/fpt/lingang/bg-finance-support.jpg') center right / cover no-repeat;
    overflow: hidden;
    border-left: 1px solid rgba(120, 170, 230, .40);
}

.lg-fin-inner {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
    padding: 20px 24px 22px;
    border: 1px solid rgba(120, 170, 230, .40);
    border-radius: 12px;
    background: rgba(255, 255, 255, .82);
}

.lg-fin-inner > * {
    min-width: 0;
}

.lg-fin-group {
    grid-column: 1 / -1;
    margin: 0;
    color: #2f7ae5;
    font-size: 20px;
    font-weight: 700;
}

.lg-fin-col h5 {
    margin: 0 0 8px;
    color: #245ca6;
    font-size: 15px;
    font-weight: 700;
}

.lg-fin-col p {
    margin: 0;
    color: #55677e;
    font-size: 13px;
    line-height: 1.75;
}

/* ---------- 特色服务 · 离岸结算 / 风险保障 ---------- */
.lg-offshore-row {
    display: grid;
    grid-template-columns: minmax(0, 64fr) minmax(0, 36fr);
    gap: 20px;
    margin-top: 20px;
}

.lg-offshore-row > * {
    min-width: 0;
}

.lg-offshore-card {
    padding: 24px 28px;
    border-radius: 16px;
    background-color: #f2f8ff;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    overflow: hidden;
    border-left: 1px solid rgba(120, 170, 230, .40);
}

.lg-offshore-card--settle {
    background-image: url('../img/fpt/lingang/bg-offshore-settlement.png');
}

.lg-offshore-card--insure {
    background-image: url('../img/fpt/lingang/bg-offshore-insurance.png');
}

.lg-offshore-item {
    margin-bottom: 14px;
}

.lg-offshore-item:last-child {
    margin-bottom: 0;
}

.lg-offshore-item h5 {
    margin: 0 0 6px;
    color: #245ca6;
    font-size: 15px;
    font-weight: 700;
}

.lg-offshore-item p {
    margin: 0;
    color: #55677e;
    font-size: 13px;
    line-height: 1.75;
}

/* ---------- 特色服务 · 跨境数据流动 ---------- */
.lg-data-card {
    margin-top: 20px;
    padding: 22px 26px 26px;
    border: 1px solid rgba(160, 195, 235, .45);
    border-radius: 16px;
    background: #fff;
}

.lg-data-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.lg-data-grid > * {
    min-width: 0;
}

.lg-data-item {
    min-height: 240px;
    padding: 20px 22px;
    border-radius: 12px;
    background-color: #f4f9ff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.lg-data-item--stream {
    background-image: url('../img/fpt/lingang/bg-data-stream.png');
    background-size: 100% 100%;
}

.lg-data-item--center {
    background-image: url('../img/fpt/lingang/bg-data-center.png');
    background-size: 100% 100%;
}

.lg-data-item--cable {
    background-image: url('../img/fpt/lingang/bg-data-cable.png');
    background-size: 100% 100%;
}

.lg-data-item h5 {
    margin: 0 0 8px;
    color: #245ca6;
    font-size: 15px;
    font-weight: 700;
}

.lg-data-item p {
    margin: 0;
    color: #55677e;
    font-size: 13px;
    line-height: 1.75;
}

/* ---------- 服务生态 ---------- */
.lg-eco-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.lg-eco-grid > * {
    min-width: 0;
}

.lg-eco-card {
    padding: 28px 32px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(23, 68, 130, .08);
}

.lg-eco-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.lg-eco-head img {
    flex: none;
    width: 38px;
    height: auto;
}

.lg-eco-head h3 {
    margin: 0;
    color: #17233d;
    font-size: 20px;
    font-weight: 700;
}

.lg-eco-card p {
    margin: 0;
    color: #55677e;
    font-size: 14px;
    line-height: 1.75;
}

/* ---------- 工作动态 ---------- */
.lg-news-panel {
    padding: 6px 28px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(23, 68, 130, .08);
}

.lg-news-item {
    display: grid;
    grid-template-columns: 107px minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;
    padding: 18px 0;
    border-bottom: 1px solid #edf2f8;
    text-decoration: none;
}

.lg-news-item:last-child {
    border-bottom: 0;
}

.lg-news-item img {
    display: block;
    width: 107px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
}

.lg-news-body h3 {
    margin: 0 0 6px;
    color: #1c2b45;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.lg-news-item:hover .lg-news-body h3 {
    color: #2f7ae5;
}

.lg-news-body p {
    margin: 0;
    color: #8a99ad;
    font-size: 13px;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.lg-news-item time {
    color: #9aa8bb;
    font-size: 13px;
    white-space: nowrap;
}

/* ---------- 联系我们 ---------- */
.lg-contact-panel {
    display: grid;
    grid-template-columns: minmax(0, 22fr) minmax(0, 33fr) minmax(0, 25fr);
    gap: 28px;
    padding: 26px 28px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(23, 68, 130, .08);
}

.lg-contact-panel > * {
    min-width: 0;
}

.lg-contact-map {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 200px;
    object-fit: cover;
    border-radius: 12px;
}

.lg-contact-block {
    margin-bottom: 18px;
}

.lg-contact-block:last-child {
    margin-bottom: 0;
}

.lg-contact-label {
    display: block;
    margin-bottom: 6px;
    color: #8a99ad;
    font-size: 13px;
}

.lg-contact-strong {
    color: #245DA6;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    line-height: 1.55;
}

.lg-contact-cols {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.lg-contact-qrs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-content: start;
}

.lg-contact-qr {
    margin: 0;
    text-align: center;
}

.lg-contact-qr img {
    display: block;
    width: 100%;
    max-width: 128px;
    margin: 0 auto 10px;
    border-radius: 10px;
    border: 1px solid #e4edf7;
}

.lg-contact-qr figcaption {
    color: rgba(0, 0, 0, 0.85);
    font-size: 12px;
    line-height: 1.6;
}

.lg-contact-qr .lg-qr-lead {
    color: #245ca6;
}

.pd-window {
    color: #222;
}

.pd-window-body {
    min-height: 1440px;
    padding: 60px 0 80px;
}

.pd-window-card {
    padding: 26px 24px;
    margin-bottom: 24px;
    border-radius: 26px;
    background: #fff;
}

.pd-window-card .section-label {
    margin-bottom: 24px;
}

.pd-window-card p {
    margin: 0;
    font-size: 16px;
    line-height: 1.85;
    overflow-wrap: anywhere;
}

.pd-window-contact {
    margin: 0;
    font-size: 16px;
}

.pd-window-contact > div {
    display: grid;
    grid-template-columns:124px minmax(0, 1fr);
    gap: 0;
    padding: 12px 0;
    border-bottom: 1px dashed #e8edf3;
}

.pd-window-contact dt {
    color: #3068a6;
}

.pd-window-contact dd {
    margin: 0;
    overflow-wrap: anywhere;
}

.pd-window-contact a {
    color: inherit;
    text-decoration: none;
}

.pd-window-contact a:hover {
    color: #3068a6;
}

.pd-window-contact a:focus-visible {
    outline: 2px solid #4898ff;
    outline-offset: 4px;
}

.pd-window-unit {
    min-height: 154px;
}

.pd-station-shell {
    display: grid;
    grid-template-columns:minmax(0, 1.8fr) minmax(320px, 1fr);
    min-height: 610px;
    overflow: hidden;
    border: 1px solid #e3edf8;
    border-radius: 20px;
    background: #fff;
}

.pd-station-map {
    min-height: 610px;
    overflow: hidden;
    background: #dceafa;
}

.pd-station-map img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .48;
    filter: saturate(.65) hue-rotate(170deg);
}

.pd-station-list {
    min-width: 0;
    border-left: 1px solid #e3edf8;
}

.pd-station-list > h3 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 20px 16px;
    border-bottom: 1px solid #e3edf8;
    color: #3068a6;
    font-size: 16px;
}

.pd-station-list > h3 .iconfont {
    color: #4898ff;
}

.pd-station-items {
    padding: 10px;
    overflow: auto;
}

.pd-station-items article {
    padding: 12px 10px;
    margin-bottom: 8px;
    border: 1px solid #e3eaf1;
    border-radius: 14px;
}

.pd-station-items article:last-child {
    margin-bottom: 0;
}

.pd-station-items h4 {
    margin: 0 0 8px;
    font-size: 14px;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 10px;
}

.pd-station-items p {
    margin: 4px 0;
    color: #4d5969;
    font-size: 12px;
    line-height: 1.65;
}

.pd-station-items b {
    color: #3678bc;
    font-weight: 500;
}

/* 浦东分平台及微短剧产业详情页 */
.pd-ai-page {
    color: #24364e;
}

.pd-ai-body {
    padding: 40px 0 52px;
}

.pd-ai-shell {
    padding: 18px 22px 40px;
    border: 1px solid #e5edf6;
    border-radius: 18px;
    background: #fff;
}

.pd-ai-tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow: auto;
    padding: 8px 12px;
    margin-bottom: 44px;
    border-radius: 9px;
    background: #eef6ff;
    white-space: nowrap;
}

.pd-ai-tabs strong {
    margin-right: 10px;
    color: #397fbe;
    font-size: 14px;
}

.pd-ai-tabs a {
    flex: none;
    padding: 7px 10px;
    border-radius: 6px;
    color: #5594cf;
    font-size: 12px;
    text-decoration: none;
}

.pd-ai-tabs a:hover, .pd-ai-tabs a.is-active {
    color: #fff;
    background: #4898ff;
}

.pd-ai-logo {
    display: block;
    width: min(100%, 532px);
    height: auto;
    margin: 0 auto 38px;
    border-radius: 18px;
}

.pd-ai-intro h2 {
    margin: 0 0 20px;
    color: #2867a9;
    font-size: 19px;
}

.pd-ai-intro h3 {
    margin: 12px 0 4px;
    color: #2867a9;
    font-size: 17px;
}

.pd-ai-intro p {
    margin: 0;
    color: #202a37;
    font-size: 14px;
    line-height: 1.85;
}

.pd-ai-company-grid {
    display: grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 10px;
}

.pd-ai-company {
    display: flex;
    min-width: 0;
    gap: 14px;
    padding: 16px;
    border: 1px solid #e4ebf2;
    border-radius: 13px;
    color: inherit;
    text-decoration: none;
}

.pd-ai-company:hover {
    border-color: #9bcaff;
    box-shadow: 0 6px 18px #2867a91a;
}

.pd-ai-company-logo {
    display: grid;
    place-items: center;
    flex: none;
    width: 72px;
    height: 72px;
    border: 1px solid #e8edf3;
    border-radius: 10px;
    background: #fff;
}

.pd-ai-company-logo img {
    display: block;
    width: 90%;
    height: auto;
    object-fit: contain;
}

.pd-ai-company-logo--dark {
    background: #101010;
}

.pd-ai-company-copy {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.pd-ai-company-copy strong {
    margin-bottom: 5px;
    font-size: 14px;
}

.pd-ai-company-copy > span {
    display: -webkit-box;
    overflow: hidden;
    color: #6f7883;
    font-size: 12px;
    line-height: 1.6;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.pd-ai-company-copy small {
    align-self: flex-end;
    margin-top: auto;
    color: #438fd6;
    font-size: 11px;
}

.pd-ai-company-copy small .iconfont {
    margin-left: 3px;
}

/* 浦东政务服务 */
.pd-government-page {
    color: #24364e;
}

.pd-government-body {
    padding: 40px 0 52px;
}

.pd-government-tabs {
    display: grid;
    grid-template-columns:repeat(6, minmax(0, 1fr));
    gap: 10px;
    padding: 16px;
    margin-bottom: 20px;
    border: 1px solid #e5edf6;
    border-radius: 14px;
    background: #fff;
}

.pd-government-tabs a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 8px;
    border: 1px solid #e4ebf2;
    border-radius: 8px;
    color: #64758a;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
}

.pd-government-tabs a:hover, .pd-government-tabs a.is-active {
    border-color: #3276c5;
    color: #fff;
    background: #2864a8;
}

.pd-government-cards {
    display: grid;
    gap: 28px;
}

.pd-government-card {
    display: grid;
    grid-template-columns:1.2fr 1fr;
    min-height: 280px;
    overflow: hidden;
    border-radius: 15px;
    background: #fff;
}

.pd-government-map {
    position: relative;
    min-height: 280px;
    overflow: hidden;
    background: #eaf2fb;
}

.pd-government-map > img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 280px;
    object-fit: cover;
}

.pd-government-info {
    padding: 24px 26px;
}

.pd-government-info h3 {
    margin: 0 0 22px;
    padding-bottom: 14px;
    border-bottom: 1px solid #edf1f6;
    color: #2465aa;
    font-size: 21px;
}

.pd-government-info dl {
    margin: 0;
}

.pd-government-info dl > div {
    display: flex;
    align-items: baseline;
    gap: 5px;
    margin: 9px 0;
    font-size: 14px;
    line-height: 1.8;
}

.pd-government-info dt {
    flex: none;
    color: #306cae;
}

.pd-government-info dd {
    min-width: 0;
    margin: 0;
}

.pd-government-info a {
    color: inherit;
    text-decoration: none;
}

.pd-government-info a:hover {
    color: #286fc0;
    text-decoration: underline;
}

.pd-government-map--waigaoqiao {
    background-color: #e9f1fa;
    background-image: linear-gradient(28deg, transparent 47%, #fff 47%, #fff 49%, transparent 49%), linear-gradient(112deg, transparent 31%, #fff 31%, #fff 33%, transparent 33%), linear-gradient(3deg, transparent 65%, #fff 65%, #fff 67%, transparent 67%), linear-gradient(135deg, #e9f1fa 0 34%, #d7e8d3 34% 40%, #e9f1fa 40% 100%);
}

.pd-map-road {
    position: absolute;
    display: block;
    height: 5px;
    border: 1px solid #fff;
    border-radius: 6px;
    background: #f1d879;
    box-shadow: 0 0 0 1px #e8d48e;
}

.pd-map-road-a {
    width: 120%;
    top: 52%;
    left: -8%;
    transform: rotate(3deg);
}

.pd-map-road-b {
    width: 110%;
    top: 47%;
    left: -6%;
    transform: rotate(84deg);
}

.pd-map-road-c {
    width: 75%;
    top: 24%;
    right: -12%;
    transform: rotate(-16deg);
    background: #d887bc;
}

.pd-map-river {
    position: absolute;
    top: -20%;
    left: 14%;
    width: 14%;
    height: 145%;
    border-radius: 50%;
    border-right: 14px solid #c5e3f0;
    transform: rotate(18deg);
}

.pd-map-pin {
    position: absolute;
    top: 48%;
    left: 57%;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50% 50% 50% 0;
    background: #ed554e;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    transform: rotate(-45deg);
    box-shadow: 0 2px 6px #0003;
}

.pd-map-place {
    position: absolute;
    top: 60%;
    left: 59%;
    padding: 5px 8px;
    border-radius: 5px;
    background: #ffffffd9;
    color: #64758a;
    font-size: 13px;
}

/* 浦东知识大讲堂列表 */
.pd-knowledge-page {
    color: #222;
}

.pd-knowledge-body {
    min-height: 1230px;
    padding: 48px 0 64px;
}

.pd-knowledge-page .section-label {
    margin-bottom: 14px;
}

.pd-knowledge-page .section-label h2 {
    font-size: 22px;
}

.pd-knowledge-count {
    margin: 0 0 18px;
    color: #7e8996;
    font-size: 12px;
}

.pd-knowledge-count strong {
    color: #3679bd;
    font-weight: 600;
}

.pd-knowledge-list {
    list-style: none;
    padding: 8px 20px;
    margin: 0;
    border-radius: 20px;
    background: #fff;
}

.pd-knowledge-list li + li {
    border-top: 1px solid #e9edf2;
}

.pd-knowledge-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 68px;
    color: #252b33;
    font-size: 15px;
    text-decoration: none;
}

.pd-knowledge-list a:hover span {
    color: #2c73b9;
}

.pd-knowledge-list a span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pd-knowledge-list time {
    flex: none;
    color: #3c75b3;
    font-size: 12px;
}

.pd-knowledge-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
}

.pd-knowledge-pagination a {
    display: grid;
    place-items: center;
    min-width: 38px;
    height: 38px;
    padding: 0 7px;
    border: 1px solid #e5ebf2;
    border-radius: 8px;
    background: #fff;
    color: #3976b5;
    font-size: 13px;
    text-decoration: none;
}

.pd-knowledge-pagination a:hover, .pd-knowledge-pagination a.is-current {
    border-color: #2866aa;
    background: #2866aa;
    color: #fff;
}

.pd-knowledge-pagination > span {
    color: #8a929c;
    font-size: 12px;
}

.pd-knowledge-detail-body {
    min-height: 1230px;
    padding: 52px 0 72px;
}

.pd-knowledge-detail {
    padding: 52px 54px 100px;
    border: 1px solid #e7edf4;
    border-radius: 34px;
    background: #fff;
}

.pd-knowledge-detail > h2 {
    margin: 0 0 62px;
    color: #2867a9;
    font-size: 30px;
    line-height: 1.5;
    text-align: center;
}

.pd-knowledge-detail-meta {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 0 10px 18px;
    border-bottom: 1px solid #e7ebf0;
    color: #858b94;
    font-size: 13px;
}

.pd-knowledge-fontsize {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
}

.pd-knowledge-fontsize button {
    min-width: 28px;
    height: 28px;
    padding: 0 4px;
    border: 1px solid transparent;
    border-radius: 4px;
    background: transparent;
    color: #777;
    cursor: pointer;
}

.pd-knowledge-fontsize button.is-selected {
    border-color: #8dc4ff;
    color: #3289e8;
}

.pd-knowledge-video-wrap {
    overflow: hidden;
    margin-top: 28px;
    background: #000;
}

.pd-knowledge-video {
    display: block;
    width: 100%;
    aspect-ratio: 16/9;
    background: #000;
}

.pd-knowledge-detail[data-font-size="large"] {
    font-size: 18px;
}

.pd-knowledge-detail[data-font-size="medium"] {
    font-size: 16px;
}

.pd-knowledge-detail[data-font-size="small"] {
    font-size: 14px;
}

/* 浦东新版首页；仅保留当前页面使用的样式。 */
.pd-home {
    color: #333;
}

.pd-home .page-body {
    padding: 64px 0 20px;
}

.pd-section {
    margin-bottom: 44px;
}

.pd-overview > *, .pd-news > *, .pd-services > *, .pd-service-banners > *, .pd-invest-grid > *, .pd-channel-grid > * {
    min-width: 0;
}

.pd-news-list li, .pd-channel-card li {
    min-width: 0;
}

.pd-home a {
    color: inherit;
    text-decoration: none;
}

.pd-home a:focus-visible {
    outline: 3px solid #3289e8;
    outline-offset: 3px;
}

.pd-heading {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 16px;
}

.pd-home .pd-more {
    color: #479be9;
    font-size: 13px;
    white-space: nowrap;
}

.pd-home p {
    line-height: 1.9;
}

.pd-overview {
    display: grid;
    grid-template-columns:1fr 1fr;
    overflow: hidden;
    border-radius: 20px;
    background: #fff;
}

.pd-overview img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 310px;
    object-fit: cover;
}

.pd-overview p {
    align-self: center;
    margin: 0;
    padding: 28px;
    font-size: 14px;
}

.pd-news {
    display: grid;
    grid-template-columns:2.15fr 1fr;
    gap: 22px;
}

.pd-news-feature {
    position: relative;
    display: flex;
    min-height: 370px;
    align-items: flex-end;
    padding: 54px 36px;
    border-radius: 20px;
    overflow: hidden;
    isolation: isolate;
    background: #102440;
}

.pd-news-carousel {
    position: relative;
    width: 100%;
    min-width: 0;
    min-height: 370px;
    overflow: hidden;
    border-radius: 20px;
    background: #102440;
    cursor: grab;
    touch-action: pan-y;
}

.pd-news-carousel:active { cursor: grabbing; }

.pd-news-feature.swiper-slide {
    height: auto;
}

.pd-news-feature::before {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(110deg, rgb(10 28 57 / 88%), rgb(10 35 65 / 45%));
    content: "";
    pointer-events: none;
}

.pd-news-feature > img {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pd-news-feature-copy {
    position: relative;
    z-index: 2;
    width: 100%;
    align-self: flex-start;
}

.pd-news-carousel-controls {
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 16px;
    display: flex;
    align-items: center;
    transform: translateX(-50%);
}

.pd-news-carousel-dots {
    display: flex;
    align-items: center;
    gap: 6px;
}

.pd-news-carousel-dots button,
.pd-news-carousel-dots .pd-news-dot {
    width: 9px;
    height: 9px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgb(255 255 255 / 55%);
    opacity: 1;
    cursor: pointer;
}

.pd-news-carousel-dots button[aria-current="true"],
.pd-news-carousel-dots .pd-news-dot.is-active {
    background: #fff;
}

.pd-news-feature h3 {
    margin: 0 0 22px;
    color: #fff;
    font-size: 29px;
    line-height: 1.55;
}

.pd-news-feature p {
    color: #c5d2e2;
    font-size: 17px;
}

.pd-news-list, .pd-channel-card ul {
    list-style: none;
    padding: 12px 20px;
    margin: 0;
    background: #fff;
    border-radius: 20px;
}

.pd-news-list li a, .pd-channel-card li a {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 58px;
    border-bottom: 1px solid #f2f5f8;
    font-size: 13px;
}

.pd-news-list li:last-child a, .pd-channel-card li:last-child a {
    border-bottom: 0;
}

.pd-news-list span, .pd-channel-card li span {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1;
}

.pd-home time {
    flex: none;
    color: #a2a8b0;
    font-size: 11px;
}

.pd-news-list a:hover, .pd-channel-card li a:hover {
    color: #2788dc;
}

.pd-service-panel {
    padding: 18px 16px 16px;
    border-radius: 20px;
    background: #fff;
}

.pd-service-panel h3 {
    margin: 0 0 14px;
    color: #449ce9;
    font-size: 19px;
}

.pd-services {
    display: grid;
    grid-template-columns:repeat(5, 1fr);
    gap: 16px;
}

.pd-services a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 18px 6px;
    border: 1px solid #dde5ee;
    border-radius: 12px;
    font-size: 15px;
}

.pd-services .iconfont {
    display: inline-block;
    line-height: 1;
    font-style: normal;
    color: #50a9ff;
    font-size: 23px;
    background: #F3F8FF;
    padding: 6px;
    border-radius: 50%;
}

.pd-services a:hover {
    border-color: #58a9f2;
    background: #f5faff;
}

.pd-service-banners {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 16px;
    margin-top: 16px;
}

.pd-service-banners > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    padding: 22px 26px;
    min-height: 130px;
    border-radius: 18px;
    background: linear-gradient(110deg, #daedff, #b5dcff);
}

.pd-service-banners > a::before {
    content: '';
    position: absolute;
    width: 290px;
    height: 290px;
    right: -25px;
    top: -65px;
    border-radius: 50%;
    background: linear-gradient(120deg, #ffffff80, #ffffff00);
}

.pd-service-banners h3 {
    position: relative;
    margin: 0 0 4px;
    font-size: 29px;
    line-height: 1.4;
}

.pd-service-banners p {
    position: relative;
    margin: 0;
    font-size: 12px;
    line-height: 1.55;
}

.pd-service-banners > a > span {
    z-index: 1;
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #469aff;
    color: #fff;
    font-size: 32px;
    box-shadow: 0 0 0 5px #ffffff45;
}

.pd-service-banners .pd-industry-link {
    color: #fff;
    background: linear-gradient(110deg, #0874ef, #469bff);
}

.pd-service-banners .pd-industry-link > span {
    background: #fff;
    color: #469aff;
}

.pd-service-banners .pd-network-link {
    grid-column: 1/-1;
    min-height: 80px;
    color: #2675b9;
    background: #d7eaff url('../img/fpt/pudong/netbg.png') center/cover no-repeat;
}

.pd-service-banners .pd-network-link::before {
    content: none;
}

.pd-network-link h3 {
    font-size: 24px;
}

.pd-service-banners .pd-network-link > span {
    background: none;
    box-shadow: none;
    color: #469aff;
}

.pd-invest-intro {
    margin: 0 0 16px;
    font-size: 13px;
}

.pd-invest-grid {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 14px;
}

.pd-invest-card {
    display: flex;
    gap: 14px;
    padding: 22px;
    border-radius: 20px;
    background: #fff;
}

.pd-invest-card > .iconfont {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-style: normal;
    flex: none;
    padding: 10px;
    height: fit-content;
    border-radius: 12px;
    color: #53a7fa;
    background: #e8f4ff;
    font-size: 22px;
}

.pd-invest-card:nth-child(2) > .iconfont {
    color: #a080ff;
    background: #eee8ff;
}

.pd-invest-card:nth-child(3) > .iconfont {
    color: #19c49b;
    background: #dcfaf0;
}

.pd-invest-card h3 {
    margin: 7px 0 12px;
    font-size: 16px;
    font-weight: 500;
}

.pd-invest-card ul {
    padding-left: 13px;
    margin: 0;
    font-size: 12px;
    color: #818892;
    line-height: 2.2;
}

.pd-invest-card li::marker {
    color: #60a9ed;
}

.pd-channel-grid {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 16px;
}

.pd-channel-card {
    min-width: 0;
    padding: 18px;
    border-radius: 20px;
    background: #fff;
}

.pd-channel-card header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e7edf4;
}

.pd-channel-card h3 {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

.pd-channel-card ul {
    padding: 0;
}

/* 微短剧出海产业服务详情 */
.pd-drama-page {
    color: #24364e;
}

.pd-drama-body {
    padding: 40px 0 52px;
}

.pd-drama-shell {
    padding: 18px;
    border: 1px solid #e7eef7;
    border-radius: 20px;
    background: #fff;
}

.pd-drama-tabs {
    display: flex;
    align-items: center;
    gap: 10px;
    overflow: auto;
    white-space: nowrap;
    background: rgba(72, 152, 255, 0.1);
    border-radius: 10px;
    padding: 10px 20px;
    margin-bottom: 20px;
}

.pd-drama-tabs strong {
    color: rgba(36, 93, 166, 1);
    font-size: 14px;
    font-weight: bold;
    margin-right: 26px;
}

.pd-drama-tabs a {
    flex: none;
    padding: 8px 12px;
    border-radius: 7px;
    color: #528bc2;
    font-size: 14px;
    text-decoration: none;
}

.pd-drama-tabs a:hover, .pd-drama-tabs a.is-active {
    color: #fff;
    background: #4898FF;
}

.pd-drama-hero {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 14px;
}

.pd-drama-intro, .pd-drama-hardware, .pd-drama-policy, .pd-drama-updates, .pd-drama-service-content, .pd-drama-cases {
    margin-top: 18px;
    padding: 20px;
    border-radius: 16px;
    background: #f4f8fd;
}

.pd-drama-shell h2 {
    margin: 0 0 12px;
    color: rgba(0, 0, 0, 0.85);
    font-size: 18px;
}

.pd-drama-intro > p, .pd-drama-hardware p, .pd-drama-service-content p, .pd-drama-cases p {
    margin: 0;
    font-size: 13px;
    line-height: 1.9;
}

.pd-drama-intro figure {
    overflow: hidden;
    margin: 16px 0 0;
    border-radius: 14px;
    background: #fff;
}

.pd-drama-intro figure img {
    display: block;
    width: 100%;
    height: auto;
}

.pd-drama-intro figcaption {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 10px;
    font-size: 12px;
}

.pd-drama-intro figcaption strong {
    color: #367dc3;
    font-size: 16px;
}

.pd-drama-intro figcaption span {
    color: #6d7785;
}

.pd-drama-hardware {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 110px;
    background: #f2f7fd url('../img/fpt/pudong/yjpt.png') right center/auto 100% no-repeat;
}

.pd-drama-hardware > div {
    max-width: 80%;
}

.pd-drama-hardware > .iconfont {
    color: #8dbbe8;
    font-size: 50px;
}

.pd-drama-policy {
    background: #f2f7fd url('../img/fpt/pudong/jddt.png') center/cover no-repeat;
}

.pd-drama-policy > a {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border-radius: 12px;
    background: #ffffffd9;
    color: #245DA6;
    text-decoration: none;
}

.pd-drama-policy > a img {
    width: 28px;
    height: 27px;
    object-fit: contain;
}

.pd-drama-policy > a .iconfont {
    font-size: 24px;
}

.pd-drama-policy > a strong {
    flex: 1;
    font-size: 14px;
}

.pd-drama-more, .pd-drama-update-grid a, .pd-drama-service-content > a {
    color: #438fd6;
    font-size: 12px;
    text-decoration: none;
}

.pd-drama-page .pd-drama-more .iconfont, .pd-drama-page .pd-drama-update-grid a .iconfont, .pd-drama-page .pd-drama-service-content > a .iconfont {
    display: inline-block;
    margin-left: 4px;
    font-size: .9em;
}

.pd-drama-update-grid {
    display: grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.pd-drama-update-grid article {
    padding: 16px;
    border-radius: 12px;
    background: #fff;
}

.pd-drama-update-grid header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.pd-drama-update-grid h3 {
    margin: 0;
    font-size: 16px;
    color: rgba(36, 93, 166, 1);
}

.pd-drama-update-grid p {
    margin: 12px 0 0;
    color: #667487;
    font-size: 12px;
    line-height: 1.8;
}

.pd-drama-service-content {
    position: relative;
}

.pd-drama-service-content > a {
    display: block;
    text-align: right;
}