/* V1 · 蜡笔童画风 — 手绘线条 / 厚描边 / 投影错位 / 童趣海报感 */

.v1 { font-family: var(--font-round); }

.v1.phone {
  background:
    radial-gradient(circle at 18% 6%, rgba(255,210,63,.45), transparent 32%),
    radial-gradient(circle at 92% 92%, rgba(255,143,177,.25), transparent 30%),
    #FFFBEF;
}
/* 纸纹噪点 */
.v1.phone::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 1;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.2  0 0 0 0 0.18  0 0 0 0 0.32  0 0 0 0.06 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  opacity: 0.55;
  mix-blend-mode: multiply;
}

.v1-card {
  background: #fff;
  border: 2.5px solid var(--qlg-line);
  border-radius: 24px 28px 22px 26px;
  box-shadow: 4px 5px 0 var(--qlg-line);
  padding: 14px;
  position: relative;
}
.v1-btn-primary {
  background: var(--qlg-yellow);
  color: var(--qlg-ink);
  border: 2.5px solid var(--qlg-line);
  box-shadow: 3px 3px 0 var(--qlg-line);
  font-weight: 700;
}
.v1-btn-secondary {
  background: #fff; color: var(--qlg-ink);
  border: 2.5px solid var(--qlg-line);
  box-shadow: 3px 3px 0 var(--qlg-line);
  font-weight: 700;
}
.v1-chip {
  border: 2px solid var(--qlg-line);
  background: #fff;
  border-radius: 999px;
  padding: 6px 14px;
  font-size: 12.5px;
  font-weight: 700;
  white-space: nowrap;
  font-family: var(--font-round);
  flex-shrink: 0;
}
.v1-chip.active {
  background: var(--qlg-yellow);
  box-shadow: 2px 2px 0 var(--qlg-line);
}
.v1-handnote {
  font-family: var(--font-hand);
  color: var(--qlg-coral);
  transform: rotate(-4deg);
  display: inline-block;
}

/* V1 顶部小标题栏左/右圆角方块 */
.v1-iconbox {
  width: 36px; height: 36px; border-radius: 12px;
  border: 2.5px solid var(--qlg-line); background: #fff;
  box-shadow: 2px 2px 0 var(--qlg-line);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.v1-iconbox.sm { width: 32px; height: 32px; border-radius: 10px; }

/* V1 Tab bar */
.v1 .tabbar {
  background: #fff;
  border-top: 2.5px solid var(--qlg-line);
  box-shadow: 0 -6px 0 -2px var(--qlg-yellow-soft);
}
.v1 .tab-ico {
  width: 34px; height: 34px; border-radius: 12px;
}
.v1 .tab-item.active .tab-ico {
  width: 40px; height: 40px;
  border: 2.5px solid var(--qlg-line);
  background: var(--qlg-yellow);
  box-shadow: 2px 2px 0 var(--qlg-line);
  transform: translateY(-6px);
}
.v1 .tab-item.active span { font-weight: 700; margin-top: -2px; }