/* --- OneNav 主题美化 CSS (参考 star8.cn 风格) --- */

/* 1. 全局和基础样式 */
body {
    background-color: #f5f6f7; /* 设置为星吧导航同款浅灰色背景 */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* 2. 分类标题美化 */
.sidebar-heading,
.card-header {
    font-size: 1.1rem;
    font-weight: bold;
    color: #333;
    padding-left: 15px;
    border-left: 4px solid #409EFF; /* 左侧蓝色装饰条 */
    background-color: transparent !important; /* 去掉原有背景色 */
    border-bottom: none !important; /* 去掉原有下边框 */
    margin-bottom: 20px;
}

/* 3. 核心卡片样式 (这是最重要的部分) */
.url-card, 
.list-one {
    /* 基础布局和背景 */
    background-color: #ffffff;
    border-radius: 8px !important; /* 圆角效果 */
    padding: 15px !important;
    border: 1px solid #eef0f3; /* 非常浅的边框 */

    /* 盒子阴影效果 */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);

    /* 平滑过渡动画 */
    transition: all 0.3s ease-in-out;

    /* 确保内部元素垂直对齐 */
    display: flex !important;
    align-items: center;
}

/* 4. 鼠标悬停时的动态效果 */
.url-card:hover,
.list-one:hover {
    transform: translateY(-5px); /* 向上浮动5像素 */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* 阴影加深 */
    border: 1px solid #409EFF; /* 显示蓝色高亮边框 */
}

/* 5. 卡片内部图标样式 */
.url-card .url-ico,
.list-one .ico-url {
    width: 40px !important; /* 固定图标宽度 */
    height: 40px !important; /* 固定图标高度 */
    border-radius: 8px !important; /* 图标也使用圆角 */
    margin-right: 15px; /* 图标和文字的间距 */
    object-fit: cover;
}

/* 6. 卡片内部文字排版 */
.url-card .text-sm,
.list-one .text-sm {
    font-weight: bold;
    color: #303133; /* 主标题颜色 - 深灰色 */
    margin-bottom: 2px; /* 减少标题和描述的间距 */
}

.url-card .text-xs,
.list-one .text-xs {
    color: #909399; /* 描述文字颜色 - 浅灰色 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    max-width: 180px; /* 限制描述最大宽度，防止换行 */
}

/* 7. 移除链接默认的下划线 */
a.url-card,
a.list-one {
    text-decoration: none !important;
}