.reset-btn-style {
    all: unset; /* 重置所有样式 */
    display: flex;
    align-items: center;
    border: 1px solid #ccc; /* 自定义边框 */
    padding: 16px;
    border-radius: 8px;
    background-color: white;
    color: #333;
    cursor: pointer;
}

.reset-btn-style img {
    margin-right: 16px;
}

.reset-btn-style.active {
    border-color: black;
}

.hidden {
    display: none !important;
}

#customModal {
    z-index: 1000;
}

#subscriptionModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 背景透明度 */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

#subscriptionModal .modal-content {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    max-width: 400px; /* 设置模态框内容的最大宽度 */
    width: 100%; /* 内容宽度占满模态框 */
}


.input-group {
    position: relative;
    display: flex;
    align-items: center;  /* 确保输入框和图标都在同一高度 */
}

.input-status {
    position: absolute;
    right: 10px;  /* 图标靠近输入框的右侧 */
    top: 50%;
    transform: translateY(-50%);  /* 垂直居中图标 */
    font-size: 18px;
    color: red;  /* 默认红色，表示错误 */
}

.input-group input {
    padding-right: 35px;  /* 增加 padding-right，确保文本不会与图标重叠 */
    width: 100%;  /* 确保输入框在父容器中填满 */
    height: auto;  /* 确保输入框的高度自适应 */
    box-sizing: border-box;  /* 确保 padding 不影响宽度 */
}