/* custom.css — 极简黑白主题（customize-site-SKILL.md 步骤一）
   在 screen.css 之后加载，覆盖关键视觉。 */

:root {
    --c-bg: #ffffff;
    --c-fg: #111111;
    --c-muted: #666666;
    --c-border: #e5e5e5;
    --c-card: #ffffff;
    --c-accent: #e74c3c;
    --c-header-bg: #000000;
    --c-header-fg: #ffffff;
}

html, body {
    background-color: var(--c-bg) !important;
    color: var(--c-fg) !important;
}

/* —— Header：纯黑 —— */
header.main,
header.main .menuHolder label[for="navigationTrigger"] {
    background-color: var(--c-header-bg) !important;
    color: var(--c-header-fg) !important;
}
header.main .menuHolder label[for="navigationTrigger"] svg { fill: var(--c-header-fg) !important; }
header.main .logo svg polygon { fill: #ffffff !important; }

/* —— 汉堡菜单交互（checkbox hack） —— */
header.main .menuHolder {
    position: relative;
}
header.main .menuHolder > input[type="checkbox"] { display: none; }
header.main .menuHolder > nav.main {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #111;
    z-index: 100;
    padding: 10px 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}
header.main .menuHolder > input[type="checkbox"]:checked ~ nav.main {
    display: block;
}
header.main .menuHolder > label[for="navigationTrigger"] {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 10px;
}

/* —— 顶部导航链接 —— */
header.main .menuHolder nav.main ul > li a {
    color: var(--c-header-fg) !important;
    border-bottom-color: #333 !important;
}
header.main .menuHolder nav.main ul > li a:hover { color: var(--c-accent) !important; }

/* —— 主内容区 —— */
.content {
    background-color: var(--c-bg) !important;
}
.main-section {
    max-width: 960px;
}

/* —— 标题区：去蓝，去粗体夸张 —— */
h1, .h1,
h2, .h2,
h3, .h3 {
    color: var(--c-fg) !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em;
}
h1 a, .h1 a,
h2 a, .h2 a,
h3 a, .h3 a {
    color: var(--c-fg) !important;
}
h1, .h1 {
    font-size: 1.875em !important;
    border-bottom: 1px solid var(--c-border);
    padding-bottom: 0.4em;
    margin-bottom: 0.8em;
    text-transform: none !important;
    text-align: left !important;
}
h2, .h2 {
    font-size: 1.25em !important;
    text-transform: none !important;
    text-align: left !important;
    line-height: 1.5em !important;
}

/* —— 通用链接 —— */
a {
    color: var(--c-fg) !important;
    text-decoration: none;
}
a:hover {
    color: var(--c-accent) !important;
}

/* —— 按钮 —— */
.btn, .btn-primary, .btn-highlight, .btn-neutral, .btn-transparent {
    background-color: #000 !important;
    color: #fff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    transition: background-color .15s linear, color .15s linear;
}
.btn:hover, .btn-primary:hover, .btn-highlight:hover {
    background-color: var(--c-accent) !important;
    color: #fff !important;
}
.btn-container .btn-primary { padding: 12px 48px; }

/* —— 游戏卡片：去掉阴影、加细线 —— */
ul.games li .icon {
    border: 1px solid var(--c-border) !important;
    box-shadow: none !important;
    border-radius: 4px;
    overflow: hidden;
    transition: border-color .15s linear;
}
ul.games li:hover .icon {
    border-color: #000 !important;
}
ul.games li .name {
    color: var(--c-fg) !important;
    font-weight: 500;
}
ul.games li:hover .name {
    color: var(--c-accent) !important;
}

/* —— footer —— */
footer.main {
    background-color: #000 !important;
    color: #fff !important;
    border-top: 2px solid #000;
}
footer.main a { color: #fff !important; }
footer.main a:hover { color: var(--c-accent) !important; }
footer.main .footer-content section.tags nav.main ul li a {
    background-color: #1a1a1a !important;
    color: #fff !important;
    border-radius: 0 !important;
}
footer.main .footer-content section.tags nav.main ul li a:hover {
    background-color: var(--c-accent) !important;
    color: #fff !important;
}

/* —— 同意框：与极简风一致 —— */
.consent-box {
    border: 1px solid var(--c-border) !important;
    box-shadow: none !important;
    border-radius: 4px !important;
}
.consent-box-button {
    background-color: #000 !important;
    border-color: #000 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.consent-box-button:hover {
    background-color: var(--c-accent) !important;
    border-color: var(--c-accent) !important;
}

/* —— 自定义分类区块容器 —— */
#home-section-1 {
    border-top: 1px solid var(--c-border);
    margin-top: 20px;
    padding-top: 20px;
}

/* —— 返回顶部按钮 —— */
.backToTop {
    background-color: #000 !important;
    border-radius: 0 !important;
}

/* —— 小屏微调 —— */
@media only screen and (max-width: 750px) {
    h1, .h1 { font-size: 1.5em !important; }
    h2, .h2 { font-size: 1.1em !important; }
    .main-section { padding: 0 12px; }
}