@import 'css/bootstrap.min.css';
@import 'css/font-awesome.min.css';
@import 'css/jquery.carousel-3d.default.css';
@import 'css/slick.css';
@import 'css/jquery-ui.css';
@import 'css/meanmenu.min.css';
@import 'css/animate.css';
@import 'css/material-design-iconic-font.css';
@import 'css/material-design-iconic-font.min.css';
@import 'css/style.css';
@import 'css/responsive.css';

.qz-dash-99 .qz-cards{display:flex;flex-wrap:wrap;gap:18px;justify-content:center}
			.qz-dash-99 .qz-card{flex:1 1 220px;min-width:220px;max-width:280px;background:#ffffff;border-radius:12px;box-shadow:0 6px 18px rgba(17,24,39,.08);padding:20px;text-align:center}
			.qz-dash-99 .qz-kpi{font-size:28px;font-weight:700;letter-spacing:.5px}
			.qz-dash-99 .qz-sub{color:#64748b;margin-top:6px}
			
			
	.qz-heat-11 .qz-grid{display:grid;grid-template-columns:90px repeat(24,1fr);gap:6px;align-items:center}
			.qz-heat-11 .qz-hh{font-weight:600;color:#0f172a}
			.qz-heat-11 .qz-cell{width:100%;padding-top:100%;border-radius:4px;position:relative}
			.qz-heat-11 .lv1{background:#e2e8f0}.lv2{background:#cbd5e1}.lv3{background:#94a3b8}.lv4{background:#64748b}.lv5{background:#334155}
			.qz-heat-11 .qz-legend{display:flex;gap:8px;justify-content:center;margin-top:10px;color:#64748b}
			.qz-heat-11 .qz-legend i{display:inline-block;width:14px;height:14px;border-radius:3px;vertical-align:-2px}
			
			
				.qz-pay-77 .qz-flex{display:flex;flex-wrap:wrap;gap:22px;justify-content:center}
			.qz-pay-77 .qz-ring{width:180px;height:180px;position:relative}
			.qz-pay-77 .qz-t{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}
			.qz-pay-77 .qz-t b{font-size:26px}
			.qz-pay-77 .qz-t span{color:#64748b}
			
			
	.qz-cases-55 .qz-wrap{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:16px}
			@media (max-width:992px){.qz-cases-55 .qz-wrap{grid-template-columns:repeat(2,1fr)}}
			@media (max-width:576px){.qz-cases-55 .qz-wrap{grid-template-columns:1fr}}
			.qz-cases-55 .qz-item{background:#fff;border-radius:12px;box-shadow:0 6px 18px rgba(15,23,42,.08);padding:16px}
			.qz-cases-55 .qz-h{font-weight:700;margin-bottom:8px}
			.qz-cases-55 .qz-bar{height:8px;background:#e2e8f0;border-radius:6px;overflow:hidden;margin-top:8px}
			.qz-cases-55 .qz-bar i{display:block;height:100%;background:#0f172a;width:70%}
			.qz-cases-55 .qz-mini{font-size:12px;color:#64748b;margin-top:6px}		
			
			
	.qz-flow-12 .qz-steps{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px}
			@media (max-width:992px){.qz-flow-12 .qz-steps{grid-template-columns:repeat(2,1fr)}}
			@media (max-width:576px){.qz-flow-12 .qz-steps{grid-template-columns:1fr}}
			.qz-flow-12 .qz-step{background:#fff;border-radius:12px;padding:18px;box-shadow:0 6px 18px rgba(2,6,23,.08)}
			.qz-flow-12 .qz-step i{font-size:22px;margin-right:6px;vertical-align:-3px}
			.qz-flow-12 .qz-mini{color:#64748b;margin-top:6px}
			
			
	.qz-faq-88 .qz-faq-box{background:#fff;border-radius:12px;box-shadow:0 6px 18px rgba(2,6,23,.06)}
			.qz-faq-88 details{padding:16px 18px;border-bottom:1px solid #e2e8f0}
			.qz-faq-88 details:last-child{border-bottom:0}
			.qz-faq-88 summary{cursor:pointer;font-weight:700;outline:none}
			.qz-faq-88 p{margin:10px 0 4px}
			
			
			
 .qz-what-88 {padding:60px 0;background:#f9fafb}
    .qz-what-88 .qz-box{max-width:960px;margin:0 auto;text-align:center}
    .qz-what-88 h1{font-size:32px;font-weight:700;color:#0f172a;margin-bottom:20px}
    .qz-what-88 p{font-size:16px;line-height:1.75;color:#334155;margin-bottom:16px;text-align:justify}
    .qz-what-88 img{max-width:380px;margin:24px auto;display:block;border-radius:12px;box-shadow:0 6px 18px rgba(15,23,42,.08)}			
			
			
/* =========================
   热门任务热度榜（qz-hot-77）
   ========================= */
.qz-hot-77.qz-ctn-hot.l9-pp-21 { padding-top: 8px; }
.qz-hot-77 .qz-title-hot + .qz-hot-note { color:#64748b; font-size:14px; margin-top:6px; }

.qz-hot-77 .qz-hot-list { 
  list-style:none; margin:18px auto 0; padding:0; 
  max-width: 920px;
}
.qz-hot-77 .qz-hot-li {
  display:grid; grid-template-columns: 132px 1fr 56px; align-items:center;
  gap:14px; padding:12px 14px;
  border:1px solid #e5e7eb; border-radius:14px;
  background:#f8fafc;
}
.qz-hot-77 .qz-hot-li + .qz-hot-li { margin-top:10px; }
.qz-hot-77 .qz-hot-li span { 
  font-weight:600; color:#0f172a; white-space:nowrap;
}
.qz-hot-77 .qz-hot-bar{
  display:block; height:12px; border-radius:999px;
  background:linear-gradient(90deg,#e5e7eb,#e5e7eb);
  position:relative; overflow:hidden;
}
/* 用自身宽度表现“进度条填充”，再加光泽效果 */
.qz-hot-77 .qz-hot-bar::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(90deg,#38bdf8,#0ea5e9);
}
.qz-hot-77 .qz-hot-li b{
  text-align:right; font-variant-numeric:tabular-nums; 
  color:#0ea5e9; font-weight:700;
}

/* 响应式 */
@media (max-width: 768px){
  .qz-hot-77 .qz-hot-li{ grid-template-columns: 100px 1fr 44px; }
}

/* =========================
   任务品类占比矩阵（qz-matrix-88）
   ========================= */
.qz-matrix-88.qz-ctn-mx.z1-pp-71 { padding-top: 8px; }

.qz-matrix-88 .qz-mx-grid{
  display:grid; grid-template-columns: 140px 120px 1fr;
  gap:10px 12px; max-width: 920px; margin: 10px auto 0;
  align-items:center;
}
.qz-matrix-88 .qz-mx-h{
  font-weight:700; color:#0f172a; background:#eef2ff;
  border:1px solid #e5e7eb; border-radius:10px; padding:10px 12px;
}
.qz-matrix-88 .qz-mx-grid > div{
  background:#ffffff; border:1px solid #e5e7eb;
  border-radius:10px; padding:10px 12px; color:#0f172a;
}
.qz-matrix-88 .qz-mx-bar{
  height:12px; background:#f1f5f9; border-radius:999px; overflow:hidden; position:relative;
}
.qz-matrix-88 .qz-mx-bar > i{
  display:block; height:100%; border-radius:inherit;
  background:linear-gradient(90deg,#60a5fa,#2563eb);
}

/* 斑马纹行效果（每 2 行加淡底色便于阅读） */
.qz-matrix-88 .qz-mx-grid > div:nth-child(n+4):nth-child(-n+6),
.qz-matrix-88 .qz-mx-grid > div:nth-child(n+10):nth-child(-n+12),
.qz-matrix-88 .qz-mx-grid > div:nth-child(n+16):nth-child(-n+18),
.qz-matrix-88 .qz-mx-grid > div:nth-child(n+22):nth-child(-n+24),
.qz-matrix-88 .qz-mx-grid > div:nth-child(n+28):nth-child(-n+30){
  background:#f9fafb;
}

@media (max-width:768px){
  .qz-matrix-88 .qz-mx-grid{ grid-template-columns: 110px 90px 1fr; }
}

/* =========================
   合规与透明指标墙（qz-compliance-66）
   ========================= */
.qz-compliance-66.qz-ctn-cp.t0-pp-59 { padding-top: 8px; }

.qz-compliance-66 .qz-cp-cards{
  display:grid; grid-template-columns: repeat(3, minmax(0,1fr));
  gap:14px; max-width: 980px; margin: 10px auto 0;
}
.qz-compliance-66 .qz-cp-card{
  background:#ffffff; border:1px solid #e5e7eb; border-radius:16px;
  padding:18px 16px; text-align:center;
  box-shadow:0 6px 20px rgba(2,6,23,.06);
}
.qz-compliance-66 .qz-cp-card b{
  display:block; font-size:28px; line-height:1.1; margin-bottom:6px;
  background:linear-gradient(90deg,#0ea5e9,#2563eb);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  font-variant-numeric:tabular-nums;
}
.qz-compliance-66 .qz-cp-card span{ color:#475569; font-size:14px; }

@media (max-width: 992px){
  .qz-compliance-66 .qz-cp-cards{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 600px){
  .qz-compliance-66 .qz-cp-cards{ grid-template-columns: 1fr; }
}

/* 轻微进场动效（可选） */
@media (prefers-reduced-motion: no-preference){
  .qz-hot-77 .qz-hot-li,
  .qz-matrix-88 .qz-mx-grid > div,
  .qz-compliance-66 .qz-cp-card{
    animation: qzFadeUp .5s ease both;
  }
  .qz-hot-77 .qz-hot-li:nth-child(2){ animation-delay:.05s }
  .qz-hot-77 .qz-hot-li:nth-child(3){ animation-delay:.1s }
  .qz-hot-77 .qz-hot-li:nth-child(4){ animation-delay:.15s }
  .qz-hot-77 .qz-hot-li:nth-child(5){ animation-delay:.2s }
  @keyframes qzFadeUp{
    from{ opacity:0; transform: translateY(6px) }
    to{ opacity:1; transform: translateY(0) }
  }
}

    /* =========================
   与同类品比较（qz-compare-90）
   ========================= */
.qz-compare-90 .qz-cmp-note-0{ color:#64748b; font-size:14px; margin-top:6px; }
.qz-compare-90 .qz-cmp-grid{
  display:grid; grid-template-columns: 160px 1fr 1fr 200px;
  gap:12px; max-width:1100px; margin:12px auto 0; align-items:center;
}
.qz-compare-90 .qz-cmp-h{
  font-weight:700; color:#0f172a; background:#eef2ff;
  border:1px solid #e5e7eb; border-radius:12px; padding:10px 12px;
}
.qz-compare-90 .qz-cmp-grid > div{
  background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:10px 12px; color:#0f172a;
}
.qz-compare-90 .qz-cmp-cell{ display:flex; gap:12px; align-items:center; }
.qz-compare-90 .qz-cmp-bar{
  flex:1; height:12px; background:#f1f5f9; border-radius:999px; overflow:hidden; position:relative;
}
.qz-compare-90 .qz-cmp-fill.me{ display:block; height:100%; background:linear-gradient(90deg,#06b6d4,#3b82f6); }
.qz-compare-90 .qz-cmp-fill.peer{ display:block; height:100%; background:linear-gradient(90deg,#cbd5e1,#64748b); }
.qz-compare-90 .qz-cmp-cell > b{ width:46px; text-align:right; font-variant-numeric:tabular-nums; color:#0f172a; }
.qz-compare-90 .qz-cmp-tip{ color:#475569; font-size:13px; }
.qz-compare-90 .qz-cmp-legend{ max-width:1100px; margin:10px auto 0; color:#64748b; font-size:12px; }

@media (max-width: 992px){
  .qz-compare-90 .qz-cmp-grid{ grid-template-columns: 130px 1fr 1fr 160px; }
}
@media (max-width: 768px){
  .qz-compare-90 .qz-cmp-grid{ grid-template-columns: 120px 1fr; }
  .qz-compare-90 .qz-cmp-h:nth-child(3), .qz-compare-90 .qz-cmp-h:nth-child(4){ display:none; }
  .qz-compare-90 .qz-cmp-grid > div:nth-child(3n+0){ grid-column: span 1; }
  .qz-compare-90 .qz-cmp-tip{ grid-column: 1 / -1; }
}

/* =========================
   趣闲赚优势（qz-adv-77）
   ========================= */
.qz-adv-77 .qz-adv-note{ color:#64748b; font-size:14px; margin-top:6px; }
.qz-adv-77 .qz-adv-cards{
  display:grid; grid-template-columns: repeat(3, minmax(0,1fr));
  gap:16px; max-width:1100px; margin:12px auto 0;
}
.qz-adv-77 .qz-adv-card{
  background:#ffffff; border:1px solid #e5e7eb; border-radius:16px; padding:18px 16px;
  box-shadow:0 6px 20px rgba(2,6,23,.06); display:flex; flex-direction:column; gap:8px;
}
.qz-adv-77 .qz-adv-ico{
  width:42px; height:42px; border-radius:999px; display:grid; place-items:center;
  background:linear-gradient(135deg,#22d3ee,#3b82f6); color:#fff; font-size:20px;
}
.qz-adv-77 .qz-adv-card h4{ margin:4px 0 0; font-size:18px; color:#0f172a; }
.qz-adv-77 .qz-adv-card p{ margin:0; color:#475569; }
.qz-adv-77 .qz-adv-kpi{ margin-top:6px; display:flex; gap:10px; align-items:baseline; }
.qz-adv-77 .qz-adv-kpi b{
  background:linear-gradient(90deg,#0ea5e9,#2563eb); -webkit-background-clip:text; background-clip:text; color:transparent;
  font-size:22px; font-variant-numeric:tabular-nums;
}
.qz-adv-77 .qz-adv-kpi span{ color:#64748b; font-size:13px; }

@media (max-width: 992px){
  .qz-adv-77 .qz-adv-cards{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 600px){
  .qz-adv-77 .qz-adv-cards{ grid-template-columns: 1fr; }
}

/* 轻微动效（可选） */
@media (prefers-reduced-motion: no-preference){
  .qz-compare-90 .qz-cmp-grid > div,
  .qz-adv-77 .qz-adv-card{
    animation:qzFadeUp .5s ease both;
  }
  .qz-adv-77 .qz-adv-card:nth-child(2){ animation-delay:.05s }
  .qz-adv-77 .qz-adv-card:nth-child(3){ animation-delay:.1s }
  .qz-adv-77 .qz-adv-card:nth-child(4){ animation-delay:.15s }
  .qz-adv-77 .qz-adv-card:nth-child(5){ animation-delay:.2s }
  .qz-adv-77 .qz-adv-card:nth-child(6){ animation-delay:.25s }
  @keyframes qzFadeUp{ from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:translateY(0)} }
}			
	
  .qz-guide-91 .g1-title{margin:0 0 10px;color:#0f172a}
    .qz-guide-91 .g1-sub{color:#475569;margin-bottom:18px}
    .qz-guide-91 .g1-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:18px;margin-bottom:14px}
    .qz-guide-91 ol{padding-left:18px;margin:0}
    .qz-guide-91 li{margin:8px 0;color:#334155;line-height:1.7}
    .qz-guide-91 .g1-bar{height:10px;background:#e2e8f0;border-radius:999px;position:relative;overflow:hidden}
    .qz-guide-91 .g1-bar i{position:absolute;left:0;top:0;bottom:0;background:#0f172a;border-radius:999px}
    .qz-guide-91 .g1-grid{display:grid;grid-template-columns:140px 1fr 60px;gap:10px;align-items:center;margin-top:12px}
    .qz-guide-91 .g1-kbd{display:inline-block;background:#0f172a;color:#fff;border-radius:6px;padding:2px 6px;font-size:12px;margin-left:6px}	
	 .qz-pass-72 .p7-title{margin:0 0 10px;color:#0f172a}
    .qz-pass-72 .p7-box{background:#ffffff;border:1px solid #e2e8f0;border-radius:10px;padding:18px;margin-bottom:14px}
    .qz-pass-72 .p7-tips{color:#475569;line-height:1.8;margin:0}
    .qz-pass-72 .p7-ul{margin:8px 0 0 18px;padding:0}
    .qz-pass-72 .p7-ul li{margin:6px 0;color:#334155}
    .qz-pass-72 .p7-grid{display:grid;grid-template-columns:180px 1fr 60px;gap:10px;align-items:center;margin-top:8px}
    .qz-pass-72 .p7-bar{height:10px;background:#e2e8f0;border-radius:999px;position:relative;overflow:hidden}
    .qz-pass-72 .p7-bar i{position:absolute;left:0;top:0;bottom:0;background:#334155;border-radius:999px}
    .qz-pass-72 .p7-note{font-size:12px;color:#64748b;margin-top:6px}
    
    
  .qz-adsop-63 .a6-title{margin:0 0 10px;color:#0f172a}
    .qz-adsop-63 .a6-box{background:#ffffff;border:1px solid #e2e8f0;border-radius:10px;padding:18px;margin-bottom:14px}
    .qz-adsop-63 .a6-h{font-size:16px;margin:0 0 6px;color:#111827}
    .qz-adsop-63 .a6-ul{margin:6px 0 0 18px;padding:0}
    .qz-adsop-63 .a6-ul li{margin:6px 0;color:#374151;line-height:1.8}
    .qz-adsop-63 .a6-tip{font-size:12px;color:#6b7280;margin-top:8px}
    
    
      .qz-story-58 .s5-title{margin:0 0 10px;color:#0f172a}
    .qz-story-58 .s5-article{background:#ffffff;border:1px solid #e5e7eb;border-radius:10px;padding:18px;margin-bottom:16px}
    .qz-story-58 .s5-h{font-size:18px;margin:0 0 8px;color:#111827}
    .qz-story-58 .s5-p{color:#374151;line-height:1.9;margin:0 0 10px}
    .qz-story-58 .s5-chip{display:inline-block;background:#0f172a;color:#fff;border-radius:999px;padding:2px 8px;font-size:12px;margin-right:6px}