/* ========== 全局样式重置与基础 ========== */


        /* 主容器 - 完全遵循原始设计 + 精致微调 */
        .nav-container {
            max-width: 1400px;
            margin: 0 auto;
            border: 1px solid #d4cdc2;
            background: #fef9e8;  /* 柔和底纹，让表格更融入 */
            overflow: hidden;
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
            transition: all 0.2s;
        }

        /* 表格：继承原始风格，间距舒适，自适应 */
        .link-table {
            width: 100%;
            border-collapse: separate;
            border-spacing: 12px 14px;
            background: transparent;
            table-layout: fixed;
        }

        /* 单元格核心样式：圆角卡片感 + 默认背景 */
        .link-cell {
            border-radius: 15px;
            text-align: center;
            font-weight: 700;
            font-size: 21px;
            border: 1px solid #cfc5b0;
            padding: 4px 6px;
            background-color: #fcf8ef;   /* 米白基底 */
            transition: all 0.25s cubic-bezier(0.2, 0.9, 0.4, 1.1);
            cursor: pointer;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
            vertical-align: middle;
        }


        /* 高亮单元格 (原始黄色背景) 保留醒目感 */
        .link-cell.yellow {
            background-color: #fff3b8;   /* 黄油色，更柔和但明亮 */
            border-color: #f3c26b;
            box-shadow: 0 2px 8px rgba(226, 179, 53, 0.2);
        }

        /* 高亮单元格 (原始黄色背景) 保留醒目感 */
        .link-cell.green {
            background-color: #e6f7e6;   /* 黄油色，更柔和但明亮 */
            border-color: #00b600;
            box-shadow: 0 2px 8px rgba(226, 179, 53, 0.2);
        }

        /* 高亮单元格 (原始黄色背景) 保留醒目感 */
        .link-cell.pink {
            background-color: #FFC7CE;   /* 黄油色，更柔和但明亮 */
            border-color: #FF0000;
            box-shadow: 0 2px 8px rgba(226, 179, 53, 0.2);
        }


        /* ★★★ 核心交互：鼠标经过变色 (醒目橙黄渐变) ★★★ */
        .link-cell:hover {
            background: linear-gradient(145deg, #ffb347, #ff9f2c) !important;
            border-color: #e67e22 !important;
        }

        /* 确保链接内文字在悬停时清晰可见、颜色对比舒适 */
        .link-cell:hover a {
            color: #1f1b10;

        }

       /* 链接铺满整个单元格区域，保留块级点击区域 */
       .link-cell a {
           display: block;
           text-decoration: none;
           color: #2d2418;
           padding: 4px 4px; /* 原来 4px 4px，稍微调小 */
           line-height: 1.5; /* 新增：整体行高变紧凑 */
           transition: color 0.2s, text-shadow 0.1s;
           font-weight: 600;
       }
       
       /* 主名称字体稍大 */
       .link-cell a > span:first-child {
           display: inline-block;
           font-size: 20px;
           font-weight: 800;
           letter-spacing: 1px;
           line-height: 1.5; /* 新增：第一行行高变小 */
       }
       
       /* 域名区域 */
       .site-domain {
           display: block;
           font-size: 16px;
           font-weight: 600;
           margin-top: 6px; /* 原来 8px，这里就是第一行和第二行的间隔 */
           line-height: 1.5; /* 新增：第二行行高变小 */
           word-break: break-word;
       }

        /* 针对第二组小字号域名特殊处理 */
        .small-domain {
            font-size: 18px;
            letter-spacing: 0.3px;
        }

        /* 彩色文字片段：红+靛青风格 */
        .color-red {
            color: #b13b2d;
            font-weight: 600;
        }
        .color-dred {
            color: #FF0000;
            font-weight: 600;
        }
        .color-teal {
            color: #1f7a6b;
            font-weight: 600;
        }
        .color-blue {
            color: #0000FF;
            font-weight: 600;
        }
        .color-green {
            color: #00CC00;
            font-weight: 600;
        }
       /* 文字大小片段：红+靛青风格 */
        .font-30 {
        font-weight: 600 !important;   /* 加粗 */
        font-size: 30px !important;    /* 字体大小26px */
        font-style: normal !important; /* 防止斜体干扰 */
        }

        .font-35 {
        font-weight: 600 !important;   /* 加粗 */
        font-size: 35px !important;    /* 字体大小26px */
        font-style: normal !important; /* 防止斜体干扰 */
        }

        /* 附加小调整：让表格在窄屏下更舒适 */
       
@media (max-width: 580px) {
    .link-table {
        border-spacing: 8px 8px;
    }

    .link-cell {
        font-size: 16px;
        padding: 5px 4px; /* 原来 8px 4px */
        line-height: 1.1;
    }

    .link-cell a {
        padding: 2px 3px;
        line-height: 1.1;
    }

    .link-cell a > span:first-child {
        font-size: 16px;
        line-height: 1.1;
    }

    .site-domain {
        font-size: 10px;
        margin-top: 1px; /* 原来 5px */
        line-height: 1.05;
    }

    .small-domain {
        font-size: 10px;
        line-height: 1.05;
    }

    .main-title {
        font-size: 16px;
        padding: 8px;
    }
}


        /* 焦点样式 提升可访问性 */
        .link-cell a:focus-visible {
            outline: 3px solid #ff8c42;
            outline-offset: 3px;
            border-radius: 20px;
        }

        /* 优雅滚动与背景整体协调 */
        html {
            scroll-behavior: smooth;
        }