/* ==================== 通用响应式优化 ==================== */ 
 
 /* 图片响应式优化 */ 
 img { 
     max-width: 100%; 
     height: auto; 
     display: block; 
 } 
 
 /* 视频响应式优化 */ 
 video { 
     max-width: 100%; 
     height: auto; 
 } 
 
 /* 表格响应式 */ 
 table { 
     width: 100%; 
     display: block; 
     overflow-x: auto; 
 } 
 
 /* 表单元素优化 */ 
 input, textarea, select { 
     width: 100%; 
     box-sizing: border-box; 
 } 
 
 /* 按钮响应式 */
 button:not(.language-switch), .btn {
     width: 100%;
     padding: 12px 20px;
     margin: 5px 0;
     box-sizing: border-box;
 } 
 
 /* 导航菜单移动端优化 */ 
 @media (max-width: 768px) { 
     .nav-menu { 
         display: none; 
         flex-direction: column; 
         width: 100%; 
         background: rgba(10, 10, 10, 0.95); 
         position: absolute; 
         top: 100%; 
         left: 0; 
         padding: 1rem; 
         border-top: 2px solid var(--gold); 
     } 
     
     .nav-menu.active { 
         display: flex; 
     } 
     
     .nav-menu li { 
         width: 100%; 
         margin: 0.5rem 0; 
     } 
     
     .nav-menu li a { 
         display: block; 
         padding: 1rem; 
         text-align: center; 
         border-bottom: 1px solid rgba(212, 175, 55, 0.3); 
     } 
     
     .hamburger { 
         display: flex; 
     } 
 } 
 
 /* 触摸设备优化 */ 
 @media (hover: none) and (pointer: coarse) { 
     /* 增加触摸目标大小 */ 
     .nav-menu li a { 
         min-height: 44px; 
         display: flex; 
         align-items: center; 
         justify-content: center; 
     } 
     
     button, .btn { 
         min-height: 44px; 
     } 
     
     /* 减少悬停效果 */ 
     .nav-menu li a:hover { 
         transform: none; 
         box-shadow: none; 
     } 
 } 
 
 /* 安全区域适配 (iPhone X系列刘海屏) */ 
 @supports (padding: max(0px)) { 
     .navbar { 
         padding-left: max(12px, env(safe-area-inset-left)); 
         padding-right: max(12px, env(safe-area-inset-right)); 
     } 
     
     .footer { 
         padding-left: max(12px, env(safe-area-inset-left)); 
         padding-right: max(12px, env(safe-area-inset-right)); 
         padding-bottom: max(12px, env(safe-area-inset-bottom)); 
     } 
 } 
 
 /* 高分辨率屏幕优化 */ 
 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
     body { 
         -webkit-font-smoothing: antialiased; 
         -moz-osx-font-smoothing: grayscale; 
     } 
 }