tr.change:hover
    {
        background-color:#cccccc
    }

input[type=text] {
  width: 80%;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  background-color: white;
  background-image: url('https://static.runoob.com/images/mix/searchicon.png');
  background-position: 10px 10px; 
  background-repeat: no-repeat;
  padding: 12px 20px 12px 40px;
  
  input[type=button], input[type=submit], input[type=reset] {
  
  border: none;
  color: white;

  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
  }
}

/* 全局重置与基础设置 */
        html, /* 黑灰色主题色定义 */
        :root {
            --primary-dark: #2d2d2d;
            --primary: #333333;
            --primary-light: #4a4a4a;
            --accent: #ffc107;
            --text-light: #f0f0f0;
            --text-dark: #2d2d2d;
        }

        /* 动画效果 */
        @keyframes float {
            0%, 100% { transform: translateX(0) !important; }
            50% { transform: translateX(8px) !important; }
        }

        @keyframes flash {
            0%, 100% { 
                color: var(--text-light);
                opacity: 1;
            }
            50% { 
                color: var(--accent);
                opacity: 0.8;
            }
        }

        /* 响应式调整 - 小屏手机 */
        @media (max-width: 360px) {

        }

        /* 大屏设备优化 */
        @media (min-width: 768px) {

        }