/* 页面级样式 — 提取自 网站前端模板/business.html */

/* ================= 业务页专属布局 ================= */
:root{--biz-art-op:.15}          /* 深色模式下 Hero 背景图透明度 10% */
html[data-theme="light"]{--biz-art-op:.15}

/* --- Hero：渐变横幅 + 四宫格入口 --- */
.biz-hero{position:relative;overflow:hidden;padding:150px 0 110px;
  background-image:
    radial-gradient(ellipse 60% 80% at 8% 0%,rgba(34,211,238,.13),transparent 60%),
    radial-gradient(ellipse 55% 70% at 95% 100%,rgba(139,92,246,.13),transparent 60%),
    radial-gradient(ellipse 40% 50% at 70% 10%,rgba(59,130,246,.1),transparent 60%);
  background-repeat:no-repeat;background-color:var(--bg)}
/* 背景图独立成层，便于控制透明度 */
.biz-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:url("/assets/images/banner2.jpg") center/cover no-repeat;opacity:var(--biz-art-op)}
.biz-hero>*{position:relative;z-index:1}
.biz-hero .inner{max-width:880px;margin:0 auto;text-align:center;padding:0 32px}
.biz-hero h1{font-size:clamp(34px,5.4vw,60px);font-weight:900;line-height:1.25}
.biz-hero .sub{margin-top:20px;color:var(--txt2);font-size:16px}
.biz-entries{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:56px}
.biz-entry{display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 14px;border-radius:18px;
  border:1px solid var(--line2);background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01));
  backdrop-filter:blur(8px);transition:.4s cubic-bezier(.22,.9,.3,1)}
.biz-entry:hover{transform:translateY(-8px);border-color:var(--cyan)}
.biz-entry .em{font-size:34px}
.biz-entry b{font-size:16px}
.biz-entry small{font-family:var(--mono);font-size:10px;color:var(--txt3);letter-spacing:.18em}
/* 四种业务入口：各自不同的渐变底色 */
.biz-entry:nth-child(1){background:linear-gradient(160deg,rgba(59,130,246,.14),rgba(59,130,246,.02))}
.biz-entry:nth-child(2){background:linear-gradient(160deg,rgba(34,211,238,.13),rgba(34,211,238,.02))}
.biz-entry:nth-child(3){background:linear-gradient(160deg,rgba(52,211,153,.13),rgba(52,211,153,.02))}
.biz-entry:nth-child(4){background:linear-gradient(160deg,rgba(139,92,246,.15),rgba(139,92,246,.03))}
.biz-entry:nth-child(5){background:linear-gradient(160deg,rgba(245,158,11,.14),rgba(245,158,11,.02))}
.biz-entry:nth-child(1):hover{box-shadow:0 24px 50px rgba(59,130,246,.22);border-color:rgba(59,130,246,.6)}
.biz-entry:nth-child(2):hover{box-shadow:0 24px 50px rgba(34,211,238,.22);border-color:rgba(34,211,238,.6)}
.biz-entry:nth-child(3):hover{box-shadow:0 24px 50px rgba(52,211,153,.22);border-color:rgba(52,211,153,.6)}
.biz-entry:nth-child(4):hover{box-shadow:0 24px 50px rgba(139,92,246,.25);border-color:rgba(139,92,246,.6)}
.biz-entry:nth-child(5):hover{box-shadow:0 24px 50px rgba(245,158,11,.22);border-color:rgba(245,158,11,.6)}
.biz-entry:nth-child(6){background:linear-gradient(160deg,rgba(251,113,133,.15),rgba(251,113,133,.03))}
.biz-entry:nth-child(6):hover{box-shadow:0 24px 50px rgba(251,113,133,.22);border-color:rgba(251,113,133,.6)}
@media(max-width:1180px){.biz-entries{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){.biz-entries{grid-template-columns:1fr 1fr}}

/* --- 业务分区：四种不同主题底色 --- */
.biz{padding:100px 0;scroll-margin-top:90px;position:relative;overflow:hidden}
.biz-soft{background:linear-gradient(180deg,transparent,rgba(59,130,246,.05) 30%,rgba(59,130,246,.05) 70%,transparent)}
.biz-web{background:linear-gradient(180deg,transparent,rgba(34,211,238,.05) 30%,rgba(34,211,238,.05) 70%,transparent)}
.biz-mon{background:linear-gradient(180deg,transparent,rgba(52,211,153,.05) 30%,rgba(52,211,153,.05) 70%,transparent)}
.biz-si{background:linear-gradient(180deg,transparent,rgba(139,92,246,.06) 30%,rgba(139,92,246,.06) 70%,transparent)}
.biz-ai{background:linear-gradient(180deg,transparent,rgba(245,158,11,.06) 30%,rgba(245,158,11,.06) 70%,transparent)}

.biz-head{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;flex-wrap:wrap;margin-bottom:48px}
.biz-head .num{font-family:var(--mono);font-size:clamp(70px,9vw,120px);font-weight:800;line-height:.8;opacity:.14;user-select:none}
.biz-soft .biz-head .num{color:var(--blue)}
.biz-web .biz-head .num{color:var(--cyan)}
.biz-mon .biz-head .num{color:var(--green)}
.biz-si .biz-head .num{color:var(--violet)}
.biz-ai .biz-head .num{color:var(--amber)}
.biz-train{background:linear-gradient(180deg,transparent,rgba(251,113,133,.06) 30%,rgba(251,113,133,.06) 70%,transparent)}
.biz-train .biz-head .num{color:var(--rose)}
.biz-head h2{font-size:clamp(28px,4vw,44px);font-weight:900}
.biz-head h2 .en{display:block;font-family:var(--mono);font-size:12px;font-weight:400;color:var(--txt3);letter-spacing:.4em;margin-top:10px}
.biz-head .badge-line{display:flex;gap:10px;flex-wrap:wrap}

/* 大渐变徽章 */
.gbadge{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;font-size:13px;font-weight:600;color:#fff}
.biz-soft .gbadge{background:linear-gradient(120deg,#3b82f6,#22d3ee)}
.biz-web .gbadge{background:linear-gradient(120deg,#22d3ee,#3b82f6)}
.biz-mon .gbadge{background:linear-gradient(120deg,#34d399,#22d3ee)}
.biz-si .gbadge{background:linear-gradient(120deg,#8b5cf6,#3b82f6)}
.biz-ai .gbadge{background:linear-gradient(120deg,#f59e0b,#fb7185)}
.biz-train .gbadge{background:linear-gradient(120deg,#fb7185,#8b5cf6)}

/* --- 软件开发：左文右代码插画 + 步骤时间轴 --- */
.soft-split{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;margin-bottom:60px}
.code-art{border-radius:18px;overflow:hidden;border:1px solid var(--line2);background:#0a0f1c;box-shadow:var(--shadow)}
.code-art svg{display:block;width:100%;height:auto}
.soft-feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:44px 0 10px}
.soft-feat{padding:20px 22px;border-radius:14px;border:1px solid var(--line);background:var(--veil);transition:.35s}
.soft-feat:hover{border-color:var(--blue);transform:translateY(-4px)}
.soft-feat b{display:flex;gap:10px;align-items:center;font-size:15px}
.soft-feat span{display:block;margin-top:8px;font-size:13px;color:var(--txt2)}

/* --- 网站建设：浏览器插画 + 横向流程 --- */
.web-art{border-radius:18px;overflow:hidden;border:1px solid var(--line2);box-shadow:var(--shadow);margin-bottom:52px}
.web-art svg{display:block;width:100%;height:auto;background:#0a0f1c}
.web-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:48px}
.web-col{border-radius:18px;border:1px solid var(--line);padding:28px;background:linear-gradient(160deg,var(--panel),var(--panel2));position:relative;overflow:hidden;transition:.4s}
.web-col:hover{transform:translateY(-6px);border-color:var(--cyan);box-shadow:var(--shadow)}
.web-col::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#22d3ee,#3b82f6);opacity:0;transition:.4s}
.web-col:hover::before{opacity:1}
.web-col .em{font-size:32px}
.web-col h4{font-size:17px;font-weight:800;margin:12px 0 8px}
.web-col p{font-size:13.5px;color:var(--txt2)}

/* --- 视频监控：左右插画+矩阵 --- */
.mon-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:52px;align-items:center;margin-bottom:26px}
.mon-art{border-radius:18px;overflow:hidden;border:1px solid var(--line2);box-shadow:var(--shadow);background:#0a0f1c}
.mon-art svg{display:block;width:100%;height:auto}
.mon-feats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px}
.mon-feat{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--veil)}
.mon-feat .em{font-size:22px}
.mon-feat b{font-size:14px}
.mon-feat small{display:block;font-family:var(--mono);font-size:10px;color:var(--txt3);letter-spacing:.1em}
@media(max-width:960px){.mon-split{grid-template-columns:1fr}.mon-feats{grid-template-columns:1fr}}

/* --- 系统集成：拓扑 + 能力卡 --- */
.si-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:48px}
.si-card{padding:26px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(160deg,var(--panel),var(--panel2));transition:.4s;position:relative;overflow:hidden}
.si-card:hover{transform:translateY(-6px);border-color:var(--violet);box-shadow:0 20px 46px rgba(139,92,246,.18)}
.si-card .em{font-size:30px}
.si-card h4{font-size:16.5px;font-weight:800;margin:12px 0 8px}
.si-card p{font-size:13px;color:var(--txt2)}
.si-card .glow{position:absolute;width:170px;height:170px;border-radius:50%;filter:blur(56px);background:var(--violet);opacity:.12;right:-40px;top:-40px}

@media(max-width:960px){.soft-split{grid-template-columns:1fr}}
/* 浅色模式适配 */
html[data-theme="light"] .biz-entry{border-color:rgba(37,99,235,.14)}
html[data-theme="light"] .biz-entry:nth-child(1){background:linear-gradient(160deg,#eff6ff,#f8fbff);border-color:rgba(59,130,246,.18)}
html[data-theme="light"] .biz-entry:nth-child(2){background:linear-gradient(160deg,#ecfeff,#f4fffe);border-color:rgba(34,211,238,.18)}
html[data-theme="light"] .biz-entry:nth-child(3){background:linear-gradient(160deg,#ecfdf5,#f6fdfb);border-color:rgba(52,211,153,.18)}
html[data-theme="light"] .biz-entry:nth-child(4){background:linear-gradient(160deg,#f5f3ff,#fbfaff);border-color:rgba(139,92,246,.2)}
html[data-theme="light"] .biz-entry:nth-child(5){background:linear-gradient(160deg,#fffbeb,#fffdf8);border-color:rgba(245,158,11,.2)}
html[data-theme="light"] .biz-entry:nth-child(6){background:linear-gradient(160deg,#fff1f2,#fffafb);border-color:rgba(251,113,133,.2)}
html[data-theme="light"] .code-art svg,html[data-theme="light"] .web-art svg,html[data-theme="light"] .mon-art svg{border-radius:inherit}


    .faq-list{max-width:900px;margin:8px auto 0;display:grid;gap:14px}
    .faq-item{position:relative;overflow:hidden;--accent:#22d3ee;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(120,160,200,.16);border-left:3px solid var(--accent);border-radius:16px;padding:20px 22px;transition:.35s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 22px -16px var(--accent)}
    .faq-item h3{position:relative;font-size:16.5px;font-weight:700;margin:0 0 8px;color:var(--txt)}
    .faq-item h3::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:9px;background:var(--accent);box-shadow:0 0 10px var(--accent);vertical-align:middle}
    .faq-item p{position:relative;margin:0;color:var(--txt2);line-height:1.85;font-size:14.5px}
    .faq-item:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 14px 38px -12px var(--accent)}
    .faq-item:nth-child(1){--accent:#22d3ee}
    .faq-item:nth-child(2){--accent:#3b82f6}
    .faq-item:nth-child(3){--accent:#8b5cf6}
    .faq-item:nth-child(4){--accent:#34d399}
    .faq-item:nth-child(5){--accent:#f59e0b}
    .faq-item:nth-child(6){--accent:#fb7185}