input[type=text] {
  width: 95%;
  height:26px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 15px;
  background-color: white;
  background-position: 10px 10px; 
  background-repeat: no-repeat;
  padding:8px 9px 9px 16px;
  
  input[type=button], input[type=submit], input[type=reset] {
  
  border: none;
  color: #ffcc00;

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

.select {
    width:22px;height:23px;border:1px solid #000;
}

.select-container {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
      }
      .select-container select {
        width: 100%;
        padding: 10px;
        font-size: 16px;
        border: 1px solid lightgray;
        border-radius: 5px;
      }
      .select-container input {
        width: 100%;
        padding: 10px;
        font-size: 16px;
        border: 1px solid lightgray;
        border-radius: 5px;
      }
      .input-container {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
      }
      .input-container input {
        width: 100%;
        padding: 10px;
        font-size: 16px;
        border: 1px solid lightgray;
        border-radius: 5px;
      }

.button {
        background-color: #4CAF50; /* Green */
        border: none;
        color: white;
        padding: 15px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 15px;
        margin: 4px 2px;
        cursor: pointer;
        -webkit-transition-duration: 0.4s; /* Safari */
        transition-duration: 0.4s;
    }

    .button1 {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    }

    .button2:hover {
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    }

/* 全局重置与基础设置 */
        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) {

        }