/* 新增顶层隔离类，所有样式仅作用该模块内部 */
.dci-module-wrap {
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  color:#182a38;
  background:#f7fafb;
  line-height:1.55
}
/* 替换全局 * ，限定模块内所有元素 */
.dci-module-wrap * {
  box-sizing:border-box;
}

.design-ui-credit {
  position: fixed;
  bottom: 12px;
  right: 12px;
  font: 11px/1 system-ui, sans-serif;
  color: rgba(128,128,128,0.5);
  pointer-events: none;
  z-index: 2147483647;
  transition: opacity 0.4s ease;
  user-select: none;
  letter-spacing: 0.02em;
}

/* Hide chrome on touch devices */
@media (hover: none) {
  .design-ui-credit { display: none; }
}

/* Print fixes 限定模块内打印样式 */
@media print {
  .dci-module-wrap * {
    transition: none !important;
    animation: none !important;
    box-shadow: none !important;
  }
  .dci-module-wrap {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
  .design-ui-credit { display: none !important; }
}

/* 以下所有样式统一前缀 .dci-module-wrap */
.dci-module-wrap .hero{background:linear-gradient(135deg,#102331,#075968);color:#fff;padding:80px 6vw}
.dci-module-wrap .eyebrow{color:#f0bd48;font-size:12px;letter-spacing:2px;font-weight:700;text-transform:uppercase}
.dci-module-wrap .hero h1{font-size:clamp(34px,5vw,64px);line-height:1.05;margin:16px 0 20px;max-width:760px}
.dci-module-wrap .hero p{max-width:680px;color:#c9dbe0;font-size:18px}
.dci-module-wrap .wrap{max-width:1180px;margin:auto;padding:72px 6vw}
.dci-module-wrap .label{font-size:12px;letter-spacing:2px;color:#087c88;font-weight:700;text-transform:uppercase}
.dci-module-wrap .title{font-size:34px;margin:10px 0 12px;color:#102331}
.dci-module-wrap .desc{color:#526875;max-width:760px}
.dci-module-wrap .section{padding:72px 0}
.dci-module-wrap .soft{background:#eef4f6}
.dci-module-wrap .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:34px}
.dci-module-wrap .card{background:#fff;border:1px solid #dbe6e9;border-radius:14px;padding:28px}
.dci-module-wrap .card h3{margin:0 0 9px;font-size:20px}
.dci-module-wrap .tag{display:inline-block;border:1px solid #c9dadd;border-radius:999px;padding:5px 10px;font-size:12px;margin:5px 4px 0 0;color:#24515b}
.dci-module-wrap .diagram{margin-top:34px;background:#fff;border:1px solid #dbe6e9;border-radius:16px;padding:28px;overflow:auto}
.dci-module-wrap .flow{display:flex;align-items:center;justify-content:center;min-width:820px}
.dci-module-wrap .node{padding:18px 20px;border-radius:11px;text-align:center;min-width:130px;background:#edf2f4;border:1px solid #c9dadd}
.dci-module-wrap .node.primary{background:#087c88;color:#fff;border-color:#087c88}
.dci-module-wrap .node.accent{background:#fff4d6;border-color:#e2c879}
.dci-module-wrap .arrow{min-width:105px;text-align:center;color:#087c88;font-weight:700;font-size:14px}
.dci-module-wrap .arrow b{display:block;font-size:25px}
.dci-module-wrap .tablewrap{overflow:auto;margin-top:30px;background:#fff;border:1px solid #dbe6e9;border-radius:12px}
.dci-module-wrap .table{width:100%;border-collapse:collapse;min-width:720px}
.dci-module-wrap .table th{background:#e9f1f3;text-align:left;padding:14px;font-size:12px;color:#43616b}
.dci-module-wrap .table td{padding:14px;border-top:1px solid #edf2f3;font-size:14px}
.dci-module-wrap .cta{background:#102331;color:#fff;text-align:center;padding:64px 6vw}
.dci-module-wrap .btn{display:inline-block;background:#f0bd48;color:#102331;padding:14px 26px;border-radius:8px;text-decoration:none;font-weight:700;margin-top:16px}
@media(max-width:700px){
  .dci-module-wrap .wrap{padding:52px 5vw}
  .dci-module-wrap .hero{padding:64px 5vw}
  .dci-module-wrap .hero p{font-size:16px}
}