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

/* ---------- ≤1199 平板 ---------- */
@media (max-width: 991px) {
    .pd-window-body { min-height:1050px; padding-top:40px; }
    .pd-station-shell { grid-template-columns:1.4fr 1fr; }
}

/* 浦东分平台及微短剧产业详情页 */
.pd-knowledge-body { min-height:900px; padding:36px 0 48px; }
.pd-knowledge-list a { min-height:62px; }
.pd-knowledge-pagination { gap:6px; }
.pd-knowledge-pagination a { min-width:34px; height:34px; }
.pd-knowledge-detail-body { min-height:900px; padding:36px 0 52px; }
.pd-knowledge-detail { padding:40px 36px 72px; border-radius:26px; }
.pd-knowledge-detail > h2 { margin-bottom:46px; font-size:26px; }
.pd-knowledge-detail-meta { flex-wrap:wrap; gap:10px 20px; }
.pd-ai-body { padding:30px 0 42px; }
.pd-ai-shell { padding:12px 14px 26px; }
.pd-ai-tabs { margin-bottom:30px; }
.pd-ai-logo { margin-bottom:28px; }
@media (max-width: 991px) {
    .pd-ai-company-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .pd-government-body { padding:30px 0 42px; }
    .pd-government-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:12px; }
    .pd-government-card { grid-template-columns:1.1fr 1fr; }
    .pd-government-info { padding:20px; }
    .pd-overview p {
        padding: 22px;
        font-size: 13px;
    }

    .pd-news {
        grid-template-columns:1.6fr 1fr;
    }

    .pd-news-feature {
        padding: 32px 24px;
    }

    .pd-news-carousel {
        min-height: 340px;
    }

    .pd-news-feature h3 {
        font-size: 24px;
    }

    .pd-services {
        gap: 10px;
    }

    .pd-services a {
        font-size: 13px;
    }

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

    .pd-channel-grid {
        grid-template-columns:1fr;
    }
}

@media (max-width: 767px) {
    .pd-ai-company-grid { grid-template-columns:minmax(0,1fr); }
    .pd-knowledge-detail-body { min-height:0; padding:28px 0 42px; }
    .pd-knowledge-detail { padding:28px 18px 40px; border-radius:20px; }
    .pd-knowledge-detail > h2 { margin-bottom:28px; font-size:21px; }
    .pd-knowledge-detail-meta { align-items:flex-start; flex-direction:column; gap:8px; padding:0 0 14px; font-size:12px; }
    .pd-knowledge-fontsize { margin-left:0; }
    .pd-knowledge-video-wrap { margin-top:18px; }
    .pd-knowledge-body { min-height:0; padding:28px 0 42px; }
    .pd-knowledge-list { padding:6px 14px; border-radius:14px; }
    .pd-knowledge-list a { min-height:58px; gap:10px; font-size:13px; }
    .pd-knowledge-list time { font-size:10px; }
    .pd-knowledge-pagination { gap:5px; }
    .pd-knowledge-pagination a { min-width:30px; height:32px; padding:0 5px; font-size:12px; }
    .pd-knowledge-pagination > span { width:100%; margin-top:4px; text-align:center; }
    .pd-government-body { padding:26px 0 42px; }
    .pd-government-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); padding:10px; }
    .pd-government-card { grid-template-columns:minmax(0,1fr); }
    .pd-government-map,.pd-government-map > img { min-height:220px; height:220px; }
    .pd-government-info { padding:18px; }
    .pd-government-info h3 { font-size:18px; margin-bottom:14px; }
    .pd-government-info dl > div { font-size:13px; }
    .pd-home .page-body {
        padding-top: 32px;
    }

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

    .pd-overview, .pd-news, .pd-service-banners {
        grid-template-columns:minmax(0, 1fr);
    }

    .pd-overview img {
        min-height: 0;
        height: auto;
    }

    .pd-news-feature {
        min-height: 280px;
        width: 100%;
        max-width: 100%;
        padding: 26px 22px;
        overflow-wrap: anywhere;
    }

    .pd-news-carousel {
        min-height: 280px;
    }

    .pd-news-carousel-controls {
        bottom: 12px;
    }

    .pd-news-list {
        width: 100%;
        max-width: 100%;
    }

    .pd-news-feature h3 {
        font-size: 22px;
    }

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

    .pd-services a:last-child {
        grid-column: 1/-1;
    }

    .pd-service-banners h3 {
        font-size: 25px;
    }

    .pd-invest-card {
        padding: 16px 12px;
        gap: 8px;
    }

    .pd-invest-card > .iconfont {
        padding: 7px;
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .pd-drama-update-grid {
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .pd-drama-body {
        padding: 28px 0 40px;
    }

    .pd-drama-shell {
        padding: 10px;
        border-radius: 15px;
    }

    .pd-drama-tabs {
        gap: 4px;
    }

    .pd-drama-tabs strong {
        margin-right: 2px;
    }

    .pd-drama-tabs a {
        padding: 7px 9px;
        font-size: 11px;
    }

    .pd-drama-intro, .pd-drama-hardware, .pd-drama-policy, .pd-drama-updates, .pd-drama-service-content, .pd-drama-cases {
        margin-top: 12px;
        padding: 14px;
        border-radius: 12px;
    }

    .pd-drama-shell h2 {
        font-size: 16px;
    }

    .pd-drama-intro > p, .pd-drama-hardware p, .pd-drama-service-content p, .pd-drama-cases p {
        font-size: 12px;
    }

    .pd-drama-update-grid {
        grid-template-columns:1fr 1fr;
        gap: 8px;
    }

    .pd-drama-update-grid article {
        padding: 12px 10px;
    }

    .pd-drama-update-grid h3 {
        font-size: 12px;
    }

    .pd-drama-update-grid p {
        font-size: 11px;
    }

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

    .pd-drama-hardware > .iconfont {
        font-size: 34px;
    }

    .pd-drama-policy > a {
        padding: 12px 10px;
        gap: 8px;
    }

    .pd-drama-policy > a strong {
        font-size: 12px;
    }

    .pd-drama-service-content {
        padding-right: 14px;
        padding-bottom: 42px;
    }

    .pd-drama-service-content > a {
        top: auto;
        right: 14px;
        bottom: 14px;
        transform: none;
    }
}
@media (max-width: 767px) {
    .pd-window-body { min-height:0; padding:30px 0 48px; }
    .pd-window-card { padding:22px 18px; margin-bottom:18px; border-radius:18px; }
    .pd-window-card .section-label { margin-bottom:18px; }
    .pd-window-card p,.pd-window-contact { font-size:14px; }
    .pd-window-contact > div { grid-template-columns:90px minmax(0,1fr); }
    .pd-window-unit { min-height:130px; }
    .pd-station-shell { display:block; min-height:0; }
    .pd-station-map { height:320px; min-height:0; }
    .pd-station-list { border-left:0; border-top:1px solid #e3edf8; }
    .pd-station-items { max-height:none; }
}
@media (max-width: 1199px) {
    .hq-tools-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hq-contact-top {
        grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr);
        gap: 28px;
    }

    /* 临港：平台概况改上下堆叠 */
    .lg-overview {
        grid-template-columns: minmax(0, 1fr);
    }

    .lg-overview-img {
        max-height: 380px;
    }

    .lg-offshore-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .lg-contact-panel {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .lg-contact-map {
        grid-column: span 2;
        min-height: 0;
        max-height: 300px;
    }
}

/* ---------- ≤991 平板竖屏 ---------- */
@media (max-width: 991px) {
    .hq-platform-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: auto;
    }

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

    .hq-platform-label {
        left: 18px;
        bottom: 15px;
        font-size: 19px;
    }

    .hq-platform-card img {
        height: auto;
        aspect-ratio: 576 / 400;
    }

    .hq-platform-card.is-wide img {
        aspect-ratio: 1184 / 400;
    }

    .hq-guide-swiper {
        min-height: 320px;
    }

    .hq-guide-poster > .hq-guide-cover {
        height: 220px;
    }

    .hq-guide-poster.swiper-slide-active > .hq-guide-cover {
        height: 290px;
    }

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

    .hq-dash-panel {
        padding: 32px 28px 36px;
    }

    .hq-dash-grid {
        gap: 14px;
    }

    /* 临港 */
    .lg-fin-inner {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    .lg-data-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .lg-data-item {
        min-height: 210px;
    }

    .lg-eco-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .lg-news-item {
        grid-template-columns: 96px minmax(0, 1fr);
    }

    .lg-news-item time {
        grid-column: 2;
        justify-self: start;
    }
}

/* ---------- ≤767 手机 ---------- */
@media (max-width: 767px) {
    .page-hero {
        padding: 24px 0 40px;
    }

    .page-hero .page-kicker {
        margin-top: 24px;
    }

    .page-hero h1 {
        font-size: 28px;
    }

    .hq-section {
        margin-bottom: 36px;
    }

    .section-label h2 {
        font-size: 20px;
    }

    /* 数据看板 */
    .hq-dash-panel {
        padding: 26px 14px 30px;
        border-radius: 14px;
    }

    .hq-dash-title {
        width: 300px;
    }

    .hq-dash-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    .hq-dash-card {
        padding: 14px 16px 18px;
    }

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

    .hq-dash-stat {
        padding: 12px 14px 14px;
    }

    .hq-dash-stat strong {
        font-size: 26px;
    }

    /* 全景图 */
    .hq-panorama-panel {
        border-radius: 14px;
    }

    /* 案例 */
    .hq-cases-panel {
        padding: 22px 14px 18px;
        border-radius: 14px;
    }

    .hq-cases-swiper {
        padding-top: 42px;
    }

    .hq-case-card {
        padding: 18px 14px;
    }

    .hq-case-card::before {
        top: -54px;
    }

    .hq-case-card::after {
        top: -12px;
        height: 4px;
    }

    .hq-carousel-nav {
        margin-top: 20px;
    }

    .hq-carousel-nav .arrows {
        position: static;
        margin-left: auto;
    }

    /* 落地指引 */
    .hq-guide-panel {
        padding: 26px 14px 20px;
        border-radius: 14px;
    }

    .hq-guide-swiper {
        min-height: 0;
    }

    .hq-guide-poster > .hq-guide-cover {
        height: 250px;
    }

    .hq-guide-poster.swiper-slide-active > .hq-guide-cover {
        height: 290px;
    }

    .hq-guide-qr img { width: 96px; height: 96px; }

    .hq-guide-qr-text { font-size: 13px; }

    /* 工具箱 */
    .hq-tools-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .hq-tool-card {
        min-height: 0;
        padding: 20px 18px;
    }

    .hq-tool-card h3 {
        font-size: 18px;
    }

    /* 长三角 */
    .hq-delta-panel {
        padding: 20px 14px;
        border-radius: 14px;
    }

    /* 垂类平台：按切图原始比例自适应高度，避免烧录标题被裁 */
    .hq-platform-grid {
        grid-template-columns: minmax(0, 1fr);
        grid-auto-rows: auto;
        gap: 12px;
    }

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

    .hq-platform-label {
        left: 16px;
        bottom: 12px;
        font-size: 18px;
    }

    .hq-platform-card img {
        height: auto;
        aspect-ratio: 576 / 400;
    }

    .hq-platform-card.is-wide img {
        aspect-ratio: 1184 / 400;
    }

    /* 联系我们 */
    .hq-contact-panel {
        padding: 22px 14px;
        border-radius: 14px;
    }

    .hq-contact-top {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    .hq-contact-map {
        grid-column: span 2;
    }

    .hq-contact-qr {
        padding-top: 0;
    }

    .hq-contact-qr img {
        width: 120px;
        height: 120px;
    }

    .hq-contact-qr figcaption {
        font-size: 13px;
    }

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

    .hq-contact-item strong {
        font-size: 17px;
    }

    /* ---------- 临港 ---------- */
    .lg-section {
        margin-bottom: 36px;
    }

    /* 平台概况 */
    .lg-overview-img {
        max-height: 240px;
        border-radius: 14px;
    }

    .lg-overview-card {
        padding: 22px 18px 24px;
        border-radius: 14px;
    }

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

    .lg-overview-foot {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        margin-top: 18px;
    }

    .lg-btn {
        justify-content: center;
    }

    /* 特色服务 */
    .lg-fin-card {
        padding: 18px 14px 20px;
        border-radius: 14px;
    }

    .lg-panel-title {
        font-size: 18px;
    }

    .lg-card-title {
        font-size: 18px;
    }

    .lg-fin-inner {
        padding: 16px 14px;
        border-radius: 10px;
    }

    .lg-offshore-row {
        gap: 14px;
        margin-top: 14px;
    }

    .lg-offshore-card {
        padding: 18px 16px;
        border-radius: 14px;
    }

    .lg-data-card {
        padding: 18px 14px 20px;
        border-radius: 14px;
    }

    .lg-data-grid {
        gap: 12px;
        margin-top: 0;
    }

    .lg-data-item {
        min-height: 190px;
        padding: 16px 16px 18px;
    }

    /* 服务生态 */
    .lg-eco-card {
        padding: 20px 18px;
        border-radius: 14px;
    }

    .lg-eco-head img {
        width: 56px;
    }

    .lg-eco-head h3 {
        font-size: 18px;
    }

    /* 工作动态 */
    .lg-news-panel {
        padding: 4px 16px;
        border-radius: 14px;
    }

    .lg-news-item {
        grid-template-columns: 88px minmax(0, 1fr);
        gap: 14px;
        padding: 14px 0;
    }

    .lg-news-item img {
        width: 88px;
        height: 66px;
    }

    .lg-news-item time {
        grid-column: 2;
        justify-self: start;
    }

    /* 联系我们 */
    .lg-contact-panel {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
        padding: 18px 14px;
        border-radius: 14px;
    }

    .lg-contact-map {
        grid-column: auto;
        min-height: 0;
        max-height: none;
        aspect-ratio: 615 / 438;
    }

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

    .lg-contact-qrs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}