/* industry-detail.css —— 由模板内联样式外置，15 语种共用 */

.ind-hero { position: relative; padding: 72px 0 56px; background: linear-gradient(160deg,#0b1929 0%,#122240 45%,#1a365d 100%); overflow: hidden; }

.ind-hero::before { content:''; position:absolute; top:-180px; right:-160px; width:520px; height:520px; border-radius:50%; background: radial-gradient(circle, rgba(37,99,235,0.16) 0%, transparent 70%); pointer-events:none; }

.ind-hero-inner { position: relative; z-index:2; display:flex; gap:48px; align-items:center; }

.ind-hero-text { flex:1 1 460px; min-width:0; }

.ind-hero-eyebrow { display:inline-flex; align-items:center; padding:8px 18px; border-radius:999px; font-size:13px; font-weight:600; background: rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.15); color: rgba(255,255,255,0.9); margin-bottom:18px; }

.ind-hero-text h1 { font-size:46px; font-weight:900; color:#fff; line-height:1.1; margin-bottom:16px; letter-spacing:-0.02em; }

.ind-hero-text p { font-size:17px; color: rgba(255,255,255,0.75); line-height:1.7; margin-bottom:28px; }

.ind-hero-cta { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:26px; }

.ind-btn { display:inline-flex; align-items:center; gap:6px; padding:14px 32px; font-size:15px; font-weight:700; border-radius:999px; text-decoration:none; transition: all .2s ease; }

.ind-btn-light { background:#fff; color:#1a365d; }

.ind-btn-light:hover { gap:10px; background:#e6edf7; }

.ind-btn-outline { background: transparent; color:#fff; border:1px solid rgba(255,255,255,0.4); }

.ind-btn-outline:hover { background: rgba(255,255,255,0.1); gap:10px; }

.ind-hero-certs { display:flex; gap:12px; flex-wrap:wrap; }

.ind-cert { display:inline-flex; align-items:center; padding:8px 14px; border-radius:999px; background: rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.12); font-size:12px; font-weight:600; color: rgba(255,255,255,0.8); }

.ind-hero-media { flex:1 1 320px; max-width:420px; }

.ind-hero-card { border-radius:14px; overflow:hidden; border:1px solid rgba(255,255,255,0.15); aspect-ratio:4/3; background: rgba(255,255,255,0.05); }

.ind-hero-card img { width:100%; height:100%; object-fit:cover; display:block; }

.ind-hero-fallback { width:100%; height:100%; display:flex; align-items:center; justify-content:center; background: linear-gradient(135deg,#f0f4ff 0%,#e0e7ff 100%); }

.ind-hero-fallback svg { width:84px; height:84px; color: #93a4c4; }

.ind-stats { background:#0b1929; padding:44px 0; }

.ind-stats-grid { display:grid; grid-template-columns: repeat(4,1fr); gap:28px; text-align:center; }

.ind-stat h3 { font-size:34px; font-weight:900; color:#fff; margin-bottom:6px; letter-spacing:-0.02em; }

.ind-stat p { font-size:13px; color: rgba(255,255,255,0.6); text-transform:uppercase; letter-spacing:0.5px; font-weight:500; }

.ind-why-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:24px; }

.ind-why-card { background:#fff; border:1px solid #e2e8f0; border-radius:16px; padding:30px; transition: all .3s ease; }

.ind-why-card:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(15,23,42,0.08); border-color:#2563eb; }

.ind-why-num { font-size:30px; font-weight:900; color:#2563eb; opacity:0.25; margin-bottom:10px; }

.ind-why-card h4 { font-size:20px; font-weight:800; color:#0f172a; margin-bottom:10px; }

.ind-why-card p { font-size:14px; color:#475569; line-height:1.7; }

.ind-steps { display:grid; grid-template-columns: repeat(5,1fr); gap:20px; }

.ind-step { background:#fff; border:1px solid #e2e8f0; border-radius:16px; padding:26px 22px; text-align:center; transition: all .3s ease; }

.ind-step:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(15,23,42,0.08); }

.ind-step-num { width:52px; height:52px; margin:0 auto 14px; border-radius:50%; background: linear-gradient(135deg,#2563eb,#1e40af); color:#fff; display:flex; align-items:center; justify-content:center; font-size:22px; font-weight:900; }

.ind-step h4 { font-size:16px; font-weight:700; color:#0f172a; margin-bottom:8px; }

.ind-step p { font-size:13px; color:#64748b; line-height:1.65; }

.ind-svc-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:20px; }

.ind-svc-card { background:#fff; border:1px solid #e2e8f0; border-radius:16px; padding:26px; text-decoration:none; color:inherit; transition: all .3s ease; display:flex; flex-direction:column; gap:10px; }

.ind-svc-card:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(15,23,42,0.08); border-color:#2563eb; }

.ind-svc-ico { width:46px; height:46px; border-radius:12px; background: linear-gradient(135deg, rgba(37,99,235,0.1), rgba(37,99,235,0.04)); display:flex; align-items:center; justify-content:center; }

.ind-svc-ico svg { width:24px; height:24px; color:#2563eb; }

.ind-svc-card h4 { font-size:17px; font-weight:700; color:#0f172a; }

.ind-svc-more { font-size:13px; font-weight:600; color:#2563eb; }

.ind-mat-grid { display:grid; grid-template-columns: repeat(2,1fr); gap:20px; }

.ind-mat-card { background:#fff; border:1px solid #e2e8f0; border-radius:16px; padding:26px; text-decoration:none; color:inherit; display:flex; align-items:center; gap:16px; transition: all .3s ease; }

.ind-mat-card:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(15,23,42,0.08); border-color:#2563eb; }

.ind-mat-ico { width:50px; height:50px; flex-shrink:0; border-radius:12px; background: linear-gradient(135deg, rgba(37,99,235,0.1), rgba(37,99,235,0.04)); display:flex; align-items:center; justify-content:center; }

.ind-mat-ico svg { width:26px; height:26px; color:#2563eb; }

.ind-mat-card h4 { font-size:18px; font-weight:800; color:#0f172a; margin-bottom:4px; }

.ind-mat-card p { font-size:13px; color:#64748b; line-height:1.5; }

.ind-mat-arrow { margin-left:auto; font-size:24px; color:#2563eb; font-weight:700; }

.ind-apps { list-style:none; padding:0; margin:0; display:grid; grid-template-columns: repeat(3,1fr); gap:14px; }

.ind-apps li { background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:16px 18px; font-size:14px; font-weight:500; color:#334155; position:relative; padding-left:42px; }

.ind-apps li::before { content:''; position:absolute; left:16px; top:50%; transform:translateY(-50%); width:12px; height:12px; border-radius:3px; background:#2563eb; }

.ind-rel-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:20px; }

.ind-rel-card { background:#fff; border:1px solid #e2e8f0; border-radius:16px; padding:26px; text-decoration:none; color:inherit; transition: all .3s ease; display:flex; flex-direction:column; gap:10px; }

.ind-rel-card:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(15,23,42,0.08); border-color:#2563eb; }

.ind-rel-ico { width:46px; height:46px; border-radius:12px; background: linear-gradient(135deg, rgba(37,99,235,0.1), rgba(37,99,235,0.04)); display:flex; align-items:center; justify-content:center; }

.ind-rel-ico svg { width:24px; height:24px; color:#2563eb; }

.ind-rel-card h4 { font-size:18px; font-weight:700; color:#0f172a; }

.ind-rel-more { font-size:13px; font-weight:600; color:#2563eb; }

.ind-cta { padding:76px 0; background: linear-gradient(135deg,#0a1628 0%,#1a365d 100%); text-align:center; }

.ind-cta h2 { color:#fff; font-size:34px; font-weight:800; margin-bottom:14px; }

.ind-cta p { color: rgba(255,255,255,0.8); font-size:16px; max-width:640px; margin:0 auto 28px; line-height:1.7; }

.ind-cta-btns { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }

@media (max-width: 1024px) {

    .ind-hero-inner { flex-direction:column; align-items:flex-start; }

    .ind-hero-media { max-width:100%; width:100%; }

    .ind-why-grid { grid-template-columns: repeat(2,1fr); }

    .ind-steps { grid-template-columns: repeat(3,1fr); }

    .ind-svc-grid { grid-template-columns: repeat(2,1fr); }

    .ind-apps { grid-template-columns: repeat(2,1fr); }

    .ind-rel-grid { grid-template-columns: repeat(2,1fr); }

    .ind-mat-grid { grid-template-columns: 1fr; }

}

@media (max-width: 768px) {

    .ind-hero-text h1 { font-size:34px; }

    .ind-stats-grid { grid-template-columns: repeat(2,1fr); gap:22px; }

    .ind-why-grid { grid-template-columns: 1fr; }

    .ind-steps { grid-template-columns: 1fr; }

    .ind-svc-grid { grid-template-columns: 1fr; }

    .ind-apps { grid-template-columns: 1fr; }

    .ind-rel-grid { grid-template-columns: 1fr; }

}

/* ===== [STYLEATTR-FALLBACK-BEGIN] 由 _tools/_t_styleattr_responsive.js 生成，勿手改 =====
   原机制：protolabs-style.css 用 [style*="…"] 命中行内样式串做移动端降级；
   这些元素的内联样式外置后属性选择器不再命中，移动端会退回桌面尺寸。
   下面按类名重绘同样的降级，声明与 protolabs 逐字一致（含 !important）。 ===== */

@media (max-width: 1024px) {
    .ind-stats-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .ind-why-grid {
        grid-template-columns: 1fr !important;
    }
    .ind-svc-grid {
        grid-template-columns: 1fr !important;
    }
    .ind-apps {
        grid-template-columns: 1fr !important;
    }
    .ind-rel-grid {
        grid-template-columns: 1fr !important;
    }
    .ind-steps {
        grid-template-columns: 1fr !important;
    }
    .ind-hero-inner {
        gap: 24px !important;
    }
    .ind-hero-card {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 480px) {
    .ind-stats-grid {
        grid-template-columns: 1fr !important;
    }
    .ind-why-grid {
        grid-template-columns: 1fr !important;
    }
    .ind-svc-grid {
        grid-template-columns: 1fr !important;
    }
    .ind-apps {
        grid-template-columns: 1fr !important;
    }
    .ind-rel-grid {
        grid-template-columns: 1fr !important;
    }
    .ind-steps {
        grid-template-columns: 1fr !important;
    }
    .ind-mat-grid {
        grid-template-columns: 1fr !important;
    }
    .ind-why-grid {
        gap: 16px !important;
    }
}
.ind-hero-card {
    aspect-ratio: 16 / 9 !important;
    width: 460px !important;
    max-width: 100% !important;
    margin-left: auto;
    margin-right: auto;
}
/* ===== [STYLEATTR-FALLBACK-END] ===== */