/*
@charset "utf-8";
/* 老样式


.search-form {  
  display:flex;  
  margin-left:150px;
  margin-top: 0px;
	margin-right: 150px;
}  
  
.search-form input[type="text"] {  
	width: 90%;
  font-size: 16px;  
  padding: 10px 15px;  
  border: none;  
  border-bottom: 2px solid #ccc;
	border-left: 2px solid #FF00B6;
	border-top: 2px solid #C800FF;
  outline: none;  
}  
  
.search-form button[type="submit"] {  
  font-size: 16px;  
  padding: 10px 20px ;   
  border: none;  
	
  background-color: #336699;  
  color: #fff;  
  cursor: pointer;  
}

*/

@charset "utf-8";
/* CSS Document */

/* 使用 Material Design 3 的颜色方案 */
:root {
    --md-sys-color-primary: #6200ea; /* 主色调 */
    --md-sys-color-on-primary: #ffffff; /* 主色调上的文字颜色 */
    --md-sys-color-surface: #ffffff; /* 背景色 */
    --md-sys-color-on-surface: #000000; /* 背景色上的文字颜色 */
    --md-sys-color-border: #e0e0e0; /* 边框颜色 */
    --md-sys-color-error: #b00020; /* 错误颜色 */
}

.search-form {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px;
    background-color: var(--md-sys-color-surface);
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 10px;
}

.search-form input[type="text"] {
    width: 100%;
    font-size: 16px;
    padding: 12px 16px;
    border: none;
    border-radius: 8px;
    background-color: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    outline: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.search-form button[type="submit"] {
    font-size: 16px;
    padding: 12px 24px;
    margin-left: 10px;
    border: none;
    border-radius: 8px;
    background-color: var(--md-sys-color-primary);
    color: var(--md-sys-color-on-primary);
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.search-form button[type="submit"]:hover {
    background-color: #3700b3;
}