/* ===== 纯白主题覆盖：卡片白底 + 阴影，按钮蓝色 ===== */

/* 背景容器与模糊层全部纯白、不模糊 */
.zyyo-filter { background-color: #ffffff !important; }
.zyyo-filter::before { background: #ffffff !important; filter: none !important; }
.zyyo-filter::after { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }

/* 统一卡片：白底、不透明、不模糊、浅边框、阴影 */
.box,
.left-div,
.left-time,
.projectItem,
.content,
.info,
.big #app-list,
.tc-main,
.load-more-button,
.iconItem,
.big .small form {
    background-color: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
}

/* 卡片悬浮加深一点 */
.box:hover,
.projectItem:hover,
.load-more-button:hover {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12) !important;
}

/* 首屏头部容器也做白底卡片 */
header {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    padding: 24px;
}

/* ===== 按钮统一蓝色 ===== */
.expand-button,
.page-button,
.load-more-button,
.big .small form .btns input {
    background-color: #3b82f6 !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3) !important;
}

.expand-button:hover,
.page-button:hover,
.load-more-button:hover,
.big .small form .btns input:hover {
    background-color: #2563eb !important;
}

/* 圆形翻页按钮内的 svg 图标变白 */
.page-button svg { fill: #ffffff !important; }

/* 禁用态保持灰色 */
.page-button:disabled,
.load-more-button:disabled {
    background-color: #d1d5db !important;
    box-shadow: none !important;
    cursor: not-allowed;
}

/* 搜索框内文字改深色（原先是白色，白底上看不见） */
.big .small form input { color: #1f2937 !important; }
.big .small form input::placeholder { color: #9ca3af !important; }

/* 强制 body/html 纯白，禁用任何背景图（aan.css 会给 body 设背景图） */
html, body {
    background-image: none !important;
    background-color: #ffffff !important;
    background: #ffffff !important;
}