/* ============================================================
   磐云官网 · 桌面端版式（仅 ≥1024px 生效，移动端完全不变）
   设计原则：浅灰两侧 + 居中 1200 容器 + 横向通栏导航
            + 首屏左右分栏 + 内容大网格/分栏
            + 联系左右分栏，彻底去除手机式竖向空排
   ============================================================ */

/* 移动端默认隐藏桌面导航，桌面端由下方媒体查询显示 */
.topnav{display:none;}

@media (min-width:1024px){

  /* 1. 画布与容器：浅灰两侧 + 居中 1200 容器 */
  body{background:#E9EDF2;}
  .page{max-width:1200px;box-shadow:0 0 60px rgba(20,40,80,.10);}
  .wrap{padding:0 48px;}

  /* 2. 隐藏移动端顶栏与底栏，启用桌面顶栏 */
  .header{display:none;}
  .dock{display:none !important;}
  body{padding-bottom:0;}

  /* 桌面通栏导航 */
  .topnav{display:block;position:sticky;top:0;z-index:50;
    background:linear-gradient(90deg,var(--blue-deep) 0%,var(--blue) 60%,var(--blue-mid) 100%);
    box-shadow:0 4px 22px rgba(1,40,90,.28);}
  .tn-inner{max-width:1200px;margin:0 auto;height:70px;padding:0 48px;
    display:flex;align-items:center;justify-content:space-between;}
  .tn-brand{display:flex;align-items:center;gap:12px;text-decoration:none;}
  .tn-brand img{height:42px;width:auto;}
  .tn-tag{font-family:'MSZ','STKaiti','KaiTi',serif;font-size:15px;color:#fff;letter-spacing:2px;
    padding-left:12px;border-left:1px solid rgba(255,255,255,.35);}
  .tn-links{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0;}
  .tn-links>li{position:relative;}
  .tn-links>li>a{display:block;padding:10px 16px;color:#DCE9F8;font-size:15px;font-weight:600;
    border-radius:8px;transition:.2s;text-decoration:none;}
  .tn-links>li>a:hover{color:#fff;background:rgba(255,255,255,.13);}
  .tn-cta{background:#fff;color:var(--blue);font-size:15px;font-weight:700;padding:11px 26px;
    border-radius:999px;box-shadow:0 6px 16px rgba(0,10,40,.22);text-decoration:none;transition:.2s;}
  .tn-cta:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,10,40,.28);}

  /* 3. 首屏：左右分栏 */
  .hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;
    min-height:calc(100vh - 70px);padding:70px 48px;}
  .hero-inner{grid-column:1;max-width:580px;padding:0;}
  .hero h1{font-size:64px;line-height:1.18;margin-top:20px;}
  .hero .slogan-en{font-size:13px;letter-spacing:6px;margin-top:18px;}
  .hero .hero-desc{font-size:17px;margin-top:22px;line-height:1.9;}
  .hero .cta-row{gap:18px;margin-top:34px;}
  .hero .btn{flex:0 0 auto;height:58px;font-size:17px;padding:0 34px;border-radius:14px;}
  .hero-skyline{display:none;}            /* 桌面去掉手机底部装饰条 */
  .hero-stats{grid-column:2;align-self:center;display:grid;grid-template-columns:1fr 1fr;gap:18px;
    background:rgba(255,255,255,.10);backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,.20);border-radius:22px;padding:32px 22px;}
  .hero-stats div{padding:8px 6px;}
  .hero-stats b{font-size:38px;}
  .hero-stats b i{font-size:16px;}
  .hero-stats span{font-size:13px;letter-spacing:1px;}

  /* 4. 区块通用间距放大 */
  section{padding:72px 0;}
  .sec-head{margin-bottom:40px;}
  .sec-head h2{font-size:36px;}
  .sec-head p{font-size:15px;}

  /* 5. 关于：左文右卡 */
  section#about .wrap{display:grid;grid-template-columns:.95fr 1.05fr;column-gap:56px;row-gap:20px;align-items:center;}
  section#about .sec-head{grid-column:1;grid-row:1;}
  section#about .about-lead{grid-column:1;grid-row:2;}
  section#about .about-cards{grid-column:2;grid-row:1 / span 2;grid-template-columns:1fr 1fr;margin-top:0;gap:16px;}
  .about-card{padding:22px;}
  .about-card b{font-size:15px;}
  .about-card span{font-size:13px;}

  /* 6. 业务板块：4 列大卡 */
  .biz-grid{grid-template-columns:repeat(4,1fr);gap:22px;}
  .biz-card{aspect-ratio:3 / 4;border-radius:16px;}
  .biz-card .txt{padding:18px 16px;}
  .biz-card .txt b{font-size:19px;}
  .biz-card .txt span{font-size:13px;margin-top:6px;}
  .biz-card .arr{right:14px;bottom:14px;}

  /* 7. 企业资质：文字 3 列 + 图片 2×2 */
  .certs .cert-list{grid-template-columns:repeat(3,1fr);gap:14px;}
  .cert-item{padding:16px 18px;}
  .cert-item b{font-size:14px;}
  .cert-rows{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;}
  .cert-rows>img{border-radius:12px;}
  .cert-duo{grid-column:1 / -1;grid-template-columns:1fr 1fr;gap:16px;margin-top:0;}

  /* 8. 一站式服务 / 优势 / 案例（子页通用，auto-fit 自适应） */
  .svc-grid{grid-template-columns:repeat(3,1fr);gap:16px;}
  .adv-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px;}
  .adv-card{padding:22px;}
  .case-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;}

  /* 9. 合作流程：桌面 7 步一行横向网格（正好填满，无空排） */
  .flow .flow-list{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;padding-left:0;}
  .flow-list::before{display:none;}
  .flow-step{padding:22px 12px;text-align:center;background:#fff;border:1px solid var(--blue-line);
    border-radius:14px;box-shadow:0 6px 16px rgba(1,64,153,.06);}
  .flow-step::before{display:none;}
  .flow-step b{font-size:15px;line-height:1.4;color:var(--ink);}
  .flow-step b i{display:block;font-size:26px;font-family:Georgia,serif;opacity:.45;margin:0 0 8px;color:var(--blue);}
  .flow-step p{font-size:11.5px;line-height:1.6;margin-top:6px;}

  /* 10. 联系：左信息右二维码 */
  section#contact .wrap{display:grid;grid-template-columns:1.1fr .9fr;column-gap:56px;align-items:center;}
  .contact-box{grid-column:1;padding:36px 40px;}
  .contact-tel b{font-size:26px;}
  .contact-rows{margin-top:26px;}
  .qr-box{grid-column:2;margin-top:0;align-self:center;}
  .qr-box img{width:180px;}
  .slogan{grid-column:1 / -1;margin-top:40px;}

  /* 11. 页脚 */
  .footer{padding:48px 20px;}

  /* 12. 新增板块桌面适配 */
  /* 顶栏：7 项链接压缩，避免溢出 */
  .tn-links>li>a{padding:8px 13px;font-size:14px;}

  /* 核心优势：3 列 + 横排标题（与移动端同一结构） */
  section#why .adv-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
  .adv-card{padding:24px;column-gap:16px;row-gap:10px}
  .adv-card .num{font-size:26px}
  .adv-card b{font-size:16px;letter-spacing:.5px}
  .adv-card p{font-size:13px;line-height:1.85}

  /* 精选案例：筛选居中 */
  section#cases .filter{justify-content:center;flex-wrap:wrap;margin-bottom:24px}

  /* 服务区域左右分栏 */
  section#area .wrap{display:grid;grid-template-columns:.85fr 1.15fr;column-gap:56px;row-gap:0;align-items:start}
  section#area .sec-head{grid-column:1;grid-row:1 / 3}
  section#area .area-lead{grid-column:2;grid-row:1;margin:0}
  section#area .area-chips{grid-column:2;grid-row:2;margin-top:20px}
  .area-lead{font-size:15.5px;line-height:2}
  .area-chips span{font-size:14px;padding:9px 20px}

  /* 交付保障 */
  section#promise .promise-list{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px}
  .promise-item{padding:20px 22px}
  .promise-item b{font-size:15.5px}
  .promise-item p{font-size:13px}
}