/* ==========================================================================
   Deya Tech: 强安全私有网格营销样式引擎 (Private Grid CSS Engine)
   版本: V8 终极隔离版 (彻底消除主题/WP原生 Columns 的干扰)
========================================================================== */

/* --------------------------------------------------------------------------
   1. 主题色彩变量池
-------------------------------------------------------------------------- */
.deya-ws { --p-color: #d32f2f; --bg-hero: #f8f9fa; --t-hero: #1a1a1a; --bg-card: #fff; --t-card: #1a1a1a; --bg-tech: #111; --t-tech: #fff; --bg-cta: #d32f2f; --t-cta: #fff; }
.deya-rp { --p-color: #555; --bg-hero: #000; --t-hero: #fff; --bg-card: #f9f9f9; --t-card: #111; --bg-tech: #fff; --t-tech: #111; --bg-cta: #f1f1f1; --t-cta: #111; }
.deya-mf { --p-color: #d32f2f; --bg-hero: #0a0a0a; --t-hero: #fff; --bg-card: #111; --t-card: #fff; --bg-tech: #050505; --t-tech: #fff; --bg-cta: #111; --t-cta: #fff; }
.deya-lj { --p-color: #00cc99; --bg-hero: #080c11; --t-hero: #fff; --bg-card: #fff; --t-card: #1a1a1a; --bg-tech: #f8f9fa; --t-tech: #333; --bg-cta: #1a1a1a; --t-cta: #fff; }
.deya-if { --p-color: #FF5722; --bg-hero: #fff; --t-hero: #1a1a1a; --bg-card: #fff; --t-card: #1a1a1a; --bg-tech: #fdfdfd; --t-tech: #1a1a1a; --bg-cta: #FF5722; --t-cta: #fff; }
.deya-ff { --p-color: #1C8CBF; --bg-hero: #f5faff; --t-hero: #1a1a1a; --bg-card: #fff; --t-card: #1a1a1a; --bg-tech: #1C8CBF; --t-tech: #fff; --bg-cta: #0f1a24; --t-cta: #fff; }
.deya-df { --p-color: #00a8ff; --bg-hero: #f4f5f7; --t-hero: #111; --bg-card: #fff; --t-card: #1a1a1a; --bg-tech: #1a1a1a; --t-tech: #fff; --bg-cta: #f4f5f7; --t-cta: #111; }
.deya-wc { --p-color: #00d4ff; --bg-hero: #0b1320; --t-hero: #fff; --bg-card: #fff; --t-card: #1a1a1a; --bg-tech: #0a192f; --t-tech: #fff; --bg-cta: #00d4ff; --t-cta: #fff; }
.deya-fd { --p-color: #00b4d8; --bg-hero: #fff; --t-hero: #0d1b2a; --bg-card: #fff; --t-card: #0d1b2a; --bg-tech: #0d1b2a; --t-tech: #fff; --bg-cta: #0d1b2a; --t-cta: #fff; }
.deya-3d { --p-color: #6C63FF; --bg-hero: #f8f7ff; --t-hero: #0f172a; --bg-card: #fff; --t-card: #0f172a; --bg-tech: #1e1b4b; --t-tech: #fff; --bg-cta: #0f172a; --t-cta: #fff; }
.deya-pf { --p-color: #C39E6D; --bg-hero: #fcfcfc; --t-hero: #1a1a24; --bg-card: #fff; --t-card: #1a1a24; --bg-tech: #1a1a24; --t-tech: #fff; --bg-cta: #f4f6f8; --t-cta: #1a1a24; }
.deya-pool { --p-color: #1abc9c; --bg-hero: #f9fdfc; --t-hero: #1a1a24; --bg-card: #fff; --t-card: #1a1a24; --bg-tech: #2d3748; --t-tech: #fff; --bg-cta: #1abc9c; --t-cta: #fff; }
.deya-wsc { --p-color: #8b5cf6; --bg-hero: #0b0d17; --t-hero: #fff; --bg-card: #fff; --t-card: #0b0d17; --bg-tech: #0b0d17; --t-tech: #fff; --bg-cta: #8b5cf6; --t-cta: #fff; }
.deya-wds { --p-color: #ff1493; --bg-hero: #0a0a14; --t-hero: #fff; --bg-card: #fff; --t-card: #0b0d17; --bg-tech: #0b0d17; --t-tech: #fff; --bg-cta: #ff1493; --t-cta: #fff; }
.deya-cm { --p-color: #2e8b57; --bg-hero: #f4faf4; --t-hero: #1a2e1a; --bg-card: #fff; --t-card: #1a2e1a; --bg-tech: #1a2e1a; --t-tech: #fff; --bg-cta: #f4faf4; --t-cta: #1a2e1a; }

/* --------------------------------------------------------------------------
   2. 强安全隔离布局控制
-------------------------------------------------------------------------- */
.wp-block-group.deya-section { margin: 80px auto !important; width: 100% !important; max-width: 1200px !important; display: block !important; padding: 0 !important; }

/* A. 强固型左右两列网格 (Hero) */
.deya-hero-panel .deya-row-grid { display: grid !important; grid-template-columns: 1.2fr 0.8fr !important; gap: 60px !important; align-items: center !important; background: var(--bg-hero) !important; border-radius: 30px !important; padding: 60px !important; box-shadow: 0 20px 50px rgba(0,0,0,0.06) !important; border: 1px solid rgba(0,0,0,0.05) !important; width: 100% !important; box-sizing: border-box !important; }
.deya-hero-panel h2 { color: var(--t-hero) !important; font-weight: 900 !important; font-size: 3.2rem !important; margin: 0 0 20px 0 !important; line-height: 1.15 !important; }
.deya-hero-panel p { font-size: 1.15rem !important; line-height: 1.8 !important; opacity: 0.9 !important; margin: 0 !important; color: var(--t-hero) !important; }
.deya-hero-panel figure { margin: 0 !important; padding: 0 !important; width: 100% !important; }
.deya-hero-panel img { border-radius: 20px !important; width: 100% !important; height: auto !important; box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important; display: block !important; }

/* B. 强固型三列场景网格 (Scenarios) */
.deya-scenarios-panel > h2 { text-align: center !important; color: var(--t-card) !important; font-weight: 900 !important; font-size: 2.8rem !important; margin: 0 0 10px 0 !important; }
.deya-scenarios-panel > p { text-align: center !important; color: var(--p-color) !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 2px !important; margin: 0 0 60px 0 !important; }
.deya-scenarios-panel .deya-cards-row-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 30px !important; width: 100% !important; box-sizing: border-box !important; }
.deya-scenarios-panel .deya-col-card { background: var(--bg-card) !important; border-radius: 24px !important; padding: 24px !important; text-align: center !important; box-shadow: 0 10px 30px rgba(0,0,0,0.04) !important; transition: all 0.4s ease !important; border: 1px solid rgba(0,0,0,0.05) !important; box-sizing: border-box !important; width: 100% !important; }
.deya-scenarios-panel .deya-col-card:hover { transform: translateY(-12px) !important; border-color: var(--p-color) !important; box-shadow: 0 20px 40px rgba(0,0,0,0.1) !important; }
.deya-scenarios-panel figure { margin: 0 0 20px 0 !important; overflow: hidden !important; border-radius: 16px !important; height: 240px !important; width: 100% !important; }
.deya-scenarios-panel img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.6s ease !important; display: block !important; }
.deya-scenarios-panel .deya-col-card:hover img { transform: scale(1.08) !important; }
.deya-scenarios-panel h3 { font-size: 1.35rem !important; font-weight: 800 !important; margin: 0 0 10px 0 !important; color: var(--t-card) !important; }
.deya-scenarios-panel p { font-size: 0.95rem !important; opacity: 0.8 !important; line-height: 1.6 !important; margin: 0 !important; color: var(--t-card) !important; }

/* C. 强固型四列工业网格 (Tech) */
.deya-tech-panel .deya-tech-4-grid { background: var(--bg-tech) !important; color: var(--t-tech) !important; padding: 80px 40px !important; border-radius: 30px !important; display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 30px !important; box-shadow: inset 0 0 50px rgba(0,0,0,0.2) !important; width: 100% !important; box-sizing: border-box !important; }
.deya-tech-panel .deya-tech-cell { text-align: center !important; transition: 0.3s !important; padding: 20px !important; border-radius: 16px !important; }
.deya-tech-panel .deya-tech-cell:hover { background: rgba(255,255,255,0.05) !important; transform: scale(1.05) !important; }
.deya-tech-panel h2 { color: var(--p-color) !important; font-size: 3rem !important; font-weight: 900 !important; font-family: Impact, sans-serif !important; margin: 0 0 15px 0 !important; letter-spacing: 1px !important; line-height: 1 !important; }
.deya-tech-panel h3 { color: var(--t-tech) !important; font-weight: 700 !important; font-size: 1.15rem !important; margin: 0 0 10px 0 !important; text-transform: uppercase !important; }
.deya-tech-panel p { color: var(--t-tech) !important; opacity: 0.75 !important; font-size: 0.9rem !important; line-height: 1.6 !important; margin: 0 !important; }

/* D. 强固型转化区 (CTA) - 修复被覆盖的内边距 */
.wp-block-group.deya-cta-panel { text-align: center !important; background: var(--bg-cta) !important; color: var(--t-cta) !important; padding: 80px 40px !important; border-radius: 30px !important; border: 1px solid rgba(0,0,0,0.05) !important; box-shadow: 0 20px 50px rgba(0,0,0,0.08) !important; width: 100% !important; box-sizing: border-box !important; }
.deya-cta-panel h2 { color: var(--t-cta) !important; font-size: 2.8rem !important; font-weight: 900 !important; margin: 0 0 20px 0 !important; }
.deya-cta-panel p { font-size: 1.15rem !important; max-width: 700px !important; margin: 0 auto 40px auto !important; opacity: 0.9 !important; color: var(--t-cta) !important; }
.deya-cta-panel .wp-block-buttons { display: flex !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; }
.deya-cta-panel .wp-block-button { margin: 0 !important; padding: 0 !important; }
.deya-cta-panel .wp-block-button__link { background: var(--t-cta) !important; color: var(--bg-cta) !important; font-weight: 800 !important; padding: 20px 60px !important; border-radius: 50px !important; text-transform: uppercase !important; text-decoration: none !important; transition: 0.3s !important; letter-spacing: 1px !important; box-shadow: 0 10px 20px rgba(0,0,0,0.2) !important; display: inline-block !important; border: none !important; }
.deya-cta-panel .wp-block-button__link:hover { transform: translateY(-5px) !important; box-shadow: 0 15px 30px rgba(0,0,0,0.3) !important; background: #fff !important; color: #111 !important; }

/* --------------------------------------------------------------------------
   3. 首页动态调用卡片 (Solutions / Design & Engineering 专用类)
-------------------------------------------------------------------------- */
 /* --------------------------------------------------------------------------
   4. 首页动态调用卡片 (Solutions & Engineering 专用双模态卡片)
-------------------------------------------------------------------------- */
.deya-dynamic-card { position: relative; overflow: hidden; border-radius: 16px; display: block; text-decoration: none !important; box-shadow: 0 10px 30px rgba(0,0,0,0.05); transition: all 0.4s ease; border: 1px solid #eaeaea; height: 350px; background-color: #ffffff; }
.deya-dynamic-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,0,0,0.12); border-color: #d32f2f; }

/* 内容容器公共属性 */
.deya-dynamic-card .card-content-inner { position: relative; z-index: 2; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; }

/* =========================================================
   模态一：无背景图 (白底，完全还原你截图里的红标清爽版)
========================================================= */
.deya-dynamic-card.no-bg .card-content-inner { justify-content: flex-start; text-align: left; }
.deya-dynamic-card.no-bg h3 { color: #1a1a1a !important; font-size: 1.35rem; font-weight: 800; margin: 0 0 12px 0; text-transform: none; text-shadow: none; }
.deya-dynamic-card.no-bg p { color: #666 !important; font-size: 0.95rem; line-height: 1.6; margin: 0; text-transform: none; letter-spacing: normal; text-shadow: none; }

/* 【核心修复】强制覆盖图标颜色为品牌红，切断主题超链接的蓝色干扰 */
.deya-dynamic-card.no-bg .icon-wrap { 
    color: #d32f2f !important; /* 强制主题红 */
    font-size: 2.2rem; 
    margin-bottom: 20px; 
    background: transparent !important; /* 去除底色 */
    width: auto;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
    text-shadow: none;
}
.deya-dynamic-card.no-bg:hover .icon-wrap { transform: scale(1.1); color: #1a1a1a !important; }

/* =========================================================
   模态二：有背景图 (图底白字，暗黑遮罩)
========================================================= */
.deya-dynamic-card.has-bg .card-overlay { position: absolute; inset: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.85) 100%); z-index: 1; pointer-events: none; transition: background 0.4s ease; }
.deya-dynamic-card.has-bg:hover .card-overlay { background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.95) 100%); }
.deya-dynamic-card.has-bg .card-content-inner { justify-content: flex-end; text-align: left; }
.deya-dynamic-card.has-bg h3 { color: #ffffff !important; font-size: 1.4rem; font-weight: 800; margin: 0 0 12px 0; text-transform: uppercase; text-shadow: 0 2px 10px rgba(0,0,0,0.5); }
.deya-dynamic-card.has-bg p { color: rgba(255,255,255,0.9) !important; font-size: 0.95rem; line-height: 1.6; margin: 0; text-transform: uppercase; letter-spacing: 1px; text-shadow: 0 2px 10px rgba(0,0,0,0.5); }
.deya-dynamic-card.has-bg .icon-wrap { color: #ffffff !important; font-size: 2.2rem; margin-bottom: 20px; text-shadow: 0 2px 10px rgba(0,0,0,0.5); }
/* --------------------------------------------------------------------------
   4. 移动端安全降级
-------------------------------------------------------------------------- */
@media (max-width: 991px) {
    .deya-hero-panel .deya-row-grid { grid-template-columns: 1fr !important; padding: 40px !important; text-align: center !important; gap: 40px !important; }
    .deya-tech-panel .deya-tech-4-grid { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 768px) {
    .wp-block-group.deya-section { padding: 0 15px !important; }
    .deya-scenarios-panel .deya-cards-row-grid { grid-template-columns: 1fr !important; }
    .deya-tech-panel .deya-tech-4-grid { grid-template-columns: 1fr !important; padding: 40px 20px !important; }
    .deya-hero-panel h2, .deya-scenarios-panel > h2, .deya-cta-panel h2 { font-size: 2.4rem !important; }
    .wp-block-group.deya-cta-panel { padding: 50px 20px !important; }
}