/* 问卷页和筛选台共用的色板与基础件。平面色块，无描边、无渐变。 */
:root{
  color-scheme: light;
  --bg:#FFFFFF; --surface:#F4F4F6; --surface-2:#EAEAEE; --surface-3:#DEDEE3;
  --ink:#171717; --ink-2:#55555C; --ink-3:#9B9BA3;
  --lime:#D7F75B; --tangerine:#FF7A45; --lavender:#E3DCFF; --violet:#6D5BFF; --pink:#FF5A8A; --green:#34C759;
  --font:-apple-system,BlinkMacSystemFont,"PingFang SC","HarmonyOS Sans SC","MiSans","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;
  -webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}
input,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.num{font-variant-numeric:tabular-nums}

.pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:14px;
  font-size:13px;font-weight:600;white-space:nowrap;background:var(--surface);color:var(--ink)}
.pill.ink{background:var(--ink);color:#fff}
.pill.lime{background:var(--lime)}
.pill.lav{background:var(--lavender)}
.pill.tan{background:var(--tangerine);color:var(--ink)}
.pill.pink{background:var(--pink);color:var(--ink)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:56px;padding:0 10px 0 26px;
  border-radius:28px;background:var(--ink);color:#fff;font-size:17px;font-weight:600;letter-spacing:.01em;
  transition:transform .12s var(--ease),background .2s}
.btn .arr{width:36px;height:36px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center;transition:background .2s}
.btn:active{transform:scale(.98)}
.btn:disabled{background:var(--surface-2);color:var(--ink-3);cursor:default}
.btn:disabled .arr{background:var(--surface-3);color:var(--ink-3)}
.btn.ghost{background:var(--surface);color:var(--ink);padding:0 22px}
.btn.small{height:40px;border-radius:20px;font-size:14px;padding:0 16px}

@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}