/* ==========================================================================
   运营服务 daogou —— 蓝湖 v2 实测（@2x÷2=@1x；D px@1920 → clamp(round(D*0.625),D/19.2vw,D)）
   画板 @1x 1920×10664；矩形665=整页纯色底 #F5F5F7（浅色区基底）；字体全站 PingFang SC
   全页仅顶部 Hero+引言为深色黑底(#000)，其余业务分区均在 #F5F5F7 上，卡片白底(整卡烘焙)
   卡片(轮播/流程/按需)均为「整卡烘焙」切图(标题+图+描述全含)，直接放图，不再叠加代码文字
   ========================================================================== */

body.daogou-page {
    background: #F5F5F7;
}

/* ===================== 深色区：Hero + 引言 + 全程陪伴 ===================== */
.daogou-dark {
    background: #000000; /* 黑底（矩形1075 黑渐变基底，实测纯黑） */
    padding-bottom: clamp(114px, 11.563vw, 222px); /* 全程陪伴面板底 → 灰底起 实测 222 */
}
/* Hero：组158643 1920×2696，仅顶部 ~1049(标题+团队照)有内容，下方纯黑用 wrapper 裁掉 */
.daogou-hero {
    height: clamp(655px, 54.6vw, 1049px); /* 1049/1920=54.6vw */
    overflow: hidden;
    line-height: 0;
}
.daogou-hero-img {
    display: block;
    width: 100%;
}
.daogou-intro {
    text-align: center;
}
/* CTA 按钮（组158123 / 组158487 201×53 蓝胶囊，文字烘焙，作 tel 链接） */
.daogou-btn {
    display: inline-block;
    line-height: 0;
}
.daogou-intro .daogou-btn {
    margin-top: clamp(29px, 2.448vw, 47px); /* Hero 底 → 按钮 实测 47 */
}
.daogou-btn img {
    display: block;
    width: clamp(150px, 10.469vw, 201px);
    height: auto;
}
.daogou-dark-h {
    /* 无需自建营销数字化运营团队 51/86 Bold 白 居中 */
    margin-top: clamp(29px, 2.448vw, 47px); /* 按钮 → 标题 实测 47 */
    font-size: clamp(32px, 2.656vw, 51px);
    font-weight: 700;
    line-height: clamp(54px, 4.48vw, 86px);
    color: #FFFFFF;
}
.daogou-dark-sub {
    /* 22/37 Bold 白 居中，max 1119 */
    margin-top: clamp(8px, 0.625vw, 12px);
    max-width: 1119px;
    margin-left: auto;
    margin-right: auto;
    font-size: clamp(14px, 1.146vw, 22px);
    font-weight: 700;
    line-height: clamp(23px, 1.938vw, 37px);
    color: #FFFFFF;
}
.daogou-companion-h {
    /* 全程陪伴 70/98 Heavy 白 居中 */
    margin-top: clamp(62px, 5.156vw, 99px); /* 引言 → 全程陪伴 实测 99 */
    font-size: clamp(44px, 3.646vw, 70px);
    font-weight: 700;
    line-height: clamp(61px, 5.104vw, 98px);
    color: #FFFFFF;
}
.daogou-companion {
    /* 组158645 1427×819 白面板(正文+会议照 烘焙)，容器内铺满 */
    display: block;
    width: 100%;
    margin-top: clamp(38px, 3.125vw, 60px); /* 全程陪伴 → 面板 实测 60 */
}

/* ===================== 业务分区通用（标题/副标题/描述） ===================== */
.daogou-biz,
.daogou-sup,
.daogou-plan {
    /* 分区之间默认间距（轮播2 用此值 103） */
    margin-top: clamp(64px, 5.365vw, 103px);
}
.daogou-sec-bc {
    margin-top: clamp(103px, 8.542vw, 164px); /* 深色区 → 一物一码 实测 164 */
}
.daogou-sec-dd {
    margin-top: clamp(70px, 5.729vw, 110px); /* O2O → 到店 实测 110 */
}
.daogou-sec-flow {
    margin-top: clamp(123px, 10.208vw, 196px); /* 两大配套 → 流程 实测 196 */
}
.daogou-sup {
    margin-top: clamp(49px, 4.063vw, 78px); /* 到店 → 两大配套 实测 78 */
}
.daogou-plan {
    margin-top: clamp(81px, 6.771vw, 130px); /* 流程 → 按需 实测 130 */
    padding-bottom: clamp(82px, 6.823vw, 131px); /* 底部 CTA → 页脚 留白（全站末段标准 262 缩一半） */
}
.daogou-biz-title {
    /* 章节大标题 70/98 Heavy #1D1D1F 居中 */
    font-size: clamp(44px, 3.646vw, 70px);
    font-weight: 700;
    line-height: clamp(61px, 5.104vw, 98px);
    color: #1D1D1F;
    text-align: center;
}
.daogou-biz-sub {
    /* 副标题 32 Bold #1D1D1F 居中 */
    margin-top: clamp(25px, 2.083vw, 40px);
    font-size: clamp(20px, 1.667vw, 32px);
    font-weight: 700;
    line-height: clamp(28px, 2.34vw, 45px);
    color: #1D1D1F;
    text-align: center;
}
.daogou-biz-desc {
    /* 描述 20 Medium #666 居中，max ~1300 */
    margin-top: clamp(29px, 2.396vw, 46px);
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    font-size: clamp(13px, 1.042vw, 20px);
    font-weight: 500;
    line-height: clamp(20px, 1.667vw, 32px);
    color: #666666;
    text-align: center;
}

/* ===================== 横向轮播（3 业务卡轮播 + 流程 5 步） ===================== */
.daogou-carousel {
    /* 描述 → 卡片区 实测 ~102 */
    margin-top: clamp(64px, 5.313vw, 102px);
}
.daogou-sec-flow .daogou-carousel {
    margin-top: clamp(64px, 5.313vw, 102px); /* 流程：标题 → 卡片 */
}
.daogou-viewport {
    /* 苹果官网完整模式（与 task/jishi 一致）：viewport 左右均出血至屏幕边缘（1920 封顶）；
       padding-left = 内容区边距，默认首卡左缘仍对齐内容区左缘；整轨 translateX 平移，
       卡片滑过左侧出血区、在屏幕左缘才被裁；末端末卡右缘对齐内容区右缘（见 daogou.js） */
    overflow: hidden;
    margin-left: calc(-1 * (max((min(100vw, 1920px) - 1476px) / 2, 0px) + 24px));
    margin-right: calc(-1 * (max((min(100vw, 1920px) - 1476px) / 2, 0px) + 24px));
    padding-left: calc(max((min(100vw, 1920px) - 1476px) / 2, 0px) + 24px);
}
.daogou-track {
    display: flex;
    gap: clamp(15px, 1.25vw, 24px); /* 卡片横向间距 实测 24 */
    transition: transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    will-change: transform;
}
.daogou-card {
    flex: 0 0 clamp(287px, 23.906vw, 459px); /* 卡宽 459/1920=23.906vw（同 task/jishi 原尺寸）；配合视口出血默认展示 3 个半 */
    display: block;
    width: clamp(287px, 23.906vw, 459px);
    height: auto;
}
/* 翻页箭头：全站共用 task/jishi 方案（右向切图，左钮 scaleX(-1) 镜像；禁用态降透明度） */
.daogou-carousel-nav {
    display: flex;
    justify-content: flex-end;
    gap: 24px; /* 全站统一两钮间距 24px（基准 pengyipeng），原 clamp(24px, 1.979vw, 38px) */
    margin-top: clamp(43.5px, 3.021vw, 58px); /* 全站统一（基准 pengyipeng M2 轮播按钮）：原 clamp(54.4px, 4.5vw, 86.4px) */
}
.daogou-carousel-prev,
.daogou-carousel-next {
    width: 48px; /* 全站统一按钮宽 48px（基准 pengyipeng），原 58.8×58.4 */
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    transition: opacity .3s ease;
}
.daogou-carousel-prev img,
.daogou-carousel-next img {
    width: 100%;
    height: auto;
    display: block;
}
.daogou-carousel-prev img {
    transform: scaleX(-1); /* 左箭头 = 右箭头镜像 */
}
.daogou-carousel-prev:disabled,
.daogou-carousel-next:disabled {
    opacity: .35; /* 禁用态 = 设计稿浅灰箭头 */
    cursor: default;
}

/* ===================== 两大配套支撑服务（2×2 网格，700×575，整卡烘焙） ===================== */
.daogou-sup-grid {
    /* 标题 → 网格 实测 ~78；2 列，列 gap27 / 行 gap28 */
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: clamp(17px, 1.406vw, 27px);
    row-gap: clamp(18px, 1.458vw, 28px);
    margin-top: clamp(49px, 4.063vw, 78px);
}
.daogou-sup-item {
    display: block;
    width: 100%; /* 列宽 (1428-27)/2 ≈ 700 */
}

/* ===================== 按需定制运营方案（3 列静态，459×438，整卡烘焙） ===================== */
.daogou-plan-grid {
    /* 标题 → 卡片 实测 ~100；3 列 gap24（459*3+24*2=1425≈1428，恰好铺满无需滚动） */
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(15px, 1.25vw, 24px);
    margin-top: clamp(64px, 5.313vw, 102px);
}
.daogou-plan-item {
    display: block;
    width: 100%;
}
.daogou-plan .daogou-btn {
    display: flex;
    justify-content: center;
    /* 按需卡底 → 底部 CTA 实测 139 */
    margin-top: clamp(87px, 7.24vw, 139px);
}

/* ===================== 窄屏降级 ===================== */
@media (max-width: 900px) {
    .daogou-sup-grid {
        grid-template-columns: 1fr;
    }
    .daogou-plan-grid {
        grid-template-columns: 1fr;
    }
}