/* =========================================
			   DESIGN SYSTEM
			   ========================================= */
			:root {
				--primary: #fa2d48;
				--primary-hover: #d61e38;
				--bg-body: #f5f5f7;
				--bg-card: #ffffff;
				--text-main: #1d1d1f;
				--text-secondary: #86868b;
				--success: #34c759;
				--error: #ff3b30;
				--radius-l: 12px;
				--radius-s: 6px;
				--modal-transition: cubic-bezier(0.32, 0.72, 0, 1);
				--ui-click-bg: rgba(250, 45, 72, 0.08);
				--ui-badge-bg: #f2f2f7;
			}

			html {
				/* 滚动条槽位常驻。
				   body 平时是 overflow-y:scroll（滚动条一直在），但弹窗打开时会被切成
				   overflow:hidden，滚动条随之消失，内容区瞬间变宽约 15px，整页横向抖一下，
				   关闭时再抖回来。scrollbar-gutter 让这块槽位始终保留，切换就不再改变布局宽度。 */
				scrollbar-gutter: stable;
			}

			* {
				box-sizing: border-box;
				margin: 0;
				padding: 0;
				-webkit-tap-highlight-color: transparent;
			}

			body {
				font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
				background-color: var(--bg-body);
				color: var(--text-main);
				min-height: 100vh;
				overflow-y: scroll;
				overflow-x: hidden;
				width: 100%;
				padding: 10px;
				padding-top: 0;
				font-size: 14px;
				padding-bottom: env(safe-area-inset-bottom);
			}

			body.modal-open {
				overflow: hidden;
			}

			.container {
				max-width: 1200px;
				margin: 0 auto;
				padding: 0;
				width: 100%;
			}