/* =========================================================
   duoyuyan.css · 多语言网站建设
   布局特征：语言大字矩阵 + 双文本卡 + 左文右图 + 中心辐射架构图
   ========================================================= */

.banner-city{background-image:url('../images/banner-city.jpg')}
.dy-ice{background:var(--c-ice-2)}

/* ---------- 语言矩阵 ---------- */
.dy-lang-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.dy-lang-item{
  background:#fff;border:1px solid var(--c-line);border-radius:14px;padding:26px 18px;text-align:center;
  transition:all var(--trans);
}
.dy-lang-item:hover{border-color:var(--c-accent);box-shadow:var(--shadow);transform:translateY(-4px)}
.dy-lang-item b{display:block;font-size:22px;color:var(--c-primary);margin-bottom:6px}
.dy-lang-item span{font-size:13px;color:var(--c-muted)}

/* ---------- 双文本卡 ---------- */
.dy-trans-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.dy-trans-card{
  background:#fff;border-radius:var(--radius-lg);padding:36px 34px;box-shadow:var(--shadow);
  border-left:4px solid var(--c-accent);
}
.dy-trans-card h3{font-size:19px;margin-bottom:12px}
.dy-trans-card p{font-size:15px;color:var(--c-text-2);line-height:1.9}

/* ---------- 左文右图 ---------- */
.dy-seo-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.dy-seo-text h2{font-size:clamp(24px,3vw,32px);margin-bottom:18px}
.dy-seo-text p{color:var(--c-text-2);margin-bottom:16px}
.dy-ticks{margin:22px 0 28px;display:grid;gap:12px}
.dy-ticks li{font-size:14.5px;color:var(--c-text);padding-left:24px;position:relative}
.dy-ticks li::before{content:"";position:absolute;left:0;top:9px;width:10px;height:10px;border-radius:2px;background:var(--c-grad)}
.dy-seo-media img{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}

/* ---------- 架构图 ---------- */
.dy-arch-row{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap}
.dy-arch-core{
  background:var(--c-grad);color:#fff;border-radius:50%;width:150px;height:150px;
  display:flex;align-items:center;justify-content:center;text-align:center;font-size:17px;font-weight:700;line-height:1.5;
  box-shadow:0 0 0 12px var(--c-ice);flex-shrink:0;
}
.dy-arch-outs{display:grid;grid-template-columns:repeat(2,auto);gap:12px}
.dy-arch-outs span{
  background:#fff;border:1.5px solid var(--c-accent);color:var(--c-primary);
  padding:10px 22px;border-radius:999px;font-size:14.5px;font-weight:600;
}

/* ---------- 费用 ---------- */
.dy-price p a{color:var(--c-accent);font-weight:700}

/* ---------- 互链 ---------- */
.dy-relate-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.dy-relate-card{
  background:#fff;border-radius:14px;padding:24px 26px;box-shadow:var(--shadow);display:block;transition:all var(--trans);
}
.dy-relate-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}
.dy-relate-card h3{font-size:17px;margin-bottom:8px;color:var(--c-accent)}
.dy-relate-card p{font-size:14px;color:var(--c-text-2)}

.contact-sec{padding-top:0}

/* ---------- 响应式 ---------- */
@media (max-width:1080px){
  .dy-lang-grid{grid-template-columns:repeat(2,1fr)}
  .dy-seo-grid{grid-template-columns:1fr;gap:36px}
}
@media (max-width:768px){
  .dy-trans-grid{grid-template-columns:1fr}
  .dy-relate-row{grid-template-columns:1fr}
}