/* footer.php */
/* 首页广告位：不超页面总宽度，与整体协调 */
.ad-slot-wrap { margin: 0 auto; max-width: var(--site-max-width, 1150px); width: 100%; box-sizing: border-box; padding-left: 20px; padding-right: 20px; }
/* 首页：所有广告位与主内容同宽 */
body.page-home .ad-slot-wrap { max-width: var(--home-max-width, 1150px); padding-left: 0; padding-right: 0; }
body.page-home .ad-a1-outer,
body.page-home .ad-slot-wrap.ad-slot-a8 { max-width: var(--home-max-width, 1150px) !important; width: 100%; box-sizing: border-box !important; }
.ad-slot-wrap:empty { display: none; }
/* 内容页 C2/C5/C6：无实际广告节点时不占位（避免空 div 含空白字符导致 :empty 失效，只剩紫/蓝边条） */
.ad-slot-wrap.ad-slot-c2:not(:has([data-ad-slot])),
.ad-slot-wrap.ad-slot-c5:not(:has([data-ad-slot])),
.ad-slot-wrap.ad-slot-c6:not(:has([data-ad-slot])) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    min-height: 0 !important;
}
.ad-slot-wrap [data-ad-slot] { box-sizing: border-box; }
.ad-item { box-sizing: border-box; }
.ad-item.ad-image { display: block; text-decoration: none; }

/* 广告主题色：亮色 / 暗色模式分别使用不同背景与边框 */
:root {
    --ad-bg: #ffffff;
    --ad-border: rgba(229, 231, 235, 1); /* #e5e7eb */
}
[data-theme="dark"] {
    --ad-bg: #020617;                   /* 接近深蓝黑 */
    --ad-border: rgba(30, 64, 175, 0.7); /* 深色描边 */
}

.ad-item.ad-image .ad-img-wrap {
    display: block;
    overflow: hidden;
    background: var(--ad-bg);
    border-radius: 0;
    position: relative;
}
.ad-item.ad-image .ad-img-wrap::after {
    content: "AD";
    position: absolute;
    top: 0;
    right: 0;
    font-size: 11px;
    line-height: 1.2;
    padding: 2px 6px;
    background: rgba(75, 85, 99, 0.88);
    color: rgba(255, 255, 255, 0.95);
    white-space: nowrap;
    pointer-events: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}
.ad-item.ad-image img { display: block; max-width: 100%; width: 100%; height: auto; vertical-align: middle; object-fit: contain; }

/* A1 顶部横幅：与下方 main 同宽（max 1200px + 左右 20px），不超四栏总宽，整区白底，缩小图片 */
.ad-a1-outer {
    /* 对齐首页 .main：两者同用 max-width 1150，并用 padding: 6px 保证内容起点完全一致 */
    margin: 0 auto; width: 100%; max-width: var(--home-max-width, 1150px); box-sizing: border-box; padding: 0 6px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    /* 取消 A1 白色背景 */
    background: transparent;
    margin-bottom: 0;
    overflow: visible;
}
/* 首页 A1 关闭或为空时整块不占位、不显示蓝条 */
.ad-a1-outer:has(.ad-slot-wrap:empty) { display: none !important; margin: 0 !important; padding: 0 !important; border: none !important; box-shadow: none !important; min-height: 0 !important; }
.ad-a1-outer:not(:has([data-ad-slot])) { display: none !important; margin: 0 !important; padding: 0 !important; border: none !important; box-shadow: none !important; min-height: 0 !important; }
.ad-a1-outer .ad-slot-wrap.ad-slot-a1 { padding: 4px 0; background: transparent; border: none; max-width: 100%; }
.ad-slot-wrap.ad-slot-a1 [data-ad-slot] {
    display: grid;
    /* A1：每行 2 个铺满整站宽 1150 */
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    justify-content: stretch;
    /* A1：上下左右间隔 1px（用于对齐测试） */
    gap: 1px;
    align-items: start;
    justify-items: stretch;
}
.ad-slot-wrap.ad-slot-a1 .ad-item { width: 100%; min-width: 0; justify-self: stretch; }
.ad-slot-wrap.ad-slot-a1 .ad-item.ad-image .ad-img-wrap {
    display: block; overflow: hidden; background: transparent;
    border-radius: 0;
}
.ad-slot-wrap.ad-slot-a1 .ad-item.ad-image .ad-img-wrap img {
    width: 100%; height: 100%; object-fit: contain; display: block; vertical-align: top; max-width: none;
}
/* A1：去掉每个广告位外框/描边（防止被通用 ad-item 样式叠加） */
.ad-slot-wrap.ad-slot-a1 .ad-item {
    border: none !important;
    box-shadow: none !important;
}
.ad-slot-wrap.ad-slot-a1 .ad-img-wrap {
    border: none !important;
    box-shadow: none !important;
}
.ad-slot-wrap.ad-slot-a1 .ad-item.ad-image .ad-img-wrap::after {
    box-shadow: none !important;
}
/* A1：小屏改为单列自适应，避免固定 560 溢出 */
@media (max-width: 1150px) {
    /* 断点与整站宽一致时 A1 单列 */
    .ad-slot-wrap.ad-slot-a1 [data-ad-slot] {
        grid-template-columns: 1fr;
        gap: 1px;
    }
}

/* A2 文字广告区：每行4个，间隔紧凑；总宽度与首页四列导航一致 */
.ad-slot-wrap.ad-slot-a2 [data-ad-slot] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px 6px; }
.ad-slot-wrap.ad-slot-a2 { max-width: var(--site-max-width, 1150px); margin: 0 auto; padding: 8px 2px 12px; background: transparent; box-sizing: border-box; }
body.page-home .ad-slot-wrap.ad-slot-a2 { max-width: var(--home-max-width, 1150px); }
.main .ad-slot-wrap.ad-slot-a2 { padding-left: 2px; padding-right: 2px; }
.ad-slot-wrap.ad-slot-a2 .ad-item.ad-text {
    display: block; padding: 8px 10px; font-size: 13px; line-height: 1.4; color: var(--text-secondary, #4a5568);
    text-decoration: none; background: var(--bg-card, #fff); border-radius: 6px; border: 1px solid var(--border-color, #e5e7eb);
    transition: all 0.2s; box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}
.ad-slot-wrap.ad-slot-a2 .ad-item.ad-text:hover { color: var(--accent-color, #6366f1); border-color: rgba(99,102,241,0.3); box-shadow: 0 2px 8px rgba(99,102,241,0.1); }
.ad-slot-wrap.ad-slot-a2 .ad-item.ad-image .ad-img-wrap { border-radius: 0; background: var(--ad-bg); }

/* A3 A4 对联：紧挨中间内容框左右两侧，内容居中；关闭按钮紧贴对联底部边框 */
.ad-couplet { position: fixed; top: 50%; transform: translateY(-50%); z-index: 998; width: 120px; background: transparent; padding: 0 8px; box-sizing: border-box; display: flex; flex-direction: column; }
.ad-couplet-left { left: max(8px, calc(50% - 600px - 136px)); }
.ad-couplet-right { left: calc(50% + 600px); right: auto; }
@media (max-width: 1150px) {
    .ad-couplet-left { left: 8px; }
    .ad-couplet-right { left: auto; right: 8px; }
}
.ad-couplet [data-ad-slot] { display: block; text-align: center; flex: 1; min-height: 0; }
.ad-couplet .ad-item { display: block; margin-bottom: 8px; margin-left: auto; margin-right: auto; max-width: 100%; }
.ad-couplet .ad-item.ad-image { margin-left: auto; margin-right: auto; }
.ad-couplet .ad-item.ad-image .ad-img-wrap { border-radius: 0; overflow: hidden; background: var(--ad-bg); margin: 0 auto; }
.ad-couplet .ad-item.ad-image .ad-img-wrap img { display: block; margin: 0 auto; max-width: 100%; object-fit: contain; }
.ad-close-all-btn {
    display: block; width: 100%; max-width: 100%; margin: 0; margin-top: 4px; padding: 6px 6px; border: none; border-radius: 0 0 6px 6px;
    font-size: 11px; font-weight: 500; color: #fff; background: linear-gradient(135deg, rgba(99,102,241,0.85), rgba(139,92,246,0.85));
    cursor: pointer; text-align: center; line-height: 1.3; transition: all 0.2s; box-shadow: 0 2px 8px rgba(99,102,241,0.25);
    flex-shrink: 0; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.ad-close-all-btn::before { content: "× "; font-size: 14px; font-weight: bold; }
.ad-couplet-left .ad-close-all-btn,
.ad-couplet-right .ad-close-all-btn { margin-left: 0; margin-right: 0; width: 100%; }
.ad-close-all-btn:hover { background: linear-gradient(135deg, rgba(99,102,241,0.95), rgba(139,92,246,0.95)); box-shadow: 0 4px 12px rgba(99,102,241,0.35); transform: translateY(-1px); }

/* 关闭全站广告后隐藏所有广告位（刷新页面恢复） */
body.ads-hidden .ad-a1-outer,
body.ads-hidden .ad-slot-wrap.ad-slot-a2,
body.ads-hidden .ad-slot-wrap.ad-slot-a5,
body.ads-hidden .ad-slot-wrap.ad-slot-a6,
body.ads-hidden .ad-slot-wrap.ad-slot-a8,
body.ads-hidden .ad-slot-wrap.ad-slot-b5,
body.ads-hidden .ad-slot-wrap.ad-slot-b6,
body.ads-hidden .ad-slot-wrap.ad-slot-b8,
body.ads-hidden .ad-slot-wrap.ad-slot-c2,
body.ads-hidden .ad-slot-wrap.ad-slot-c5,
body.ads-hidden .ad-slot-wrap.ad-slot-c6,
body.ads-hidden .ad-slot-wrap.ad-slot-c8,
body.ads-hidden .ad-couplet,
body.ads-hidden .ad-float { display: none !important; }

/* A5 A6 A8 整体边框区域与 A1 一致；B5/B6、C5/C6/C8 复用同款样式 */
.ad-slot-wrap.ad-slot-a5 [data-ad-slot],
.ad-slot-wrap.ad-slot-b5 [data-ad-slot],
.ad-slot-wrap.ad-slot-c5 [data-ad-slot] { display: flex; flex-direction: column; gap: 2px; }
.ad-slot-wrap.ad-slot-a5 .ad-item,
.ad-slot-wrap.ad-slot-b5 .ad-item,
.ad-slot-wrap.ad-slot-c5 .ad-item { display: block; width: 100%; }
.ad-slot-wrap.ad-slot-a5 .ad-item.ad-image .ad-img-wrap,
.ad-slot-wrap.ad-slot-b5 .ad-item.ad-image .ad-img-wrap,
.ad-slot-wrap.ad-slot-c5 .ad-item.ad-image .ad-img-wrap { width: 100%; height: 45px; background: #fff; overflow: hidden; border-radius: 0; }
.ad-slot-wrap.ad-slot-a5 .ad-item.ad-image .ad-img-wrap img,
.ad-slot-wrap.ad-slot-b5 .ad-item.ad-image .ad-img-wrap img,
.ad-slot-wrap.ad-slot-c5 .ad-item.ad-image .ad-img-wrap img { width: 100%; height: 45px; object-fit: cover; display: block; max-width: 100%; }
.ad-slot-wrap.ad-slot-a5,
.ad-slot-wrap.ad-slot-b5,
.ad-slot-wrap.ad-slot-c5 {
    max-width: var(--site-max-width, 1150px); margin: 0 auto; box-sizing: border-box; background: var(--ad-bg);
    padding: 2px 2px 0 2px;
    border: 1px solid rgba(99, 102, 241, 0.25);
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(139, 92, 246, 0.1), 0 2px 8px rgba(99, 102, 241, 0.06);
}
/* main 内广告不超出整站宽 1150 */
.main .ad-slot-wrap { max-width: 100%; }
.main .ad-slot-wrap.ad-slot-a5,
.main .ad-slot-wrap.ad-slot-b5,
.main .ad-slot-wrap.ad-slot-c5 { padding-left: 2px; padding-right: 2px; margin-top: 4px; }
.main .ad-slot-wrap.ad-slot-a6,
.main .ad-slot-wrap.ad-slot-b6,
.main .ad-slot-wrap.ad-slot-c6 { padding-left: 2px; padding-right: 2px; }

/* A6 B6 C6 紧挨 A5/B5/C5，每行2个；边框与 A1 一致 */
.ad-slot-wrap.ad-slot-a6 [data-ad-slot],
.ad-slot-wrap.ad-slot-b6 [data-ad-slot],
.ad-slot-wrap.ad-slot-c6 [data-ad-slot] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2px; align-items: stretch; }
.ad-slot-wrap.ad-slot-a6,
.ad-slot-wrap.ad-slot-b6,
.ad-slot-wrap.ad-slot-c6 {
    max-width: var(--site-max-width, 1150px); margin: 4px auto 0; box-sizing: border-box; background: var(--ad-bg);
    padding: 2px;
    border: 1px solid rgba(99, 102, 241, 0.25);
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(139, 92, 246, 0.1), 0 2px 8px rgba(99, 102, 241, 0.06);
}
.ad-slot-wrap.ad-slot-a6 .ad-item,
.ad-slot-wrap.ad-slot-b6 .ad-item,
.ad-slot-wrap.ad-slot-c6 .ad-item { width: 100%; }
.ad-slot-wrap.ad-slot-a6 .ad-item.ad-image .ad-img-wrap,
.ad-slot-wrap.ad-slot-b6 .ad-item.ad-image .ad-img-wrap,
.ad-slot-wrap.ad-slot-c6 .ad-item.ad-image .ad-img-wrap { border-radius: 0; overflow: hidden; background: #fff; }
.ad-slot-wrap.ad-slot-a6 .ad-item.ad-image .ad-img-wrap img,
.ad-slot-wrap.ad-slot-b6 .ad-item.ad-image .ad-img-wrap img,
.ad-slot-wrap.ad-slot-c6 .ad-item.ad-image .ad-img-wrap img { max-width: 100%; width: 100%; height: auto; object-fit: contain; display: block; }

/* A7 右下角悬浮：无圆角 */
.ad-float { position: fixed; right: 0; bottom: 0; z-index: 997; max-width: 160px; }
.ad-float [data-ad-slot] { display: block; }
.ad-float .ad-item.ad-image .ad-img-wrap { border-radius: 0; overflow: hidden; background: var(--ad-bg); box-shadow: 0 -2px 12px rgba(0,0,0,0.16); }
.ad-float .ad-item.ad-image .ad-img-wrap img { max-width: 100%; object-fit: contain; }

/* A8 B8 C8 推荐位：底区域上方，不超整站宽 1150px */
.ad-slot-wrap.ad-slot-a8,
.ad-slot-wrap.ad-slot-b8,
.ad-slot-wrap.ad-slot-c8 {
    max-width: var(--site-max-width, 1150px); margin: -20px auto 2px; background: var(--ad-bg); box-sizing: border-box; overflow: hidden;
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.ad-slot-wrap.ad-slot-a8 [data-ad-slot],
.ad-slot-wrap.ad-slot-b8 [data-ad-slot],
.ad-slot-wrap.ad-slot-c8 [data-ad-slot] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; align-items: stretch; }
.ad-slot-wrap.ad-slot-a8 .ad-item,
.ad-slot-wrap.ad-slot-b8 .ad-item,
.ad-slot-wrap.ad-slot-c8 .ad-item {
    width: 100%;
    border: 1px solid var(--ad-border);
    background: var(--ad-bg);
    box-sizing: border-box;
    overflow: hidden;
}
.ad-slot-wrap.ad-slot-a8 .ad-item.ad-image .ad-img-wrap,
.ad-slot-wrap.ad-slot-b8 .ad-item.ad-image .ad-img-wrap,
.ad-slot-wrap.ad-slot-c8 .ad-item.ad-image .ad-img-wrap {
    border-radius: 0;
    overflow: hidden;
    background: var(--ad-bg);
    border: none;
    height: 70px;
}

/* 首页 A8：取消背景 + 每行间隔 1px + 与 A1 内容宽度对齐 */
body.page-home .ad-slot-wrap.ad-slot-a8 { background: transparent; padding: 0 6px; }
body.page-home .ad-slot-wrap.ad-slot-a8 [data-ad-slot] { gap: 1px; }
/* 为避免外部规则覆盖，显式对齐最大宽度 */
body.page-home .ad-slot-wrap.ad-slot-a8 { max-width: var(--home-max-width, 1150px); box-sizing: border-box; }
body.page-home .ad-slot-wrap.ad-slot-a8 .ad-item.ad-image .ad-img-wrap { background: transparent; }

/* 首页 A8：取消默认 280x70 固定高度，允许自动拉升 */
body.page-home .ad-slot-wrap.ad-slot-a8 .ad-item.ad-image .ad-img-wrap {
    height: auto !important;
    width: 100% !important;
    overflow: visible !important;
}
body.page-home .ad-slot-wrap.ad-slot-a8 .ad-item.ad-image .ad-img-wrap img {
    height: auto !important;
    width: 100% !important;
}
.ad-slot-wrap.ad-slot-a8 .ad-item.ad-image .ad-img-wrap img,
.ad-slot-wrap.ad-slot-b8 .ad-item.ad-image .ad-img-wrap img,
.ad-slot-wrap.ad-slot-c8 .ad-item.ad-image .ad-img-wrap img { max-width: 100%; width: 100%; height: 70px; object-fit: contain; display: block; }
/* A8：防止脚本注入固定宽 iframe/img 撑破 1150 */
.ad-slot-wrap.ad-slot-a8 [data-ad-slot],
.ad-slot-wrap.ad-slot-a8 iframe,
.ad-slot-wrap.ad-slot-a8 img { max-width: 100% !important; width: 100% !important; }
.page-home .ad-slot-wrap.ad-slot-a8 { margin-top: 2px; }
.ad-slot-a8-above-footer { border-bottom: none; }
/* 栏目页 B8 与上方内容（网站网格）间隔 10px，避免紧贴卡片底部文字 */
.page-category .ad-slot-wrap.ad-slot-b8 { margin-top: 10px; }
/* C8 与顶部卡贴底框间隔 4px */
.ad-slot-wrap.ad-slot-c8.ad-slot-c8-above-footer { margin-top: 4px; }
/* B1 栏目页：与顶部栏目区域底部间隔 2px（由面包屑 margin-bottom 控制） */
.ad-outer-b1 { margin-top: 0; }
/* C1 内容页：与栏目路径底部、与下方内容区域间隔均为 2px */
.ad-outer-c1 { margin-top: 0; margin-bottom: 2px; }
/* C5、C6 上下间隔均为 2px */
.ad-slot-c5-below-comments { margin-top: 2px; margin-bottom: 2px; }
.ad-slot-c6-below-cards { margin-top: 2px; margin-bottom: 2px; }

/* C2 内容页：主内容下方，两格 560×170 */
.ad-slot-wrap.ad-slot-c2 {
    width: 100%;
    max-width: var(--site-max-width, 1150px);
    margin: 6px auto 2px;
    box-sizing: border-box;
    background: var(--ad-bg);
    padding: 2px;
    border: 1px solid var(--ad-border);
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(139, 92, 246, 0.16), 0 2px 8px rgba(99, 102, 241, 0.15);
}
.ad-slot-wrap.ad-slot-c2 [data-ad-slot] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2px;
    align-items: stretch;
}
.ad-slot-wrap.ad-slot-c2 .ad-item { width: 100%; }
.ad-slot-wrap.ad-slot-c2 .ad-item.ad-image .ad-img-wrap {
    width: 100%;
    height: 170px;
    overflow: hidden;
    background: var(--ad-bg);
    border-radius: 0;
}
.ad-slot-wrap.ad-slot-c2 .ad-item.ad-image .ad-img-wrap img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    display: block;
}

@media (max-width: 768px) {
    .ad-couplet, .ad-float { display: none !important; }
    .ad-slot-wrap.ad-slot-a1 [data-ad-slot], .ad-slot-wrap.ad-slot-a6 [data-ad-slot], .ad-slot-wrap.ad-slot-b6 [data-ad-slot], .ad-slot-wrap.ad-slot-c6 [data-ad-slot] { grid-template-columns: 1fr; }
    .ad-slot-wrap.ad-slot-a2 [data-ad-slot] { grid-template-columns: repeat(2, 1fr); }
    .ad-slot-wrap.ad-slot-a8 [data-ad-slot], .ad-slot-wrap.ad-slot-b8 [data-ad-slot], .ad-slot-wrap.ad-slot-c8 [data-ad-slot] { grid-template-columns: repeat(2, 1fr); }
}

/* 右侧浮动按钮 */
.float-buttons {
    position: fixed;
    right: 24px;
    bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 999;
}
.float-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}
.float-btn .btn-icon {
    font-size: 20px;
    font-weight: bold;
    transition: transform 0.3s;
}
.scroll-down-btn {
    background: linear-gradient(135deg, #3d9db0, #3088a3);
    color: #fff;
}
.scroll-down-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 22px rgba(48, 136, 163, 0.45);
}
.scroll-down-btn:hover .btn-icon {
    animation: bounce-down 0.6s ease infinite;
}
@keyframes bounce-down {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(4px); }
}
.scroll-top-btn {
    background: linear-gradient(135deg, #10b981, #34d399);
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.8);
}
.scroll-top-btn.show {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}
.scroll-top-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 25px rgba(16,185,129,0.5);
}
.scroll-top-btn:hover .btn-icon {
    animation: bounce-up 0.6s ease infinite;
}
@keyframes bounce-up {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}

@media (max-width: 768px) {
    .float-buttons {
        right: 16px;
        bottom: 80px;
    }
    .float-btn {
        width: 44px;
        height: 44px;
    }
    .float-btn .btn-icon {
        font-size: 18px;
    }
}

/* 底栏：参考 ITDog 式双行（备案 | 版权 + 联系），浅灰通栏、紧凑 */
.site-footer.site-footer--simple {
    margin-top: 8px;
    padding: 0;
    border-top: 1px solid var(--border-color);
    background: linear-gradient(180deg, color-mix(in srgb, var(--bg-card-header, #f1f5f9) 65%, var(--bg-body, #fff)) 0%, var(--bg-card-header, #f4f7fa) 100%);
}
[data-theme="dark"] .site-footer.site-footer--simple {
    border-top-color: var(--border-color);
    background: linear-gradient(180deg, var(--bg-card) 0%, color-mix(in srgb, var(--bg-body) 100%, #000) 100%);
}
body.page-home .site-footer.site-footer--simple {
    margin-top: 4px;
}

.footer-simple-inner {
    max-width: var(--site-max-width, 1150px);
    margin: 0 auto;
    padding: 8px 16px 12px;
    box-sizing: border-box;
}

.footer-simple-about {
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px dashed color-mix(in srgb, var(--border-color) 90%, var(--primary));
}
.footer-simple-about .footer-simple-lead {
    margin: 0;
    font-size: 12px;
    line-height: 1.7;
    color: var(--text-secondary);
    text-align: center;
    word-break: break-word;
}

.footer-simple-bar {
    text-align: center;
    font-size: 12px;
    line-height: 1.85;
    color: var(--text-muted);
}
.footer-simple-line {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 4px 6px;
}
.footer-simple-line--legal {
    margin-bottom: 4px;
}
.footer-simple-line--legal:only-child {
    margin-bottom: 0;
}
.footer-simple-line--copy {
    margin-top: 2px;
}
.footer-simple-line--legal + .footer-simple-line--copy {
    margin-top: 0;
}

.footer-simple-copy {
    font-size: 12px;
    color: var(--text-secondary);
    letter-spacing: 0.02em;
}
.footer-simple-sep {
    color: color-mix(in srgb, var(--border-color) 70%, var(--text-muted));
    margin: 0 2px;
    user-select: none;
    font-weight: 300;
}
.footer-simple-contact {
    color: var(--primary);
    font-weight: 600;
    text-decoration: none;
}
.footer-simple-contact:hover {
    text-decoration: underline;
}
a.footer-simple-icp {
    color: var(--text-muted);
    text-decoration: none;
    font-size: 12px;
}
a.footer-simple-icp:hover {
    color: var(--primary);
}

@media (max-width: 640px) {
    .footer-simple-inner {
        padding: 6px 12px 10px;
    }
    .footer-simple-bar,
    .footer-simple-copy,
    a.footer-simple-icp {
        font-size: 11px;
    }
    .footer-simple-line--copy {
        flex-direction: column;
        gap: 2px;
    }
    .footer-simple-line--copy .footer-simple-sep {
        display: none;
    }
}
