/* ==========================================================================
   06 · Homepage —「应用场景」(A) +「询盘 CTA」(B) 局部样式
   --------------------------------------------------------------------------
   作用域纪律：
     · 本文件只服务上面两个 section，所有选择器一律 dr-ac06- 前缀；
     · 不写全局 body / h1 / a / img 重定义，不改 .dr-button、.dr-container 等
       现有通用类的定义（只在 dr-ac06- 作用域内做局部布局微调）；
     · 颜色、圆角、阴影、按钮一律复用执行时主题变量与既有规格：
       var(--dr-ink/-muted/-surface/-white/-primary/-primary-dark/-accent/
           -accent-dark/-border/-content/-shadow)、.dr-button / .dr-button.dr-secondary。
   断点与主题 style.css 一致：>700px 容器 = 100% - 40px；≤700px = 100% - 28px。
   ========================================================================== */

/* ==========================================================================
   A · 首页 / 应用场景
   ========================================================================== */

/* 应用场景采用开放式图文，不使用叠卡或负边距。 */
.dr-ac06-apps {
  --dr-ac06-bleed:0px;
  overflow:hidden;
}

/* 单栏区块引言：与产品分类的「左标题 / 右说明」双栏引言、技术知识的
   「一大两小」在结构上区分开。 */
.dr-ac06-apps-intro { max-width:730px; margin-bottom:46px; }
.dr-ac06-apps-intro h2 { max-width:660px; margin:12px 0 0; color:var(--dr-primary); font-size:clamp(32px,3.7vw,50px); line-height:1.05; letter-spacing:-.045em; }
.dr-ac06-apps-intro > p { max-width:540px; margin:16px 0 0; color:var(--dr-muted); }

.dr-ac06-apps-stage { display:grid; gap:54px; }

/* --- 场景通用 ------------------------------------------------------------ */
.dr-ac06-scene-media { position:relative; display:block; margin:0; overflow:hidden; border-radius:12px; background:var(--dr-primary-dark); aspect-ratio:5 / 3; }
/* Same crop at every breakpoint: retain probes/contact points, omit the damaged bottom strip. */
.dr-ac06-scene-media img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; object-position:center top; }

.dr-ac06-scene-copy { position:relative; }
.dr-ac06-tag { display:inline-flex; align-items:center; gap:9px; color:var(--dr-accent-dark); font-size:11px; font-weight:820; letter-spacing:.11em; text-transform:uppercase; }
.dr-ac06-tag::before { width:22px; height:3px; border-radius:2px; content:""; background:var(--dr-accent); }
.dr-ac06-scene-copy > p { margin:14px 0 0; color:var(--dr-muted); }
.dr-ac06-points { margin:18px 0 0; padding:0; display:grid; gap:9px; list-style:none; }
.dr-ac06-points li { position:relative; padding-left:19px; color:var(--dr-ink); font-size:14px; line-height:1.5; }
.dr-ac06-points li::before { position:absolute; top:.55em; left:1px; width:7px; height:7px; border-radius:50%; content:""; background:var(--dr-accent); }

/* --- 主场景：独立文字栏与图片栏，保留素材底缘裁切 ---------------------- */
.dr-ac06-scene-main { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; gap:40px; }
.dr-ac06-scene-main .dr-ac06-scene-media {
  grid-area:1 / 2 / 2 / 3;
  height:auto;
  min-height:0;
  margin-right:calc(-1 * var(--dr-ac06-bleed));
  border-radius:12px;
  box-shadow:none;
}
.dr-ac06-scene-main .dr-ac06-scene-copy {
  grid-area:1 / 1 / 2 / 2;
  margin:0;
  padding:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.dr-ac06-scene-main h3 { margin:12px 0 0; color:var(--dr-primary-dark); font-size:clamp(25px,2.5vw,34px); line-height:1.1; letter-spacing:-.03em; }
.dr-ac06-scene-main .dr-ac06-scene-copy > p { font-size:15.5px; }

/* --- 两处次场景：等宽、等图幅、顶边对齐，不使用刻意错位 ---------- */
.dr-ac06-scene-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:40px; }
.dr-ac06-scene-sub {
  display:grid; grid-template-rows:auto 1fr;
  overflow:visible;
  background:transparent;
  box-shadow:none;
}
.dr-ac06-scene-sub .dr-ac06-scene-media { height:auto; border-radius:12px; }
.dr-ac06-scene-sub .dr-ac06-scene-copy { margin:0; padding:24px 0 0; border-radius:0; background:transparent; }
.dr-ac06-scene-sub h3 { margin:11px 0 0; color:var(--dr-primary); font-size:22px; line-height:1.16; letter-spacing:-.02em; }
.dr-ac06-scene-sub .dr-ac06-scene-copy > p { font-size:15px; }
.dr-ac06-scene-lift { margin-top:0; }

/* ==========================================================================
   B · 首页 / 询盘 CTA
   （外层 .dr-inquiry-wrap 的内边距、白底沿用 style.css 现有规则，此处不重复）
   ========================================================================== */
.dr-ac06-inquiry-panel {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  align-items:center;
  gap:46px;
  padding:48px;
  border-radius:22px;
  color:#fff;
  background-color:var(--dr-primary-dark);
  background-image:
    radial-gradient(circle at 86% 118%, color-mix(in srgb,var(--dr-accent) 34%,transparent), transparent 58%),
    linear-gradient(112deg,var(--dr-primary-dark), color-mix(in srgb,var(--dr-primary) 62%,var(--dr-primary-dark)));
  box-shadow:0 8px 24px rgba(20,28,35,.1);
}

.dr-ac06-inquiry-copy { position:relative; z-index:1; padding-bottom:6px; }
.dr-ac06-inquiry-kicker { display:inline-flex; align-items:center; gap:9px; color:rgba(255,255,255,.8); font-size:11px; font-weight:820; letter-spacing:.11em; text-transform:uppercase; }
.dr-ac06-inquiry-kicker::before { width:22px; height:3px; border-radius:2px; content:""; background:var(--dr-accent); }
.dr-ac06-inquiry-copy h2 { max-width:560px; margin:14px 0 0; color:#fff; font-size:clamp(28px,3.2vw,42px); line-height:1.06; letter-spacing:-.04em; }
.dr-ac06-inquiry-copy > p { max-width:520px; margin:16px 0 0; color:rgba(255,255,255,.76); }
.dr-ac06-inquiry-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-top:28px; }

/* 准备信息完整内嵌，保留明确的面板留白，不再悬出底缘。 */
.dr-ac06-inquiry-prep {
  position:relative;
  z-index:2;
  align-self:center;
  margin-bottom:0;
  padding:28px 30px 30px;
  border-radius:18px;
  color:var(--dr-ink);
  background:#f8f9fa;
  box-shadow:0 4px 16px rgba(0,0,0,.1);
}
.dr-ac06-inquiry-prep h3 { margin:0; color:var(--dr-primary); font-size:16px; letter-spacing:.01em; }
.dr-ac06-inquiry-prep ul { margin:14px 0 0; padding:0; list-style:none; }
.dr-ac06-inquiry-prep li { position:relative; padding:12px 0 12px 24px; border-top:1px solid var(--dr-border); color:var(--dr-ink); font-size:14.5px; line-height:1.5; }
.dr-ac06-inquiry-prep li:first-child { border-top:0; padding-top:4px; }
.dr-ac06-inquiry-prep li:first-child::before { top:11px; }
.dr-ac06-inquiry-prep li::before { position:absolute; top:19px; left:2px; width:8px; height:8px; border-radius:2px; content:""; background:var(--dr-accent); box-shadow:0 2px 6px color-mix(in srgb,var(--dr-accent) 40%,transparent); }

/* ==========================================================================
   响应式
   ========================================================================== */

/* ≤980：两处次场景改为纵向堆叠；错位撤除，避免重叠与多余留白 */
@media (max-width:980px) {
  .dr-ac06-scene-pair { grid-template-columns:1fr; gap:24px; }
  .dr-ac06-scene-lift { margin-top:0; }
  .dr-ac06-inquiry-panel { grid-template-columns:1fr; gap:26px; padding:38px 34px 34px; }
  .dr-ac06-inquiry-prep { align-self:auto; margin-bottom:0; }
}

/* ≤860：图文顺序堆叠，保持间距，不重叠。 */
@media (max-width:860px) {
  .dr-ac06-scene-main { grid-template-columns:1fr; gap:24px; }
  .dr-ac06-scene-main .dr-ac06-scene-media {
    grid-area:auto;
    grid-row:1;
    min-height:0;
    height:auto;
    margin-right:0;
    border-radius:12px;
  }
  .dr-ac06-scene-main .dr-ac06-scene-copy {
    grid-area:auto;
    grid-row:2;
    margin:0;
    padding:0;
  }
  .dr-ac06-scene-main h3 { font-size:26px; }
  .dr-ac06-apps-stage { gap:40px; }
}

/* ≤700：与主题同一断点；容器变 100% - 28px */
@media (max-width:700px) {
  .dr-ac06-apps-intro { margin-bottom:34px; }
  .dr-ac06-apps-intro > p { margin-top:13px; }
  .dr-ac06-apps-stage { gap:40px; }
  .dr-ac06-scene-sub .dr-ac06-scene-copy { margin:0; padding:24px 0 16px; }
  .dr-ac06-scene-copy > p,
  .dr-ac06-scene-sub .dr-ac06-scene-copy > p,
  .dr-ac06-scene-main .dr-ac06-scene-copy > p { font-size:14.5px; }
  .dr-ac06-points li { font-size:13.5px; }
  .dr-ac06-inquiry-panel { padding:32px 24px 36px; border-radius:18px; gap:26px; }
  .dr-ac06-inquiry-actions { margin-top:24px; gap:12px; }
  .dr-ac06-inquiry-actions .dr-button { width:100%; }
  .dr-ac06-inquiry-prep { padding:24px 22px 26px; }
  .dr-ac06-inquiry-prep li { font-size:14px; }
}

.dr-knowledge-section { overflow:hidden; }
.dr-ac06-inquiry-actions .dr-button { min-height:48px; }