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


        /* 主容器 - 完全遵循原始设计 + 精致微调 */
        .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: 23px;
            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;
            transition: color 0.2s, text-shadow 0.1s;
            font-weight: 600;
        }

        /* 主名称字体稍大 */
        .link-cell a > span:first-child {
            display: inline-block;
            font-size: 23px;
            font-weight: 800;
            letter-spacing: 1px;
        }

        /* 域名区域 (大字体常规) */
        .site-domain {
            display: block;
            font-size: 18px;
            font-weight: 600;
            margin-top: 8px;
            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: 780px) {
            .link-table {
                border-spacing: 8px 10px;
            }
            .link-cell {
                font-size: 16px;
                padding: 8px 4px;
            }
            .link-cell a > span:first-child {
                font-size: 16px;
            }
            .site-domain {
                font-size: 10px;
                margin-top: 5px;
            }
            .small-domain {
                font-size: 10px;
            }
            .main-title {
                font-size: 16px;
                padding: 10px;
            }
        }


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

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