/* Dawa&Jiahao 内容模块 —— 作用域化 / 加前缀 / 响应式 */
/* 所有规则都限定在 .dwc 之内，避免与主题、Elementor 样式冲突。 */

.dwc, .dwc * { box-sizing: border-box; }
/* 重置模块内标题的浏览器默认外边距，避免破坏红线基线对齐与产生多余间距 */
.dwc h1, .dwc h2, .dwc h3, .dwc h4, .dwc h5, .dwc h6 { margin: 0; font-weight: inherit; }
.dwc p { margin: 0; }
.dwc {
  /* 设计变量：改这里即可全局换色 */
  --dwc-navy: #1a2266;   /* 品牌深蓝 */
  --dwc-red:  #c20e2c;   /* 品牌红 #C20E2C */
  --dwc-ink:  #232323;   /* 正文深灰 */
  --dwc-gray: #6b6b6b;   /* 英文灰 */
  --dwc-navy-soft: #b9c2ee;
  --dwc-bg-soft:   #f7f7f9;
  --dwc-red-tint:  #fdecee;
  --dwc-navy-tint: #eaecf6;

  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  background: #ffffff;
  color: var(--dwc-navy);
  font-family: 'Noto Sans CJK SC','Noto Sans SC','Microsoft YaHei','PingFang SC','Noto Sans',sans-serif;
}

/* 顶部标题带：深蓝底 + 红色装饰条 */
.dwc-header { background: var(--dwc-navy); padding: clamp(32px,5vw,56px) clamp(20px,5.9vw,64px) clamp(24px,3.3vw,36px); }
.dwc-bar { height: 6px; width: 120px; max-width: 40%; background: var(--dwc-red); border-radius: 2px; margin-bottom: clamp(16px,2.4vw,26px); }
.dwc-header h1 { font-size: clamp(28px,4.3vw,46px); line-height: 1.25; color: #fff; font-weight: 700; margin: 0 0 10px; }
.dwc-header h2 { font-size: clamp(16px,2.1vw,23px); color: var(--dwc-navy-soft); font-weight: 400; letter-spacing: .3px; margin: 0; }

/* 正文外框（整篇版式时用于左右留白） */
.dwc-body { padding: clamp(28px,4.4vw,48px) clamp(20px,5.9vw,64px) 8px; }
.dwc-section { margin-bottom: clamp(28px,3.9vw,42px); }

/* 二级标题：左侧红色装饰竖线 + 中文标题 + 英文小标签 */
.dwc-heading { display: flex; align-items: baseline; gap: 18px; flex-wrap: wrap; border-left: 6px solid var(--dwc-red); padding-left: 18px; margin: 0 0 18px; }
.dwc-heading .h-cn { font-size: clamp(20px,2.7vw,29px); color: var(--dwc-navy); font-weight: 700; }
.dwc-heading .h-en { font-size: clamp(13px,1.6vw,17px); color: var(--dwc-red); font-weight: 600; letter-spacing: .5px; text-transform: uppercase; }

/* 中英文段落对 */
.dwc-cn { font-size: clamp(16px,1.85vw,20px); line-height: 1.65; color: var(--dwc-ink); margin: 0 0 6px; }
.dwc-en { font-size: clamp(13px,1.44vw,15.5px); line-height: 1.55; color: var(--dwc-gray); font-style: italic; margin: 0; }

/* 图示容器：灰底圆角，放 SVG 或图片 */
.dwc-diagram { background: var(--dwc-bg-soft); border-radius: 12px; padding: 28px 20px 12px; margin-bottom: 8px; }
.dwc-diagram svg, .dwc-diagram img { display: block; width: 100%; height: auto; }

/* 双栏对比：红调 vs 蓝调，各带对应色左边框 */
.dwc-cols { display: flex; gap: 24px; margin-top: 4px; }
.dwc-col { flex: 1; border-radius: 10px; padding: 22px 24px; }
.dwc-col.red  { background: var(--dwc-red-tint);  border-left: 5px solid var(--dwc-red); }
.dwc-col.navy { background: var(--dwc-navy-tint); border-left: 5px solid var(--dwc-navy); }
.dwc-col .c-cn { font-size: clamp(15px,1.6vw,17px); color: var(--dwc-navy); font-weight: 700; margin: 0 0 4px; }
.dwc-col .c-en { font-size: clamp(11px,1.25vw,13.5px); color: #8a8a8a; font-weight: 500; text-transform: uppercase; letter-spacing: .5px; margin: 0 0 12px; }
.dwc-col .dwc-cn { font-size: clamp(15px,1.55vw,17px); }
.dwc-col .dwc-en { font-size: clamp(12px,1.3vw,14px); }

/* 小贴士卡：灰底 + 蓝/红标签 */
.dwc-tips { display: flex; gap: 24px; }
.dwc-tip { flex: 1; background: var(--dwc-bg-soft); border-radius: 10px; padding: 20px 22px; }
.dwc-tip .tag { display: inline-block; font-size: 13px; font-weight: 700; color: #fff; background: var(--dwc-navy); padding: 4px 12px; border-radius: 20px; margin-bottom: 10px; }
.dwc-tip.red .tag { background: var(--dwc-red); }

/* 结尾 Callout：#C20E2C 红底 + 白色主文案 + 浅粉副文案 */
.dwc-callout { background: var(--dwc-red); padding: clamp(24px,3.1vw,34px) clamp(20px,5.9vw,64px); text-align: center; }
.dwc-callout .tagline { font-size: clamp(18px,2.4vw,26px); color: #fff; font-weight: 700; margin: 0 0 8px; }
.dwc-callout .subline { font-size: clamp(13px,1.5vw,16px); color: #fbd3d8; letter-spacing: .3px; margin: 0; }

/* 页脚 */
.dwc-footer { background: #fff; padding: 30px clamp(20px,5.9vw,64px) 42px; display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.dwc-footer .f-left { display: flex; align-items: center; gap: 16px; }
.dwc-footer .f-left img { height: 56px; width: auto; }
.dwc-footer .co { font-size: 16px; color: var(--dwc-navy); font-weight: 700; }
.dwc-footer .web { font-size: 13.5px; color: #999; }
.dwc-footer .f-right { text-align: right; }
.dwc-footer .li { font-size: 15px; color: var(--dwc-navy); font-weight: 700; }
.dwc-footer .tg { font-size: 13.5px; color: #999; }

/* 响应式：窄屏下双栏/小贴士叠成单栏，页脚左对齐 */
@media (max-width: 640px) {
  .dwc-cols, .dwc-tips { flex-direction: column; }
  .dwc-footer { flex-direction: column; align-items: flex-start; }
  .dwc-footer .f-right { text-align: left; }
}