/* ==================================================
   qy_composite · home.css
   综合解决方案集成商 · 深空蓝 + 银白
   ================================================== */

/* ---------- HERO ---------- */
.qyx-hero{position:relative;padding:96px 0 80px;background:radial-gradient(circle at 30% 20%,rgba(30,58,138,.55),transparent 60%),#0a0f1c;color:#e2e8f0;overflow:hidden}
.qyx-hero-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.06) 1px,transparent 1px);background-size:60px 60px;mask:radial-gradient(circle at 50% 40%,#000 30%,transparent 75%);-webkit-mask:radial-gradient(circle at 50% 40%,#000 30%,transparent 75%);pointer-events:none}
.qyx-hero-inner{position:relative;z-index:2}
.qyx-hero-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:rgba(30,58,138,.4);border:1px solid rgba(203,213,225,.3);color:#cbd5e1;font-size:13px;margin-bottom:18px}
.qyx-hero-title{font-size:46px;font-weight:800;line-height:1.18;color:#f8fafc;margin-bottom:18px}
.qyx-grad{background:linear-gradient(90deg,#cbd5e1,#60a5fa,#cbd5e1);-webkit-background-clip:text;background-clip:text;color:transparent}
.qyx-hero-desc{font-size:17px;color:#94a3b8;line-height:1.8;margin-bottom:22px}
.qyx-hero-bullets{list-style:none;padding:0;margin:0 0 28px}
.qyx-hero-bullets li{padding:6px 0;color:#cbd5e1;font-size:15px}
.qyx-hero-bullets i{color:#60a5fa;margin-right:8px}
.qyx-hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.qyx-btn-main{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:12px;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border:none;color:#fff!important;text-align:left;box-shadow:0 10px 28px rgba(30,58,138,.45)}
.qyx-btn-main i{font-size:22px}
.qyx-btn-main strong{display:block;font-size:15px}
.qyx-btn-main small{display:block;font-size:11px;opacity:.85}
.qyx-btn-sub{padding:14px 22px;border-radius:12px;border:1px solid rgba(203,213,225,.4);color:#e2e8f0!important}

/* HERO 视觉 · 9 节点轨道 */
.qyx-hero-visual{position:relative;height:480px}
.qyx-orbit{position:relative;width:100%;height:100%}
.qyx-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,#3b82f6 0%,#1e3a8a 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 60px rgba(59,130,246,.55),inset 0 0 30px rgba(255,255,255,.1);z-index:5}
.qyx-core i{font-size:40px;margin-bottom:6px}
.qyx-core span{font-size:14px;font-weight:700;letter-spacing:1px}
.qyx-orbit::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:380px;height:380px;border:1px dashed rgba(148,163,184,.3);border-radius:50%}
.qyx-orbit::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:260px;height:260px;border:1px dashed rgba(148,163,184,.2);border-radius:50%}
.qyx-node{position:absolute;width:78px;height:78px;border-radius:50%;background:linear-gradient(135deg,rgba(30,58,138,.85),rgba(15,23,42,.85));border:1px solid rgba(203,213,225,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e2e8f0;box-shadow:0 8px 22px rgba(0,0,0,.4);transition:transform .3s}
.qyx-node:hover{transform:scale(1.1);border-color:#60a5fa}
.qyx-node i{font-size:20px;color:#93c5fd;margin-bottom:2px}
.qyx-node b{font-size:11px;font-weight:600}
.qyx-n1{top:6%;left:50%;transform:translateX(-50%)}
.qyx-n2{top:15%;right:8%}
.qyx-n3{top:46%;right:0}
.qyx-n4{bottom:15%;right:8%}
.qyx-n5{bottom:6%;left:50%;transform:translateX(-50%)}
.qyx-n6{bottom:15%;left:8%}
.qyx-n7{top:46%;left:0}
.qyx-n8{top:15%;left:8%}
.qyx-n9{top:30%;left:50%;transform:translateX(-50%)}

/* ---------- 公共 SECTION ---------- */
.qyx-sec{padding:80px 0;background:#0a0f1c;color:#cbd5e1}
.qyx-sec-head{margin-bottom:48px}
.qyx-sec-head.text-center{text-align:center}
.qyx-sec-head:not(.text-center){display:flex;justify-content:space-between;align-items:flex-end}
.qyx-eyebrow{display:inline-block;padding:4px 12px;border:1px solid rgba(96,165,250,.4);border-radius:999px;color:#60a5fa;font-size:12px;letter-spacing:2px;margin-bottom:12px}
.qyx-sec-title{font-size:34px;font-weight:800;color:#f1f5f9;margin-bottom:8px}
.qyx-sec-sub{color:#94a3b8;font-size:15px}
.qyx-more{color:#60a5fa;text-decoration:none;font-size:14px}

/* ---------- SOLUTIONS ---------- */
.qyx-sol-card{height:100%;padding:28px 22px;border-radius:14px;background:linear-gradient(165deg,rgba(30,58,138,.25),rgba(15,23,42,.6));border:1px solid rgba(203,213,225,.12);transition:all .3s}
.qyx-sol-card:hover{border-color:#60a5fa;transform:translateY(-6px);box-shadow:0 18px 40px rgba(30,58,138,.3)}
.qyx-sol-ic{width:54px;height:54px;border-radius:12px;background:linear-gradient(135deg,#1e3a8a,#3b82f6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;margin-bottom:16px}
.qyx-sol-card h3{font-size:18px;font-weight:700;color:#f1f5f9;margin-bottom:8px}
.qyx-sol-card>p{font-size:13px;color:#94a3b8;margin-bottom:14px;line-height:1.6}
.qyx-sol-card ul{list-style:none;padding:0;margin:0;border-top:1px dashed rgba(203,213,225,.15);padding-top:12px}
.qyx-sol-card ul li{font-size:13px;padding:4px 0;color:#cbd5e1}
.qyx-sol-card ul li::before{content:"✓ ";color:#60a5fa;font-weight:700}

/* ---------- MATRIX 9 大产品矩阵 ---------- */
.qyx-matrix{background:#0d1424}
.qyx-matrix-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.qyx-mx{position:relative;padding:24px 20px;border-radius:14px;background:rgba(15,23,42,.6);border:1px solid rgba(96,165,250,.18);overflow:hidden;transition:all .3s}
.qyx-mx::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#3b82f6,#cbd5e1)}
.qyx-mx:hover{transform:translateY(-4px);border-color:#60a5fa}
.qyx-mx-ic{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,#1e3a8a,#0ea5e9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:12px}
.qyx-mx h4{font-size:17px;font-weight:700;color:#f1f5f9;margin-bottom:6px}
.qyx-mx p{font-size:13px;color:#94a3b8;margin-bottom:10px;line-height:1.55}
.qyx-mx-cnt{display:inline-block;padding:3px 10px;border-radius:999px;background:rgba(59,130,246,.18);border:1px solid rgba(96,165,250,.35);color:#93c5fd;font-size:12px;font-weight:600}

/* ---------- INDUSTRIES ---------- */
.qyx-ind-card{position:relative;height:100%;padding:32px 26px 26px;border-radius:14px;background:linear-gradient(135deg,rgba(30,58,138,.3),rgba(15,23,42,.55));border:1px solid rgba(203,213,225,.15);transition:all .3s;overflow:hidden}
.qyx-ind-card:hover{transform:translateY(-4px);border-color:#cbd5e1}
.qyx-ind-no{position:absolute;top:14px;right:18px;font-size:42px;font-weight:900;color:rgba(96,165,250,.18);font-family:Georgia,serif}
.qyx-ind-card h4{font-size:18px;font-weight:700;color:#f1f5f9;margin-bottom:12px}
.qyx-ind-card h4 i{color:#60a5fa;margin-right:6px}
.qyx-ind-card p{font-size:14px;color:#cbd5e1;line-height:1.7;margin-bottom:14px}
.qyx-ind-tag{display:inline-block;padding:5px 12px;border-radius:999px;background:rgba(59,130,246,.2);color:#93c5fd;font-size:12px;border:1px dashed rgba(96,165,250,.5)}

/* ---------- CASES ---------- */
.qyx-cases{background:#0d1424}
.qyx-case{height:100%;border-radius:14px;overflow:hidden;background:#0a0f1c;border:1px solid rgba(203,213,225,.1);transition:all .3s}
.qyx-case:hover{transform:translateY(-6px);border-color:#60a5fa;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.qyx-case-cover{position:relative;height:170px;display:flex;align-items:flex-end;padding:18px}
.qyx-cv-1{background:linear-gradient(135deg,#7c2d12,#c2410c)}
.qyx-cv-2{background:linear-gradient(135deg,#0e7490,#06b6d4)}
.qyx-cv-3{background:linear-gradient(135deg,#9d174d,#ec4899)}
.qyx-case-loc{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;font-size:12px;backdrop-filter:blur(6px)}
.qyx-case-body{padding:22px 20px}
.qyx-case-body h4{font-size:18px;font-weight:700;color:#f1f5f9;margin-bottom:6px}
.qyx-case-tag{font-size:12px;color:#60a5fa;margin-bottom:14px;padding-bottom:14px;border-bottom:1px dashed rgba(203,213,225,.15)}
.qyx-case-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none;padding:0;margin:0}
.qyx-case-kpi li{text-align:center}
.qyx-case-kpi b{display:block;font-size:18px;color:#60a5fa;font-weight:700}
.qyx-case-kpi span{font-size:11px;color:#94a3b8}

/* ---------- SERVICES ---------- */
.qyx-svc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.qyx-svc{position:relative;padding:24px 18px;border-radius:14px;background:linear-gradient(165deg,rgba(30,58,138,.3),rgba(10,15,28,.6));border:1px solid rgba(203,213,225,.15);text-align:center;transition:all .3s}
.qyx-svc:hover{transform:translateY(-6px);border-color:#60a5fa}
.qyx-svc-step{position:absolute;top:10px;right:14px;font-size:14px;color:#60a5fa;font-weight:700;letter-spacing:1px}
.qyx-svc i{font-size:28px;color:#60a5fa;margin-bottom:10px;display:block}
.qyx-svc h5{font-size:15px;font-weight:700;color:#f1f5f9;margin-bottom:6px}
.qyx-svc p{font-size:12px;color:#94a3b8;margin:0;line-height:1.5}
@media(max-width:992px){.qyx-svc-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:576px){.qyx-svc-grid{grid-template-columns:repeat(2,1fr)}}

/* ---------- VOICES ---------- */
.qyx-voices{background:#0d1424}
.qyx-voice{position:relative;height:100%;padding:30px 26px 22px;border-radius:14px;background:linear-gradient(165deg,rgba(30,58,138,.25),rgba(15,23,42,.55));border:1px solid rgba(203,213,225,.12)}
.qyx-voice-q{position:absolute;top:18px;right:22px;font-size:38px;color:rgba(96,165,250,.18)}
.qyx-voice p{font-size:15px;color:#e2e8f0;line-height:1.85;margin-bottom:22px;font-style:italic}
.qyx-voice-who{display:flex;align-items:center;gap:12px;border-top:1px dashed rgba(203,213,225,.15);padding-top:16px}
.qyx-voice-avatar{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:18px}
.qyx-vav-1{background:linear-gradient(135deg,#1e3a8a,#3b82f6)}
.qyx-vav-2{background:linear-gradient(135deg,#0e7490,#06b6d4)}
.qyx-vav-3{background:linear-gradient(135deg,#9d174d,#ec4899)}
.qyx-voice-who h6{margin:0;font-size:14px;color:#f1f5f9;font-weight:700}
.qyx-voice-who small{font-size:11px;color:#94a3b8}

/* ---------- CTA BAND ---------- */
.qyx-cta-band{padding:64px 0;background:linear-gradient(135deg,#1e3a8a,#0ea5e9);text-align:center;color:#fff}
.qyx-cta-band h2{font-size:32px;font-weight:800;margin-bottom:8px}
.qyx-cta-band p{font-size:15px;opacity:.92;margin-bottom:22px}
.qyx-cta-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}

/* ---------- NEWS ---------- */
.qyx-news{background:#0a0f1c}
.qyx-news-cat{height:100%;padding:24px 20px;border-radius:14px;background:rgba(30,58,138,.18);border:1px solid rgba(203,213,225,.12)}
.qyx-news-cat h5{font-size:16px;font-weight:700;color:#f1f5f9;margin-bottom:14px;padding-bottom:12px;border-bottom:1px dashed rgba(96,165,250,.3)}
.qyx-news-cat h5 i{color:#60a5fa;margin-right:6px}
.qyx-news-list{list-style:none;padding:0;margin:0}
.qyx-news-list li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed rgba(203,213,225,.08);font-size:13px}
.qyx-news-list li:last-child{border-bottom:none}
.qyx-news-list a{color:#cbd5e1;text-decoration:none;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qyx-news-list a:hover{color:#60a5fa}
.qyx-news-date{color:#64748b;font-size:12px}

/* ---------- 响应式 ---------- */
@media(max-width:992px){
  .qyx-hero-title{font-size:34px}
  .qyx-hero-visual{height:380px;margin-top:30px}
  .qyx-matrix-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:576px){
  .qyx-hero{padding:64px 0 48px}
  .qyx-hero-title{font-size:26px}
  .qyx-sec{padding:56px 0}
  .qyx-sec-title{font-size:24px}
  .qyx-matrix-grid{grid-template-columns:1fr}
  .qyx-hero-visual{height:300px}
  .qyx-core{width:100px;height:100px}
  .qyx-core i{font-size:28px}
  .qyx-node{width:60px;height:60px}
  .qyx-node i{font-size:14px}
  .qyx-node b{font-size:9px}
  .qyx-orbit::before{width:280px;height:280px}
  .qyx-orbit::after{width:180px;height:180px}
  .qyx-sec-head:not(.text-center){flex-direction:column;align-items:flex-start;gap:8px}
}


/* =================================================== */
/* MOBILE ENHANCED · 旧模板通用 H5 自适应规则           */
/* =================================================== */
.qyx-hero img, .qyx-solutions img, .qyx-data img, .qyx-news img, .qyx-tiers img { max-width: 100%; height: auto; }

@media (max-width: 991.98px) {
  .qyx-hero { padding: 80px 20px 60px; }
  .qyx-hero h1, .qyx-hero .qyx-h1 { font-size: 48px !important; line-height: 1.05 !important; }
  .qyx-hero-lead, .qyx-hero p { font-size: 16px !important; line-height: 1.7 !important; }
}

@media (max-width: 768px) {
  /* Hero 放大 */
  .qyx-hero { padding: 72px 20px 56px; }
  .qyx-hero h1, .qyx-hero .qyx-h1 { font-size: 40px !important; line-height: 1.1 !important; }
  .qyx-hero h1 em, .qyx-hero .qyx-h1 em { font-size: 40px !important; }
  .qyx-hero-tag { font-size: 12px !important; padding: 8px 14px !important; margin-bottom: 24px !important; }
  .qyx-hero-lead, .qyx-hero p { font-size: 15px !important; line-height: 1.75 !important; margin-bottom: 24px !important; }
  .qyx-hero-cta { display: flex; flex-direction: column; gap: 10px; margin-top: 24px; }
  .qyx-hero-cta a { padding: 16px 20px !important; font-size: 15px !important; width: 100%; box-sizing: border-box; text-align: center; border-radius: 10px !important; min-height: 48px; }
  /* Stats 改 2 列 */
  .qyx-hero-stats, .qyx-hero-numbers { grid-template-columns: 1fr 1fr !important; gap: 0 !important; margin-top: 32px !important; }
  .qyx-hero-stats div, .qyx-num-cell { padding: 18px 14px !important; border-bottom: 1px solid rgba(255,255,255,.1); }
  .qyx-hero-stats strong, .qyx-hero-stats b, .qyx-num-cell strong { font-size: 28px !important; }
  .qyx-hero-stats span, .qyx-num-cell span { font-size: 12px !important; }
  /* Sections 网格改单列 */
  .qyx-solutions, .qyx-data, .qyx-tiers, .qyx-news, .qyx-final, .qyx-features { padding: 56px 0 !important; }
  .qyx-sol-grid, .qyx-tier-grid, .qyx-news-grid, .qyx-sol, .qyx-cabs, .qyx-tokens, .qyx-grid { grid-template-columns: 1fr !important; gap: 14px !important; }
  .qyx-sol-card, .qyx-tier-card, .qyx-news-card, .qyx-sol, .qyx-cab, .qyx-tok { padding: 24px 20px !important; border-radius: 12px !important; }
  .qyx-sol-card h3, .qyx-tier-card h3, .qyx-news-card h3 { font-size: 18px !important; }
  .qyx-sol-card p, .qyx-tier-card p, .qyx-news-card p { font-size: 14px !important; line-height: 1.7 !important; }
  /* Section title */
  .qyx-sec-title, .qyx-sec-head h2, .qyx-final h2 { font-size: 26px !important; line-height: 1.25 !important; }
  .qyx-sec-sub, .qyx-sec-head p { font-size: 14px !important; }
  /* Final CTA 竖排 */
  .qyx-final { padding: 56px 20px !important; }
  .qyx-final-actions { flex-direction: column; gap: 10px; }
  .qyx-final-actions a, .qyx-final-actions .btn { width: 100%; box-sizing: border-box; padding: 14px 20px !important; font-size: 15px !important; min-height: 48px; border-radius: 10px !important; }
  /* Keywords chips */
  .qyx-chip-grid { gap: 6px; }
  .qyx-chip { padding: 8px 14px !important; font-size: 13px !important; }
  /* 表格横滚 */
  .qyx-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .qyx-table th, .qyx-table td { font-size: 13px !important; padding: 10px 8px !important; }
}

@media (max-width: 480px) {
  .qyx-hero h1, .qyx-hero .qyx-h1 { font-size: 32px !important; }
  .qyx-hero h1 em, .qyx-hero .qyx-h1 em { font-size: 32px !important; }
  .qyx-hero-stats strong, .qyx-hero-stats b { font-size: 22px !important; }
}