/* Opt-in visual finish for the core public journeys. Keep experience.css accessibility-only and preserve page-owned layouts. */ .visual-polish { --surface: #fff; --surface-soft: #f7f9fc; --radius-control: 10px; --radius-panel: 18px; --shadow: 0 1px 3px rgba(16,44,80,.025), 0 6px 22px rgba(16,44,80,.045); --shadow-raised: 0 3px 8px rgba(16,44,80,.04), 0 12px 28px rgba(16,44,80,.08); font-size: 1rem; line-height: 1.65; } .visual-polish ::selection { background: #cfe5fb; color: #102c50; } .visual-polish button, .visual-polish a { -webkit-tap-highlight-color: #1767b51f; } /* Tap targets, listed one control at a time on purpose. A blanket `button { min-height: 44px }` also hits the buttons that already carry their own width/height: it stretched the 图文精选 carousel dots (6x6) and arrows (30x30), the bookmark star, the modal close, the search clear and the shop favourite/map buttons into 44px-tall slivers, and it pushed the chip buttons out of line with the chips sitting next to them. Only full-size action buttons belong here. */ .visual-polish :where(.btn, .search-btn, .pg-lnk, .hd-btn, .ai-search-btn, .side-search-btn, .sub-btn, .mob-cat-btn, .btn-submit, .btn-next, .btn-ghost, .btn-modal-submit, .apply-btn, .nr-clear-btn, .ref-copy-btn, .empty-act) { min-height: 44px; } .visual-polish .input, .visual-polish .textarea, .visual-polish .select { font-size: 1rem; } .visual-polish .label, .visual-polish .hint { font-size: .875rem; } /* .chip is used on both