/* =========================================
   极简留白风格退订页 (彻底改变官方外观)
========================================= */

/* 1. 全局背景改为纯白，去掉灰底，更具现代感 */
body {
    background-color: #ffffff !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #1a1a1a;
    display: flex;
    justify-content: center;
    padding-top: 8vh; /* 让内容在屏幕偏上方，符合视觉习惯 */
}

/* 2. 去掉官方的卡片阴影和边框，采用大留白排版 */
.wrap, main {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    max-width: 480px !important;
    width: 100%;
    padding: 0 20px;
}

/* 3. 彻底隐藏 Logo 和 版权信息 */
header, img.logo, footer, p.credit {
    display: none !important;
}

/* 4. 重新设计标题和文字说明 */
h1 {
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -0.5px;
    margin-bottom: 10px;
    text-align: left; /* 标题左对齐显得更高级 */
}

p {
    font-size: 16px;
    color: #666666;
    text-align: left;
    margin-bottom: 30px;
}

/* 5. 改造退订列表区域（去掉边框，变成宽大点击区） */
.lists {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 30px;
}

/* 让每个复选框选项变成一个可点击的条目 */
.lists label {
    display: flex;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid #eeeeee; /* 极简的分割线 */
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    margin: 0;
}

.lists label:last-child {
    border-bottom: none;
}

/* 放大复选框，方便手机端用户点击 */
.lists input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-right: 15px;
    accent-color: #000000; /* 选中时变成纯黑，极简风 */
    cursor: pointer;
}

/* 6. 重新设计按钮 */
.button, 
button[type="submit"], 
input[type="submit"] {
    background-color: #000000; /* 纯黑按钮 */
    color: #ffffff;
    padding: 16px 24px;
    border: none;
    border-radius: 50px; /* 药丸形状按钮 */
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    transition: opacity 0.2s ease;
}

.button:hover, 
button[type="submit"]:hover, 
input[type="submit"]:hover {
    background-color: #333333;
}

/* 7. 针对 "Wipe my data" (清除我的数据) 这种危险按钮变灰 */
a.button-danger {
    background-color: #ffeeee;
    color: #cc0000;
}