body {
            background: #f9f9f9;
}

.hero-bg {
            background: linear-gradient(135deg, #10b981 0%, #217358 100%);
            color: #fff;
}

.card-tool {
            transition: transform .2s;
            cursor: pointer;
}

.card-tool:hover {
            transform: translateY(-5px);
}
/* 导航：移动端两列，md 及以上横向排列 */
        .nav-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: .5rem 1rem;
            width: 100%;
        }
        .nav-grid .nav-link {
            display: block;
            padding: .35rem .5rem;
            border-radius: .25rem;
        }
        @media (min-width: 768px) {
            .nav-grid {
                gap: 0.75rem;
                width: auto;
                align-items: center;
            }
            .nav-grid .nav-item { margin-right: .5rem; }
            .nav-grid .nav-link { padding: .5rem .75rem; }
        }
        /* 移动端：每行两个，标题居中并带背景色 */
        @media (max-width: 767.98px) {
            .nav-grid { grid-template-columns: repeat(2, 1fr); }
            .nav-grid .nav-link {
                display: block;
                width: 100%;
                text-align: center;
                padding: .6rem .5rem;
                background: #f1f5f9; /* 浅灰背景，可按需替换 */
                border-radius: .5rem;
                color: #0d6efd;
                margin: .15rem 0;
            }
        }
        /* 桌面端去掉背景，保持横向导航样式 */
        @media (min-width: 768px) {
            .nav-grid .nav-link { background: transparent; color: inherit; margin: 0; }
        }
        /* abc-box：移动端两列居中显示（语言 + 反馈），桌面端保持在右侧 */
        @media (max-width: 767.98px) {
            .abc-box {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: .4rem;
                width: 100%;
                margin-top: .5rem;
                align-items: center;
                justify-items: center;
            }
            /* span 不需要背景，保持居中与内边距 */
            .abc-box > span {
                display: block;
                width: 100%;
                text-align: center;
                padding: .45rem .5rem;
                background: transparent;
                border-radius: .5rem;
                color: #0d6efd;
            }
            /* 如果需要给内部链接单独样式，可使用下面选择器（目前保留默认） */
            .abc-box > span > a {
                display: inline-block;
                color: inherit;
            }
            /* 去除原有的间距工具类可能造成的偏移 */
            .abc-box .ms-3 { margin-left: 0 !important; }
        }
        /* 桌面端恢复默认样式 */
        @media (min-width: 768px) {
            .abc-box { display: block; }
            .abc-box > span, .abc-box > a { background: transparent; padding: 0; color: inherit; }
        }