@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)} }
}			
		
		
:root{
  --qz-bg:#f8fafc; --qz-bg-soft:#fbfdff; --qz-card:#ffffff;
  --qz-text:#0f172a; --qz-muted:#475569; --qz-border:#e2e8f0;
  --qz-accent:#1d4ed8; --qz-accent2:#0ea5e9;
  --qz-good:#16a34a; --qz-warn:#f59e0b; --qz-bad:#dc2626;
  --qz-shadow:0 6px 22px rgba(2,6,23,.08);
}
.qz-firstday-11,.qz-tier-22,.qz-anti-33,.qz-withdraw-44,
.qz-privacy-55,.qz-schedule-66,.qz-invite-77,.qz-install-88{
  margin:48px auto; padding:28px 22px; background:var(--qz-card);
  border:1px solid var(--qz-border); border-radius:16px; box-shadow:var(--qz-shadow);
}
.qz-firstday-11 .section-title h1,
.qz-tier-22 .section-title h1,
.qz-anti-33 .section-title h1,
.qz-withdraw-44 .section-title h1,
.qz-privacy-55 .section-title h1,
.qz-schedule-66 .section-title h1,
.qz-invite-77 .section-title h1,
.qz-install-88 .section-title h1{
  font-size:26px; margin:0 0 8px; color:var(--qz-text);
}
.qz-note-0,.qz-note-1,.qz-note-2,.qz-note-3,.qz-note-4,.qz-note-5,.qz-note-6,.qz-note-7{
  color:var(--qz-muted); font-size:14px;
}

/* 新手首日上手计划 */
.qz-steps-list{counter-reset:step; list-style:none; padding:0; margin:18px 0 14px;}
.qz-steps-list li{
  position:relative; padding:12px 12px 12px 46px; margin:10px 0; border:1px dashed var(--qz-border);
  border-radius:12px; background:var(--qz-bg-soft);
}
.qz-steps-list li:before{
  counter-increment:step; content:counter(step);
  position:absolute; left:12px; top:50%; transform:translateY(-50%);
  width:26px; height:26px; border-radius:50%; background:linear-gradient(135deg,var(--qz-accent),var(--qz-accent2));
  color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px;
}
.qz-tips-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:14px;}
.qz-tip{background:#eef6ff;border:1px solid #dbeafe;border-radius:12px;padding:12px;color:#0b3b77}
.qz-tip i{margin-right:6px;color:var(--qz-accent)}
@media (max-width:992px){.qz-tips-grid{grid-template-columns:1fr}}

/* 任务难度分级 */
.qz-tier-table{
  display:grid;
  grid-template-columns:120px 1.1fr .9fr 180px 1.1fr;
  gap:10px;
  margin-top:16px;
  align-items:center
}
.qz-tier-table .qz-tr{display:contents}

/* 表头 */
.qz-tier-table .qz-th>div{
  font-weight:700;
  color:var(--qz-text);
  padding:10px 8px;
  border-bottom:2px solid var(--qz-border)
}
.qz-tier-table .qz-tr>div{
  padding:10px 8px;
  border-bottom:1px solid var(--qz-border);
  color:var(--qz-text)
}

/* 徽章和进度条 */
.qz-badge{display:inline-block;padding:4px 10px;border-radius:9999px;color:#fff;font-weight:700;font-size:12px}
.qz-b1{background:linear-gradient(135deg,#22c55e,#16a34a)}
.qz-b2{background:linear-gradient(135deg,#06b6d4,#0ea5e9)}
.qz-b3{background:linear-gradient(135deg,#a855f7,#7c3aed)}
.qz-b4{background:linear-gradient(135deg,#f97316,#ea580c)}
.qz-bar{display:inline-block;height:10px;width:100%;background:#e5e7eb;border-radius:999px;overflow:hidden;position:relative}
.qz-bar:after{content:"";position:absolute;inset:0;width:inherit;background:linear-gradient(90deg,var(--qz-accent),var(--qz-accent2))}
.qz-tier-table [style*="width:25%"]::after{width:25%}
.qz-tier-table [style*="width:45%"]::after{width:45%}
.qz-tier-table [style*="width:60%"]::after{width:60%}
.qz-tier-table [style*="width:80%"]::after{width:80%}

/* 移动端适配：卡片化 */
@media (max-width: 992px){
  .qz-tier-table{
    display:block; /* 改为块级流式布局 */
  }
  .qz-tier-table .qz-th{display:none} /* 隐藏表头 */

  .qz-tier-table .qz-tr{
    display:grid;
    grid-template-columns:1fr; /* 单列 */
    gap:6px;
    margin:10px 0;
    padding:12px;
    border:1px solid var(--qz-border);
    border-radius:12px;
    background:#fff;
  }
  .qz-tier-table .qz-tr>div{
    border:none;
    padding:4px 0;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px;
  }
  /* 给每列增加前缀标题 */
  .qz-tier-table .qz-tr>div:nth-child(2)::before{content:"特征:";font-weight:600;color:#64748b;margin-right:4px}
  .qz-tier-table .qz-tr>div:nth-child(3)::before{content:"人群:";font-weight:600;color:#64748b;margin-right:4px}
  .qz-tier-table .qz-tr>div:nth-child(4)::before{content:"时长:";font-weight:600;color:#64748b;margin-right:4px}
  .qz-tier-table .qz-tr>div:nth-child(5)::before{content:"要点:";font-weight:600;color:#64748b;margin-right:4px}

  /* 让进度条换行显示，避免和文字挤在一起 */
  .qz-tier-table .qz-tr>div:nth-child(4){
    flex-direction:column;
    align-items:flex-start;
  }
  .qz-tier-table .qz-tr>div:nth-child(4) .qz-bar{
    width:100% !important;
    margin-top:4px;
  }
}


/* 常见驳回原因 */
.qz-fixes{margin-top:14px}
.qz-fix{border:1px solid var(--qz-border); border-radius:12px; background:var(--qz-card); margin:10px 0; overflow:hidden}
.qz-fix>summary{cursor:pointer; padding:12px 14px; list-style:none; font-weight:600; color:#0b3b77; background:#eef6ff}
.qz-fix>summary::-webkit-details-marker{display:none}
.qz-fix-body{padding:12px 14px; color:var(--qz-text); background:var(--qz-bg-soft)}
.qz-fix-body p{margin:6px 0}
.qz-fix summary i{margin-right:8px; color:#0b3b77}

/* 提现规则速查 */
.qz-rules{margin:10px 0}
.qz-rules dt{font-weight:700; color:var(--qz-text); margin-top:10px}
.qz-rules dt i{margin-right:6px; color:var(--qz-accent)}
.qz-rules dd{margin:6px 0 10px 0; color:var(--qz-muted)}

/* 权限与隐私说明 */
.qz-perms-table{display:grid; grid-template-columns:180px 1fr 140px 1.2fr; gap:10px; margin-top:14px}
.qz-perms-table .qz-tr{display:contents}
.qz-perms-table .qz-th>div{font-weight:700; color:var(--qz-text); padding:10px 8px; border-bottom:2px solid var(--qz-border)}
.qz-perms-table .qz-tr>div{padding:10px 8px; border-bottom:1px solid var(--qz-border)}
.qz-no-collect{margin:12px 0 0 0; padding-left:0; list-style:none}
.qz-no-collect li{margin:6px 0; color:var(--qz-muted)}
.qz-no-collect i{margin-right:6px; color:var(--qz-bad)}
@media (max-width:992px){
  .qz-perms-table{grid-template-columns:1fr}
  .qz-perms-table .qz-th{display:none}
  .qz-perms-table .qz-tr{display:block; border:1px solid var(--qz-border); border-radius:12px; margin-bottom:10px; background:var(--qz-bg)}
  .qz-perms-table .qz-tr>div{border:none; padding:8px 10px}
}

/* 时间场景任务推荐 */
.qz-scene-grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:14px}
.qz-scene{border:1px solid var(--qz-border); border-radius:14px; padding:14px; background:linear-gradient(180deg,#fff, #f9fbff)}
.qz-scene h4{margin:0 0 6px; font-size:16px; color:var(--qz-text)}
.qz-scene h4 i{margin-right:6px; color:var(--qz-accent2)}
.qz-scene p{margin:4px 0; color:var(--qz-muted)}
.qz-mini{font-size:12px; color:#64748b}
@media (max-width:1200px){.qz-scene-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.qz-scene-grid{grid-template-columns:1fr}}

/* 邀请收益样例 */
.qz-invite-box{margin-top:12px; border:1px dashed var(--qz-border); border-radius:14px; background:#f7fbff; padding:14px}
.qz-invite-box p{margin:8px 0; color:var(--qz-text)}
.qz-calc{margin:6px 0 0 18px}
.qz-calc li{margin:6px 0}

/* 下载与安装引导 */
.qz-install-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:14px}
.qz-block{border:1px solid var(--qz-border); border-radius:14px; background:#fff; padding:14px}
.qz-block h4{margin:0 0 8px; font-size:16px}
.qz-ul{margin:0; padding-left:18px}
.qz-ul li{margin:6px 0; color:var(--qz-muted)}
.qz-block h4 i{margin-right:6px; color:var(--qz-accent)}
@media (max-width:992px){.qz-install-grid{grid-template-columns:1fr}}

/* 通用微交互 */
.qz-steps-list li, .qz-tip, .qz-scene, .qz-block, .qz-fix, .qz-invite-box{
  transition:transform .15s ease, box-shadow .15s ease;
}
.qz-steps-list li:hover,.qz-tip:hover,.qz-scene:hover,.qz-block:hover,.qz-fix:hover,.qz-invite-box:hover{
  transform:translateY(-2px); box-shadow:0 10px 26px rgba(2,6,23,.08);
}

/* 进度条进入视口时动画（可选） */
@keyframes qzGrow{from{clip-path:inset(0 100% 0 0)} to{clip-path:inset(0 0 0 0)}}
.qz-bar:after{animation:qzGrow .8s ease forwards}


/* 通用 */
.qz-note-calc,.qz-note-gr,.qz-note-fl,.qz-note-tr,.qz-note-sec,.qz-note-pc{color:#475569;font-size:14px}
.qz-mini{font-size:12px;color:#64748b}

/* ① 收益估算器 */
.qz-calc-wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:14px 0}
.qz-calc-col{border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:12px}
.qz-calc-col label{display:block;font-weight:700;margin-bottom:8px;color:#0f172a}
.qz-calc-col input[type=range]{width:100%}
.qz-val{margin-top:6px;color:#0f172a}
.qz-calc-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px}
.qz-r-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px;text-align:center}
.qz-r-card b{display:block;font-size:24px;margin-bottom:4px;color:#0f172a}
.qz-linebox{margin-top:12px;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#ffffff}
@media(max-width:992px){.qz-calc-wrap{grid-template-columns:1fr}.qz-calc-result{grid-template-columns:1fr}}

 /* ② 成长等级与权益 */
.qz-levels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:12px}
.qz-level{border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:12px}
.qz-l-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.qz-l-badge{display:inline-block;padding:4px 8px;border-radius:9999px;color:#fff;font-weight:700;font-size:12px}
.qz-l-badge.l0{background:#94a3b8}.qz-l-badge.l1{background:#38bdf8}.qz-l-badge.l2{background:#22c55e}
.qz-l-badge.l3{background:#a78bfa}.qz-l-badge.l4{background:#f59e0b}
.qz-level ul{margin:0;padding-left:18px;color:#475569}
.qz-level-tip{margin-top:10px;background:#eef6ff;border:1px solid #dbeafe;border-radius:12px;padding:10px;color:#0b3b77}
@media(max-width:1200px){.qz-levels{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.qz-levels{grid-template-columns:1fr}}

 /* ③ 筛选与检索技巧 */
.qz-chipbar{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.qz-chip{border:1px solid #e5e7eb;background:#fff;border-radius:9999px;padding:8px 12px;cursor:pointer}
.qz-chip:hover{background:#f1f5f9}
.qz-tipgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.qz-tipcard{border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:12px;color:#475569}
.qz-tipcard b{display:block;color:#0f172a;margin-bottom:6px}
@media(max-width:1200px){.qz-tipgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.qz-tipgrid{grid-template-columns:1fr}}

 /* ④ 30天趋势图 */
.qz-trend-box{border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:8px}
#qzTrendSVG{width:100%;height:240px;display:block}

 /* ⑤ 安全中心 */
.qz-safe-list{list-style:none;margin:10px 0 0;padding-left:0}
.qz-safe-list li{margin:8px 0;padding:10px;border:1px solid #e2e8f0;border-radius:12px;background:#f9fafb;color:#0f172a}
.qz-safe-list i{margin-right:6px;color:#dc2626}

 /* 提现方式对比 */
.qz-paycmp-grid{display:grid;grid-template-columns:.9fr .6fr .7fr 1.4fr;gap:10px;margin-top:10px;align-items:center}
.qz-paycmp-h{font-weight:700;color:#0f172a;border-bottom:2px solid #e2e8f0;padding:8px 0}
.qz-paycmp-grid>div{padding:8px 0;border-bottom:1px solid #e2e8f0;color:#475569}
@media(max-width:992px){.qz-paycmp-grid{grid-template-columns:1fr}}
.qz-time-list,.qz-mis-list{list-style:none;padding:0}
.qz-time-list li,.qz-mis-list li{margin:8px 0;padding:10px;border:1px solid #e2e8f0;border-radius:10px;background:#f9fafb;color:#0f172a}
.qz-time-list i,.qz-mis-list i{margin-right:6px;color:#1d4ed8}
.qz-fb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}
.qz-fb-grid blockquote{background:#fff;border-left:4px solid #1d4ed8;padding:12px;border-radius:8px;font-size:14px;color:#334155}
.qz-fb-grid cite{display:block;margin-top:6px;font-size:12px;color:#64748b}
.qz-sec-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:12px}
.qz-sec-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px;text-align:center}
.qz-sec-card i{font-size:20px;color:#0ea5e9;margin-bottom:6px}
.qz-scene-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:12px}
.qz-scene-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px;text-align:center;color:#334155}
.qz-scene-card i{font-size:20px;color:#16a34a;margin-bottom:6px}		
		
	
	
/* ============ 任务结构占比 · NEO 样式 ============ */
:root{
  --mx-bg:#f8fafc; --mx-card:#ffffff; --mx-border:#e2e8f0;
  --mx-text:#0f172a; --mx-muted:#475569;
  --mx-c1:#3b82f6; --mx-c2:#06b6d4; --mx-c3:#a78bfa; --mx-c4:#f59e0b; --mx-c5:#94a3b8;
  --mx-shadow:0 10px 30px rgba(2,6,23,.06);
}

.qz-matrix-neo-3kX9{margin:48px auto; background:var(--mx-card); border:1px solid var(--mx-border); border-radius:18px; box-shadow:var(--mx-shadow); padding:22px}
.qz-matrix-neo-3kX9 .mx-neo-h1-pp{font-size:24px; margin:0 0 6px; color:var(--mx-text)}
.qz-matrix-neo-3kX9 .mx-neo-h1-pp span{color:var(--mx-c1)}
.mx-neo-note-tt{color:var(--mx-muted); font-size:14px; margin:0}
.mx-neo-update-kk{color:#64748b; font-size:12px; margin-top:4px}

.mx-neo-head-zZ77{display:grid; grid-template-columns:1.2fr .8fr; gap:16px; align-items:center}
.mx-neo-ringWrap-rR12{margin:0; padding:12px; border:1px solid var(--mx-border); border-radius:14px; display:grid; grid-template-columns:120px 1fr; gap:12px; align-items:center}
.mx-neo-ringChart-qQ09{
  width:120px; height:120px; border-radius:50%;
  background:
    conic-gradient(var(--mx-c1) 0 33%,
                   var(--mx-c2) 33% 61%,
                   var(--mx-c3) 61% 83%,
                   var(--mx-c4) 83% 94%,
                   var(--mx-c5) 94% 100%);
  -webkit-mask:radial-gradient(#0000 54%, #000 55%);
          mask:radial-gradient(#0000 54%, #000 55%); /* 做成空心环 */
}
.mx-neo-ringCap-yY66{display:flex; flex-direction:column; gap:4px}
.mx-neo-ringCap-yY66 b{color:var(--mx-text)}
.mx-neo-ringCap-yY66 span{font-weight:700; color:var(--mx-c2)}
.mx-neo-legend-mm33{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px 12px; color:var(--mx-muted); font-size:12px}
.mx-neo-legend-mm33 .mx-dot{display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:6px; vertical-align:-1px}
.mx-neo-legend-mm33 .mx-dot.c1{background:var(--mx-c1)}
.mx-neo-legend-mm33 .mx-dot.c2{background:var(--mx-c2)}
.mx-neo-legend-mm33 .mx-dot.c3{background:var(--mx-c3)}
.mx-neo-legend-mm33 .mx-dot.c4{background:var(--mx-c4)}
.mx-neo-legend-mm33 .mx-dot.c5{background:var(--mx-c5)}

.mx-neo-list-wW55{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-top:14px}
.mx-neo-item-aA{border:1px solid var(--mx-border); border-radius:14px; padding:12px; background:linear-gradient(180deg,#fff,#fbfdff)}
.mx-neo-item-aA .mx-neo-rowTop-gg{display:flex; justify-content:space-between; align-items:center; margin-bottom:6px}
.mx-neo-nameRank-jj{display:flex; align-items:center; gap:8px; color:var(--mx-text)}
.mx-rank{display:inline-flex; width:22px; height:22px; border-radius:50%; align-items:center; justify-content:center; font-weight:700; font-size:12px; color:#0f172a; background:#eef2ff; border:1px solid #e2e8f0}
.mx-neo-pct{font-weight:700; color:#0f172a}

.mx-neo-barTrack-ll{position:relative; height:10px; background:#eef2f7; border-radius:999px; overflow:hidden}
.mx-neo-barFill-ff{position:absolute; inset:0; width:0; border-radius:999px}
.mx-neo-item-aA.c1 .mx-neo-barFill-ff{background:linear-gradient(90deg,var(--mx-c1),#60a5fa)}
.mx-neo-item-aA.c2 .mx-neo-barFill-ff{background:linear-gradient(90deg,var(--mx-c2),#22d3ee)}
.mx-neo-item-aA.c3 .mx-neo-barFill-ff{background:linear-gradient(90deg,var(--mx-c3),#c4b5fd)}
.mx-neo-item-aA.c4 .mx-neo-barFill-ff{background:linear-gradient(90deg,var(--mx-c4),#fbbf24)}
.mx-neo-item-aA.c5 .mx-neo-barFill-ff{background:linear-gradient(90deg,var(--mx-c5),#cbd5e1)}
.mx-neo-desc{margin:6px 0 0; font-size:12px; color:var(--mx-muted); line-height:1.6}

/* 进入视口轻微动效（可删） */
.mx-neo-item-aA .mx-neo-barFill-ff{animation:mxGrow .9s ease both}
@keyframes mxGrow{from{width:0} to{width:var(--mx-w,100%)}}

/* 脚注 */
.mx-neo-footnote-pp{display:flex; gap:12px; justify-content:space-between; align-items:center; margin-top:12px; padding:10px; border:1px dashed var(--mx-border); border-radius:12px; color:#475569; background:#f8fafc}

/* 响应式 */
@media (max-width:1200px){
  .mx-neo-list-wW55{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:768px){
  .mx-neo-head-zZ77{grid-template-columns:1fr}
  .mx-neo-ringWrap-rR12{grid-template-columns:90px 1fr}
  .mx-neo-ringChart-qQ09{width:90px; height:90px}
  .mx-neo-list-wW55{grid-template-columns:1fr 1fr}
}
@media (max-width:520px){
  .mx-neo-list-wW55{grid-template-columns:1fr}
  .mx-neo-footnote-pp{flex-direction:column; align-items:flex-start}
}