/* CSS 变量和基础样式 */
:root {
	/* 主要配色 - 现代化的蓝色主题 */
	--primary-color: #3F51B5;
	--primary-light: #7986CB;
	--primary-dark: #303F9F;
	--accent-color: #FF4081;
	--accent-light: #FF80AB;
	--accent-dark: #F50057;
	
	/* 文本颜色 */
	--text-on-primary: #FFFFFF;
	--text-primary: #212121;
	--text-secondary: #757575;
	--text-hint: #9E9E9E;
	
	/* 背景与分隔线 */
	--divider-color: #EEEEEE;
	--background-color: #F5F5F5;
	--card-color: #FFFFFF;
	
	/* 状态颜色 */
	--success-color: #4CAF50;
	--warning-color: #FFC107;
	--error-color: #F44336;
	--info-color: #2196F3;
	
	/* 布局常量 */
	--header-height: 64px;
	--footer-height: 60px;
	--spacing-unit: 8px;
	--border-radius: 12px;
	--border-radius-sm: 8px;
	--border-radius-lg: 16px;
	
	/* 动效与阴影 */
	--transition-speed: 0.3s;
	--box-shadow: 0 2px 10px rgba(0,0,0,0.08);
	--box-shadow-hover: 0 4px 15px rgba(0,0,0,0.1);
	--box-shadow-elevated: 0 8px 20px rgba(0,0,0,0.15);
  }
  
  * {
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	margin: 0;
	padding: 0;
  }
  
  body {
	font-family: 'Noto Sans SC', sans-serif;
	margin: 0;
	padding: 0;
	background-color: var(--background-color);
	color: var(--text-primary);
	transition: background-color var(--transition-speed), color var(--transition-speed);
	overflow-x: hidden;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	-webkit-overflow-scrolling: touch;
	line-height: 1.5;
	font-size: 16px;
  }
  
  .hidden {
	display: none !important;
  }