:root{--touch-bg: var(--app-page-bg);--touch-panel: var(--app-surface-light);--touch-line: var(--app-border-structure);--touch-ink: var(--app-text-strong);--touch-muted: var(--app-text-muted);--touch-accent: var(--app-accent);--touch-accent-strong: var(--app-link);--touch-warm: var(--app-milestone);--touch-board: var(--app-surface-board)}body[data-page=touch-sensitivity]{margin:0;min-height:100vh;background:var(--touch-bg);color:var(--touch-ink);font-family:Clear Sans,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif}.touch-page-shell{width:min(560px,calc(100vw - 24px));margin:14px auto 24px}.touch-page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.touch-kicker{margin:0 0 5px;color:var(--touch-muted);font-size:12px;font-weight:700;letter-spacing:.08em}.touch-title{margin:0;font-size:clamp(40px,11vw,58px);line-height:.96}.touch-subtitle{margin:10px 0 0;color:var(--touch-muted);font-size:15px;line-height:1.55}.touch-nav{display:flex;flex-wrap:wrap;gap:8px}.touch-nav-btn{min-height:38px;line-height:38px;padding:0 14px}.touch-card{border:1px solid var(--touch-line);border-radius:16px;background:var(--touch-panel);padding:14px;margin-bottom:12px;box-sizing:border-box}.touch-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.touch-card-head h2{margin:0;font-size:26px;line-height:1.1}#touch-threshold-value{min-width:76px;border-radius:999px;background:var(--app-surface-soft);color:var(--app-text-strong);font-size:18px;font-weight:800;line-height:32px;text-align:center;padding:0 10px}.touch-threshold-slider{width:100%;height:12px;margin:4px 0 0;appearance:none;border-radius:999px;border:1px solid var(--app-border-control);background:var(--touch-accent)}.touch-threshold-slider::-webkit-slider-thumb{appearance:none;width:30px;height:30px;border:3px solid var(--app-surface-control);border-radius:50%;background:var(--touch-accent-strong);box-shadow:0 2px 8px #45311a38}.touch-threshold-slider::-moz-range-thumb{width:24px;height:24px;border:3px solid var(--app-surface-control);border-radius:50%;background:var(--touch-accent-strong);box-shadow:0 2px 8px #45311a38}.touch-hint,.touch-feedback{margin:10px 0 0;color:var(--touch-muted);font-size:14px;line-height:1.5}.touch-reset-btn{min-height:34px;line-height:34px;padding:0 12px}.touch-test-board{width:min(100%,360px);aspect-ratio:1 / 1;margin:0 auto;border-radius:14px;background:var(--touch-board);padding:10px;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:10px;touch-action:none;-webkit-user-select:none;user-select:none}.touch-test-cell{border-radius:8px;background:#eee4da59;display:flex;align-items:center;justify-content:center;font-size:clamp(26px,10vw,48px);font-weight:800;color:#776e65}.touch-test-cell[data-value="2"]{background:#eee4da}.touch-test-cell[data-value="4"]{background:#ede0c8}.touch-test-cell[data-value="8"]{background:#f2b179;color:#f9f6f2}.touch-test-cell[data-value="16"]{background:#f59563;color:#f9f6f2}.touch-test-cell[data-value="32"],.touch-test-cell[data-value="64"],.touch-test-cell[data-value="128"]{background:var(--touch-accent);color:#f9f6f2}html[data-night-background="1"] body[data-page=touch-sensitivity]{--touch-bg: var(--app-page-bg);--touch-panel: var(--app-surface-light);--touch-line: var(--app-border-structure);--touch-ink: var(--app-text-strong);--touch-muted: var(--app-text-muted);--touch-board: var(--app-surface-board)}html[data-night-background="1"] body[data-page=touch-sensitivity] .touch-card{background:var(--app-surface-light)}