/* ziliao.html · 资料下载中心专属样式 */

/* 题头浅蓝面板 */
.zl-hero{
  background:var(--blue-50);padding:calc(var(--header-h) + 48px) 0 56px;
}
.zl-hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.zl-hero-text h1{margin:16px 0 14px}
.zl-lead{color:var(--gray-600);font-size:16px;max-width:520px}.zl-hero-media img {border-radius:var(--radius-l);box-shadow:var(--shadow-m);height:auto;aspect-ratio:2508/1672;object-fit:cover;width:100%}

/* 资料卡 */
.zl-list{padding:72px 0;background:var(--white)}
.zl-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.zl-card{
  display:block;background:var(--gray-50);border-radius:var(--radius-l);padding:28px 26px;
  border:1px solid var(--gray-100);transition:all var(--trans);position:relative;
}
.zl-card:hover{background:var(--blue-50);border-color:var(--blue-200);transform:translateY(-4px);box-shadow:var(--shadow-m)}
.zl-tag{
  display:inline-block;font-size:12px;font-weight:600;color:var(--blue-700);
  background:var(--white);padding:4px 12px;border-radius:999px;margin-bottom:14px;
}
.zl-card h3{margin-bottom:8px;color:var(--gray-900)}
.zl-card p{color:var(--gray-600);font-size:14px;margin-bottom:14px}
.zl-more{font-size:13.5px;font-weight:600;color:var(--blue-600)}
.zl-grid-note{margin-top:24px;color:var(--gray-600);font-size:14.5px;max-width:820px}

/* 下载须知 */
.zl-notice{padding:64px 0;background:var(--gray-50)}
.zl-notice-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}
.zl-notice-text h2{margin-top:10px}
.zl-notice-list{display:grid;gap:14px}
.zl-notice-list li{
  background:var(--white);padding:16px 20px;border-radius:var(--radius-m);
  font-size:14.5px;color:var(--gray-700);box-shadow:var(--shadow-s);padding-left:46px;position:relative;
}
.zl-notice-list li::before{
  content:"!";position:absolute;left:16px;top:16px;width:20px;height:20px;border-radius:50%;
  background:var(--blue-100);color:var(--blue-700);display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:12px;
}
.zl-notice-note{margin-top:18px;color:var(--gray-600);font-size:14.5px;max-width:760px}

/* 配套服务 */
.zl-service{padding:72px 0;background:var(--white)}
.zl-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.zl-svc{
  background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-m);
  padding:28px 26px;text-align:center;transition:all var(--trans);
}
.zl-svc:hover{border-color:var(--blue-300);box-shadow:var(--shadow-s)}
.zl-svc h3{margin-bottom:10px;color:var(--blue-800)}
.zl-svc p{color:var(--gray-600);font-size:14px}

/* CTA */
.zl-cta{background:var(--blue-600);padding:56px 0;color:#fff}
.zl-cta-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}
.zl-cta h2{color:#fff;margin-bottom:8px}
.zl-cta p{color:rgba(255,255,255,.9)}
.zl-note{padding:64px 0;background:var(--white)}
.zl-note .sec-body{display:grid;gap:14px;max-width:820px}
.zl-note .sec-body p{color:var(--gray-600);font-size:14.5px;line-height:1.8}

/* 按阶段选 */
.zl-stage{padding:64px 0;background:var(--gray-50)}
.zl-stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.zl-stage-card{background:var(--white);border-radius:var(--radius-l);padding:28px 26px;box-shadow:var(--shadow-s);border-top:3px solid var(--blue-500)}
.zl-stage-card h3{margin-bottom:10px;color:var(--blue-800)}
.zl-stage-card p{color:var(--gray-600);font-size:14px;line-height:1.7}

/* 资料问答 */
.zl-zfaq{padding:64px 0;background:var(--white)}
.zl-zfaq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.zl-zfaq-item{background:var(--gray-50);border-radius:var(--radius-m);padding:18px 22px;border-left:3px solid var(--blue-400)}
.zl-zfaq-item summary{cursor:pointer;font-weight:600;color:var(--gray-900);list-style:none;position:relative;padding-right:26px}
.zl-zfaq-item summary::-webkit-details-marker{display:none}
.zl-zfaq-item summary::after{content:"+";position:absolute;right:0;top:0;font-size:18px;color:var(--blue-500)}
.zl-zfaq-item[open] summary::after{content:"−"}
.zl-zfaq-item p{margin-top:10px;color:var(--gray-600);font-size:14px;line-height:1.7}
.sec-zfaq-note{max-width:820px;margin:24px auto 0;color:var(--gray-600);font-size:14.5px;line-height:1.8;text-align:center}

@media (max-width:920px){
  .zl-hero-inner,.zl-notice-inner,.zl-svc-grid{grid-template-columns:1fr}
  .zl-grid{grid-template-columns:1fr}
}