@charset "utf-8";

/**
                      _ooOoo_
                     o8888888o
                     88" . "88
                     (| -_- |)
                     O\  =  /O
                  ____/`---'\____
                .'  \\|     |//  `.
               /  \\|||  :  |||//  \
              /  _||||| -:- |||||-  \
              |   | \\\  -  /// |   |
              | \_|  ''\---/''  |   |
              \  .-\__  `-`  ___/-. /
            ___`. .'  /--.--\  `. . __
         ."" '<  `.___\_<|>_/___.'  >'"".
        | | :  `- \`.;`\ _ /`;.`/ - ` : | |
        \  \ `-.   \_ __\ /__ _/   .-` /  /
    ======`-.____`-.___\_____/___.-`____.-'======
                      `=---='
    ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-希望各位模仿者手下留情，望佛祖保佑永远无BUG!
-IKUN主页 IKunWl.COM QQ：207385345
-IKUN 一直被模仿 从未被超越 IKUN爱生活
**/

/* ========================= 全局CSS变量（语义化分类） ========================= */
:root {
    /* 基础颜色（主题色） */
    --primary-color: #2196f3;       /* 主色调-蓝色 */
    --warning-color: #ff9800;       /* 警告色-橙色 */
    --brand-blue: #165DFF;          /* 品牌主蓝（导航/按钮） */
    --brand-gray: #333;             /* 深灰（高亮文本） */
    --text-base: #666;              /* 基础文本色 */
    --text-light: #999;             /* 浅灰文本 */
    --bg-base: #e9f0f5;             /* 页面基础背景 */
    --bg-white: #fff;               /* 纯白 */
    --bg-light-1: #eee;             /* 浅灰背景1 */
    --bg-light-2: #ddd;             /* 浅灰背景2 */
    --bg-light-3: #f8f9fa;          /* 极浅灰背景 */
    --bg-light-4: #f9fafc;          /* 超浅灰背景 */
    --mask-black: rgba(0, 0, 0, 0.2);   /* 黑色半透明遮罩 */
    --mask-white: rgba(255, 255, 255, 0.1); /* 白色半透明遮罩 */
    
    /* 功能颜色（特殊模块） */
    --lrc-active-color: #ff9800;    /* 歌词高亮色 */
    --empty-state-color: #165DFF;   /* 空状态图标/按钮色 */
    --notice-new-bg: #e6f0ff;       /* 新公告背景 */
    --notice-new-text: #0066cc;     /* 新公告文本 */
    --notice-announce-bg: #fff2f0;  /* 系统公告背景 */
    --notice-announce-text: #ff4444;/* 系统公告文本 */
    --btn-gradient-start: #4caf50;  /* 按钮渐变起始色 */
    --btn-gradient-end: #2196f3;    /* 按钮渐变结束色 */

    /* 尺寸（固定/常用） */
    --nav-height: 60px;             /* 导航栏高度 */
    --card-radius: 8px;             /* 卡片默认圆角 */
    --btn-radius: 4px;              /* 按钮默认圆角 */
    --icon-size-sm: 20px;           /* 小图标尺寸 */
    --icon-size-md: 24px;           /* 中图标尺寸 */
    --avatar-size: 36px;            /* 用户头像基础尺寸 */
    --avatar-large: 60px;           /* 大头像尺寸 */
    --avatar-medium: 50px;          /* 中头像尺寸 */

    /* 间距（统一规范） */
    --spacing-xs: 4px;              /* 超小间距 */
    --spacing-sm: 6px;              /* 小间距 */
    --spacing-md: 8px;              /* 中等间距 */
    --spacing-lg: 10px;             /* 大间距 */
    --spacing-xl: 16px;             /* 超大间距 */
    --spacing-xxl: 20px;            /* 特大间距 */

    /* 阴影（分层级） */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);    /* 轻阴影 */
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.05);   /* 中阴影 */
    --shadow-lg: 0 5px 15px rgba(0, 0, 0, 0.1);    /* 重阴影 */
    --shadow-brand: 0 6px 16px rgba(22, 93, 255, 0.25); /* 品牌色阴影 */

    /* 动画（统一时长/曲线） */
    --animation-duration: 0.3s;     /* 基础动画时长 */
    --xuan-animation-duration: 8s;  /* 炫彩文字动画时长 */
    --animation-ease: ease;         /* 基础动画曲线 */
    --animation-bezier: cubic-bezier(0.25, 0.8, 0.25, 1); /* 弹性动画曲线 */
}

/* ========================= 全局基础样式 ========================= */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    height: 100vh;
    color: var(--text-base);
    font-size: 14px;
    font-family: serif;
    line-height: 1.8;
    background: var(--bg-base);
    overflow: auto;
}

/* 链接基础样式 */
a {
    color: var(--primary-color);
    text-decoration: none;
}

/* 段落基础样式：清除默认边距、统一行高 */
p {
    margin: 0;
    padding: 0;
    line-height: 1.8;
}

/* 分割线样式：简化样式、浅灰色边框 */
hr,
hr.more {
    margin: var(--spacing-xs) 0;
    border: 0;
    border-top: 1px solid var(--bg-light-1);
}

/* 列表基础样式：清除默认边距、列表样式 */
ul {
    margin: 0;
    padding: 0;
}
ul li {
    list-style-type: none;
}

/* 表单元素样式：过渡效果、清除高亮、去除点击高亮 */
input,
button,
textarea {
    transition: all var(--animation-duration) var(--animation-ease);
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

/* 按钮交互：hover轻微放大、清除默认焦点样式 */
button:hover {
    transform: scale(1.02);
}
button::-moz-focus-inner {
    border: 0;
}
button:-moz-focusring {
    outline: none;
}
button:focus {
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

/* 代码块样式：背景色、内边距、圆角 */
pre {
    margin: 0;
    padding: var(--spacing-md);
    border-radius: 5px;
    background-color: var(--bg-light-1);
}
/* 代码高亮插件样式覆盖：统一语言标签样式 */
pre[class*="language-"] {
    margin: 0 !important;
}
.prism-show-language .prism-show-language-label {
    color: var(--bg-white) !important;
    background-color: var(--primary-color) !important;
}

/* ========================= 主页核心布局样式 ========================= */
/* 主容器：全屏高度、背景色、文字色 */
.main {
    margin: 0;
    padding: 0;
    width: 100%;
    height: calc(100vh - 0px);
    color: var(--bg-white);
    background-color: var(--brand-gray);
}

/* 主容器背景图：伪元素实现全屏背景、居中、覆盖、半透明 */
.main::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - 0px);
    background-position: center center;
    background-size: cover;
    opacity: .6;
    background-image: url(https://bsyimg.luoca.net/imgtc/20251218/e99d42177947729ea0ef26d6fabbdefe.webp);
}

/* 主页名称/Logo区域：内边距、字体大小 */
.main-name {
    margin: 0;
    padding: var(--spacing-xxl) 0;
    font-size: 3.25rem;
}
.main-name img {
    width: 160px; /* Logo尺寸（固定业务值，暂不抽变量） */
}

/* 主页标语区域：内边距、透明度 */
.main-tagline {
    margin: 0;
    padding: var(--spacing-xl);
    opacity: .8;
}

/* 主页内容区标题样式：统一边距、字重、主色调 */
.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6 {
    margin: 1rem 0;
    font-weight: 400;
    color: var(--primary-color);
}

/* 主页内容容器：相对定位、居中、最大宽度限制 */
.main-content {
    position: relative;
    margin: 0 auto;
    padding: 0;
    max-width: 950px; /* 业务固定宽度，暂不抽变量 */
}

/* 底部标签栏：固定在底部、半透明背景、高度 */
.main-tab {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 2;
    height: 42px; /* 业务固定高度 */
    background-color: rgba(0, 1, 1, 0.5);
}

/* 导航按钮：左浮动、基础样式 */
.nav-button {
    display: block;
    float: left;
}
/* 导航/联盟按钮：统一样式（无边框、无背景、光标、内边距、主色调） */
.nav-button,
.lianmeng-button {
    border: none;
    background: none;
    cursor: pointer;
    padding: calc(var(--spacing-md) - 0.5px) var(--spacing-lg);
    color: var(--primary-color);
}
.lianmeng-button {
    padding: var(--spacing-xs) var(--spacing-sm); /* 联盟按钮更小内边距 */
}

/* 激活态按钮：文字白色、底部边框（导航）/背景色（联盟） */
.nav-button.active {
    color: var(--bg-white);
    border-bottom: 2px solid var(--bg-white);
}
.lianmeng-button.active {
    color: var(--bg-white);
    background: var(--mask-white);
    border-radius: var(--btn-radius);
}

/* 导航/联盟内容项：默认隐藏，激活态显示 */
.nav-item,
.lianmeng-item {
    display: none;
}
.nav-item.active,
.lianmeng-item.active {
    display: block;
}

/* 联盟项按钮：边距、内边距、光标、半透明白背景、圆角 */
.lianmeng-item .dhbt {
    margin: 0 var(--spacing-lg) var(--spacing-lg) 0;
    padding: var(--spacing-xs) var(--spacing-lg);
    cursor: pointer;
    background: var(--mask-white);
    border-radius: var(--btn-radius);
}
.lianmeng-item .dhbt a {
    float: right; /* 联盟按钮链接右浮动 */
}

/* 标签栏导航容器：居中、宽度、清除浮动 */
.main-tab .main-nav {
    margin: 0 auto;
    padding: 0;
    width: 950px; /* 与主内容容器对齐 */
    overflow: hidden;
}
.main-tab .main-nav svg {
    position: relative;
    top: var(--spacing-xs); /* SVG图标垂直居中 */
}
/* 标签栏右侧导航：右浮动、文字色、光标 */
.main-tab .main-nav .nav-button-right {
    padding: var(--spacing-lg) var(--spacing-lg);
    font-size: 12px;
    color: var(--bg-white);
    float: right;
    cursor: pointer;
}

/* 主页各模块容器：半透明背景、圆角、清除浮动 */
.main-home,
.main-lianmeng,
.main-links,
.main-go-lm,
.main-footer {
    background: var(--mask-black);
    border-radius: var(--btn-radius);
    overflow: hidden;
}

/* 联盟模块：弹性布局、间距 */
.main-lianmeng {
    display: flex;
    gap: var(--spacing-lg);
}
/* 联盟左侧区域：宽度20%、内边距 */
.main-lianmeng .main-zuo {
    margin: 0;
    padding: var(--spacing-lg) 0 var(--spacing-lg) var(--spacing-lg);
    width: 20%;
}
/* 联盟分隔线：伪元素实现垂直分隔线 */
.main-lianmeng .lianmeng-jg::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    height: 100%;
    background-color: var(--mask-white);
    transform: translateX(-50%);
}
/* 联盟右侧区域：宽度80%、内边距 */
.main-lianmeng .main-you {
    margin: 0;
    padding: var(--spacing-lg) var(--spacing-lg) var(--spacing-lg) 0;
    width: 80%;
}
/* 联盟右侧列表：宽度溢出、清除浮动 */
.main-lianmeng .main-you ul {
    margin: 0 0 calc(-1 * var(--spacing-lg));
    width: calc(100% + var(--spacing-lg));
    overflow: hidden;
}
/* 联盟右侧列表项：6列布局、文字居中、溢出隐藏 */
.main-lianmeng .main-you ul li {
    width: calc(16.66% - var(--spacing-lg));
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/* 联盟列表项/段落：左浮动、半透明白背景、圆角 */
.main-lianmeng .main-you ul li,
.main-lianmeng .main-you ul p {
    margin: 0 var(--spacing-lg) var(--spacing-lg) 0;
    padding: var(--spacing-xs) var(--spacing-lg);
    float: left;
    cursor: pointer;
    background: var(--mask-white);
    border-radius: var(--btn-radius);
}
.main-lianmeng .main-you ul p {
    float: inherit; /* 段落取消左浮动 */
}

/* ========================= 首页文章列表样式 ========================= */
/* 首页推荐/普通文章容器：宽度溢出、清除浮动 */
.main-content .main-newslist .newstj,
.main-content .main-newslist .newswz {
    width: calc(100% + 8px);
    overflow: hidden;
}
/* 首页文章列表项：2列布局、内边距、半透明背景、圆角 */
.main-content .main-newslist .newstj li,
.main-content .main-newslist .newswz li {
    margin: 0 var(--spacing-lg) var(--spacing-lg) 0;
    padding: var(--spacing-lg);
    width: calc(50% - var(--spacing-lg));
    float: left;
    background: var(--mask-black);
    border-radius: var(--btn-radius);
    overflow: hidden;
}
/* 文章缩略图：左浮动、固定尺寸 */
.main-content .main-newslist .newstj li .newsimg,
.main-content .main-newslist .newswz li .newsimg {
    margin: 0 var(--spacing-lg) 0 0;
    float: left;
    width: 100px; /* 业务固定尺寸 */
    height: 78px; /* 业务固定尺寸 */
}
.main-content .main-newslist .newstj li .newsimg img,
.main-content .main-newslist .newswz li .newsimg img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 图片覆盖容器，保持比例 */
}
/* 文章标题：文字白色、溢出隐藏 */
.main-content .main-newslist .newstj li .newstitle,
.main-content .main-newslist .newswz li .newstitle {
    margin: 0;
    color: var(--bg-white);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/* 文章描述：小号字体、浅灰色、2行溢出隐藏 */
.main-content .main-newslist .newstj li .newsdesc,
.main-content .main-newslist .newswz li .newsdesc {
    font-size: 12px;
    color: var(--bg-light-2);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* 文章元信息（时间/阅读量）：弹性布局、分隔线、小号字体 */
.main-content .main-newslist .newstj li .newsmeta,
.main-content .main-newslist .newswz li .newsmeta {
    clear: both;
    margin: calc(var(--spacing-xl) + 2px) 0 calc(-1 * var(--spacing-xs));
    padding-top: var(--spacing-xs);
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: var(--text-light);
    border-top: 1px solid var(--text-light);
}

/* ========================= 内页文章列表样式 ========================= */
/* 内页文章列表容器：宽度溢出、清除浮动 */
.main-content .newlist ul {
    margin: 0 0 calc(-1 * var(--spacing-lg));
    padding: 0;
    width: calc(100% + var(--spacing-lg));
    overflow: hidden;
}
/* 推荐文章列表：底部边框、边距调整 */
.main-content .newlist ul.tj {
    margin: 0 0 var(--spacing-sm);
    border-bottom: 1px solid var(--bg-light-1);
}
/* 内页文章列表项：3列布局、溢出隐藏 */
.main-content .newlist li {
    margin: 0 var(--spacing-lg) var(--spacing-lg) 0;
    width: calc(33.33% - var(--spacing-lg));
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.main-content .newlist ul.tj li {
    margin: 0 var(--spacing-lg) var(--spacing-sm) 0; /* 推荐列表项边距更小 */
}
/* 排名/推荐标签：行内块、背景色、文字白色、圆角 */
.main-content .newlist li span.numberClass,
.main-content .newlist li span.tuijian {
    display: inline-block;
    margin-right: var(--spacing-sm);
    width: var(--icon-size-sm);
    height: var(--icon-size-sm);
    line-height: var(--icon-size-sm);
    color: var(--bg-white);
    background-color: var(--primary-color);
    border-radius: var(--btn-radius);
}
/* 时间标签：右浮动、主色调、无背景 */
.main-content .newlist li .time {
    margin: 0 0 0 var(--spacing-xs);
    padding: 0;
    float: right;
    color: var(--primary-color);
    border-radius: 0;
    background: 0;
}

/* ========================= 友情链接样式 ========================= */
.main-links ul {
    margin-bottom: calc(-1 * var(--spacing-sm));
    overflow: hidden;
}
.main-links ul li {
    margin: 0 var(--spacing-sm) var(--spacing-sm) 0;
    float: left;
}

/* 标语/主页按钮/链接/页脚：统一上边距、内边距 */
.main-tagline,
.main-homebtn,
.main-links,
.main-footer {
    margin-top: var(--spacing-lg);
    padding: var(--spacing-lg);
}

/* 子页面页脚：文字白色、深色背景、无圆角 */
.zixun .main-footer {
    color: var(--bg-white);
    background: var(--brand-gray);
    border-radius: 0;
    overflow: hidden;
}

/* 炫彩文字：渐变背景、文字裁剪、动画 */
.main-content .xuancai {
    font-size: 16px;
    font-weight: 600;
    background: linear-gradient(90deg, #ff6b6b, #4ecdc4, #45b7d1, #ff6b6b); 
    background-size: 300% 100%; 
    -webkit-background-clip: text; 
    background-clip: text;
    color: transparent; 
    animation: Jack_xuan var(--xuan-animation-duration) linear infinite;
    will-change: background-position;
}
/* 炫彩文字动画：背景位置循环 */
@keyframes Jack_xuan {
    0% { background-position: 0% 50%; }
    100% { background-position: 300% 50%; }
}

/* ========================= 内页文章详情样式 ========================= */
/* 文章标题/相关推荐：底部边框、边距 */
.main-content .news-bt h1,
.main-content .news-xg p {
    margin: 0 0 var(--spacing-sm);
    padding: 0 0 var(--spacing-sm);
    border-bottom: 1px solid var(--bg-light-1);
}
/* 文章内标题：内边距、左侧边框、浅背景 */
.main-content .news-ny h1,
.main-content .news-ny h2,
.main-content .news-ny h3,
.main-content .news-ny h4,
.main-content .news-ny h5,
.main-content .news-ny h6 {
    margin: var(--spacing-md) 0;
    padding: var(--spacing-sm) var(--spacing-xl);
    border-radius: 3px;
    border-left: 3px solid var(--brand-gray);
    background-color: rgb(246, 246, 246);
}
/* 文章内图片：自适应宽度、禁止选中 */
.main-content .news-ny img {
    max-width: 100%;
    height: auto !important;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
}
/* 文章内列表：恢复默认样式 */
.main-content .news-ny ul,
.main-content .news-ny ul li {
    margin: revert;
    padding: revert;
    list-style-type: revert;
}

/* 作者信息：头像圆形、边框 */
.main-content .news-user img {
    width: var(--avatar-large);
    height: var(--avatar-large);
    border: 4px solid var(--bg-white);
    border-radius: 50%;
}
.main-content .news-user h3 {
    margin: var(--spacing-lg) 0;
}
.main-content .news-user h3 span {
    font-size: 14px; /* 作者副标题小号字体 */
}

/* ========================= 评论区样式 ========================= */
.main-content .news-pl {
    overflow: hidden;
}
.main-content .news-pl ul {
    margin-bottom: var(--spacing-sm);
    padding-left: 0;
}
/* 评论项：边框、内边距 */
.main-content .news-pl ul li {
    border: 1px solid var(--bg-light-1);
    padding: var(--spacing-md);
    list-style-type: none;
}
/* 评论头像：左浮动、边距 */
.main-content .news-pl ul li .msg-avatar {
    float: left;
    margin-right: var(--spacing-sm);
}
.main-content .news-pl ul li .msg-avatar img {
    width: var(--avatar-large);
    height: var(--avatar-large);
    border: 4px solid var(--bg-white);
    border-radius: 50%;
}
/* 回复评论：缩进、头像缩小 */
.main-content .news-pl ul ul {
    margin: var(--spacing-sm) 0 0 var(--avatar-large);
}
.main-content .news-pl ul ul .msg-avatar img {
    width: var(--avatar-medium);
    height: var(--avatar-medium);
}
/* 评论元信息：弹性布局、底部分隔线 */
.main-content .news-pl ul .msg-cont .msg-flex {
    margin-bottom: var(--spacing-xs);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--bg-light-2);
}
.main-content .news-pl ul .msg-flex span,
.main-content .news-pl ul .msg-flex a {
    font-size: 12px;
    color: var(--text-base);
}
/* 评论列表边距 */
.main-content .news-pl .pllb {
    margin-bottom: var(--spacing-lg);
}

/* 评论输入框：宽度、内边距、边框 */
.main-content .news-pl .comments input {
    width: 30%;
}
.main-content .news-pl .comments textarea {
    width: 100%;
}
.main-content .news-pl .comments .pl-inp {
    margin: var(--spacing-lg) 0;
}
.main-content .news-pl .comments .pl-inp input,
.main-content .news-pl .comments textarea {
    padding: var(--spacing-sm);
    line-height: 1.4;
    color: var(--brand-gray);
    border: 1px solid var(--bg-light-1);
    border-radius: var(--btn-radius);
}
/* 评论提交按钮：右浮动、主色调、文字白色 */
.main-content .news-pl .comments .pl-inp .sumbit {
    padding: var(--spacing-sm) var(--spacing-xl);
    width: 100px; /* 业务固定宽度 */
    color: var(--bg-white);
    float: right;
    border-radius: var(--btn-radius);
    background-color: var(--primary-color);
    border: 1px solid transparent;
}
/* 验证码输入框：弹性布局、宽度 */
.main-content .news-pl .comments .pl-inp .inpVerify {
    display: flex;
    float: left;
    width: 70%;
}
.main-content .news-pl .comments .pl-inp .inpVerify input {
    width: 40%;
}

/* 相关推荐列表：宽度溢出 */
.main-content .news-xg .newlist {
    margin: 0 0 calc(-1 * var(--spacing-lg));
    padding: 0;
    width: calc(100% + var(--spacing-lg));
}

/* 通用模块容器（名言/面包屑/文章/评论/用户/列表/分页/库站）：边距、内边距、白色背景 */
.main-content .mingyan,
.main-content .mianbaoxie,
.main-content .news-ny,
.main-content .news-pl,
.main-content .news .news-bt,
.main-content .news-xg,
.main-content .news-user,
.main-content .newlist,
.main-content .list,
.main-content .pagebar,
.main-content .kuzhan {
    margin: var(--spacing-lg) 0;
    padding: var(--spacing-lg);
    background: var(--bg-white);
    overflow: hidden;
}

/* 列表容器：相对定位 */
.main-content .list {
    position: relative;
}
.main-content .list h2 {
    margin: 0;
    padding: var(--spacing-xs) 0 0;
}
/* 列表简介：底部边框、边距 */
.main-content .list .intro {
    margin-bottom: var(--spacing-xs);
    padding-bottom: var(--spacing-xs);
    border-bottom: 1px solid var(--bg-light-1);
}
/* 列表图片：左浮动、固定尺寸 */
.main-content .list .danimg {
    margin-right: var(--spacing-lg);
    float: left;
    width: 160px; /* 业务固定尺寸 */
    height: 80px; /* 业务固定尺寸 */
}
.main-content .list .danimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 分页按钮：左浮动、内边距 */
.main-content .pagebar li {
    padding: var(--spacing-xs) var(--spacing-lg);
    float: left;
    list-style-type: none;
}

/* 顶部分隔线：浅白色边框 */
.main-top {
    clear: both;
    border-top: 1px solid rgb(255 255 255 / 10%);
}

/* 居中对齐 */
.main-center {
    text-align: center;
}

/* ========================= 内页搜索框样式 ========================= */
.main-soso {
    display: flow-root;
    margin-bottom: 1em;
    padding: 1em;
    background: var(--bg-white);
    border-radius: .25em;
    box-shadow: 0 3px 0 var(--bg-light-2);
}
.main-soso form {
    display: flex;
    margin: 0 auto;
    width: 100%;
}
/* 搜索输入框：宽度、内边距、边框 */
.main-soso #edtSearch {
    padding: 0 var(--spacing-lg);
    width: 95%;
    height: 43px; /* 业务固定高度 */
    border-radius: var(--btn-radius) 0 0 var(--btn-radius);
    border: 1px solid var(--primary-color);
}
.main-soso #edtSearch:focus {
    outline: 0;
    border: 1px solid var(--primary-color); /* 聚焦保持主色调边框 */
}
/* 搜索按钮：宽度、主色调、文字白色 */
.main-soso button {
    cursor: pointer;
    width: 120px; /* 业务固定宽度 */
    color: var(--bg-white);
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 0 var(--btn-radius) var(--btn-radius) 0;
}

/* 搜索区弹性布局：垂直居中 */
.sosoflex {
    display: flex;
    align-items: center;
}
.sosoflex h1 {
    margin: 0;
}

/* ========================= 主页布局增强 ========================= */
/* 标签容器：固定定位、居中、自适应高度、隐藏滚动条 */
.tab-container {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%) translateZ(0);
    min-height: calc(100vh - 90px); /* 业务固定值 */
    height: calc(100vh - 90px); /* 业务固定值 */
    overflow: auto;
}
/* 隐藏.tab-container的滚动条（多浏览器兼容） */
.tab-container {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.tab-container::-webkit-scrollbar {
    display: none;
}

/* 时间模块：左浮动、宽度、行高 */
.time {
    margin: 0;
    float: left;
    width: 20%;
    height: 38px; /* 业务固定高度 */
    line-height: 38px;
}
.time #chinaTime {
    font-size: 16px;
    letter-spacing: 2px;
    font-family: 'UnidreamLED';
    cursor: pointer;
}

/* 音乐模块：弹性布局、右浮动、宽度 */
.yinyue {
    display: flex;
    margin: var(--spacing-xs) 0 0;
    padding: var(--spacing-xs) 0;
    width: 80%;
    float: right;
    justify-content: flex-end;
    align-items: flex-start;
    flex-wrap: wrap;
}

/* 歌词样式：位置、当前行颜色 */
.aplayer-lrc {
    top: 42px; /* 与标签栏高度对齐 */
}
.aplayer-lrc .aplayer-lrc-current {
    color: var(--lrc-active-color) !important; /* 歌词当前行橙色 */
}

/* 主页按钮容器：网格布局（8列）、间距 */
.main-content .btn {
    margin: 0;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: var(--spacing-lg);
}
/* 主页按钮：渐变背景、圆角、文字白色、hover反向渐变 */
.main-content .btn a,
.main-content .btn span {
    width: 100%;
    height: 40px; /* 业务固定高度 */
    line-height: 40px;
    color: var(--bg-white);
    cursor: pointer;
    background: var(--primary-color);
    border-radius: 6px; /* 业务特殊圆角 */
    background-image: linear-gradient(135deg, var(--btn-gradient-start) 10%, var(--btn-gradient-end) 100%);
}
.main-content .btn a:hover,
.main-content .btn span:hover {
    background-image: linear-gradient(135deg, var(--btn-gradient-end) 10%, var(--btn-gradient-start) 100%);
}

/* ========================= 遮罩/弹窗/右键菜单样式 ========================= */
/* 遮罩层：全屏、半透明黑色、默认隐藏、最高层级 */
#background-layer {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

/* 联系弹窗：固定居中、白色阴影、圆角、默认隐藏、最高层级 */
.lianxi {
    display: none;
    width: 320px; /* 业务固定宽度 */
    max-height: 80vh;
    overflow-y: auto;
    z-index: 10000;
    box-shadow: 0px 0px var(--spacing-xs) rgb(255 255 255);
    border-radius: 10px; /* 业务特殊圆角 */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--brand-gray);
}
/* 弹窗关闭栏：弹性布局、间距、圆角 */
.lianxi .close {
    display: flex;
    margin-bottom: calc(-1 * var(--spacing-lg));
    padding: var(--spacing-lg);
    color: var(--bg-white);
    background: var(--brand-gray);
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    border-radius: 10px 10px 0 0; /* 与弹窗圆角匹配 */
    align-items: center;
}
/* 弹窗关闭按钮：边框、圆角、光标 */
.lianxi .close button {
    padding: var(--spacing-xs) var(--spacing-md);
    color: var(--bg-white);
    font-size: 12px;
    background: none;
    border: 1px solid var(--bg-light-1);
    border-radius: var(--btn-radius);
    cursor: pointer;
}
/* 弹窗内容：图片自适应、文字白色 */
.lianxi #lianxiContent img {
    max-width: 100%;
    max-height: 300px; /* 业务固定高度 */
    display: block;
    margin: var(--spacing-lg) auto 0;
}
.lianxi #lianxiContent p {
    padding: var(--spacing-lg) 0;
    color: var(--bg-white);
    background: var(--brand-gray);
    border-radius: 0 0 10px 10px; /* 与弹窗圆角匹配 */
}

/* 右键菜单：固定定位、默认隐藏、白色背景、阴影、圆角 */
.youjian {
    display: none;
    position: fixed;
    z-index: 9999;
    background: var(--bg-white);
    border: 1px solid var(--bg-light-2);
    border-radius: var(--btn-radius);
    min-width: 120px; /* 业务固定宽度 */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}
/* 右键菜单项：块级、内边距、边框、hover主色调 */
.youjian a {
    display: block;
    padding: var(--spacing-sm) calc(var(--spacing-xl) - 1px);
    color: var(--brand-gray);
    text-decoration: none;
    font-size: 14px;
    border-bottom: 1px solid var(--bg-light-1);
}
.youjian a:hover {
    background-color: var(--primary-color);
    color: var(--bg-white);
    box-shadow: 0 0 var(--spacing-xs) var(--primary-color);
}
.youjian a:last-child {
    border: none; /* 最后一项无边框 */
}

/* ========================= 公共组件样式（通用复用） ========================= */
/* 公共容器：最大宽度、字体 */
.ik-container {
    max-width: 1200px; /* 业务固定宽度 */
    font-family: monospace;
}

/* 公共顶部导航栏：固定顶部、背景色、阴影、层级、高度 */
.ik-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: var(--brand-blue);
    box-shadow: var(--shadow-md);
    z-index: 999;
    height: var(--nav-height);
}
/* 导航栏容器：弹性布局、垂直居中、最大宽度、居中 */
.ik-nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    max-width: 1200px; /* 与ik-container对齐 */
    margin: 0 auto;
}
/* 导航菜单：弹性布局、间距 */
.ik-nav-menu {
    display: flex;
    gap: 25px; /* 业务固定间距 */
}
/* 导航菜单项：字体、颜色、相对定位、内边距 */
.ik-nav-item {
    font-size: 0.9rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
    position: relative;
    padding: var(--spacing-xs) 0;
}
.ik-nav-item a {
    color: var(--bg-white);
    text-decoration: none;
}
/* 导航菜单项hover/激活：文字白色、底部边框 */
.ik-nav-item:hover,
.ik-nav-item.active {
    color: var(--bg-white);
}
.ik-nav-item.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--bg-white);
    border-radius: 2px;
}

/* 导航Logo：弹性布局、居中、间距 */
.ik-nav-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-md);
}
/* Logo图标：尺寸、圆角、背景、文字居中 */
.ik-nav-logo-img {
    width: var(--avatar-size);
    height: var(--avatar-size);
    border-radius: var(--btn-radius);
    background-color: var(--bg-white);
    text-align: center;
    color: var(--brand-blue);
    font-size: 18px;
    font-weight: bold;
}
/* Logo文字：字体、字重、颜色 */
.ik-nav-logo-text {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--bg-white);
}

/* 用户操作区：弹性布局、间距 */
.ik-user-actions {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing-xl) - 4px);
}
/* 公共按钮：内边距、圆角、字体、光标、无边框、过渡 */
.ik-btn {
    padding: var(--spacing-sm) calc(var(--spacing-xl) - 2px);
    border-radius: var(--btn-radius);
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    border: none;
    transition: all var(--animation-duration) var(--animation-ease);
}
/* 登录按钮：透明背景、白色边框 */
.ik-btn-login {
    background-color: transparent;
    color: var(--bg-white);
    border: 1px solid rgba(255, 255, 255, 0.3);
}
.ik-btn-login:hover {
    background-color: rgba(255, 255, 255, 0.1);
}
/* 注册按钮：白色背景、主色调文字 */
.ik-btn-register {
    background-color: var(--bg-white);
    color: var(--brand-blue);
}
.ik-btn-register:hover {
    background-color: #f0f7ff; /* 业务特殊浅蓝，暂不抽变量 */
}

/* 用户信息：弹性布局、间距 */
.ik-user-info {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
}
/* 用户头像：圆形、背景、文字居中 */
.ik-avatar {
    width: var(--avatar-size);
    height: var(--avatar-size);
    border-radius: 50%;
    background-color: #f0f7ff; /* 业务特殊浅蓝，暂不抽变量 */
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--brand-blue);
    font-size: 14px;
    overflow: hidden;
}
/* 用户名：字体、字重、颜色 */
.ik-username {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--bg-white);
}
/* 退出链接：小号字体、浅白色 */
.ik-logout-link {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
}

/* 公共标题区：居中、边距、底部装饰线 */
.ik-title {
    text-align: center;
    margin: calc(var(--nav-height) + 20px) 0 var(--spacing-xl);
    padding-bottom: calc(var(--spacing-md) + 7px);
    position: relative;
}
.ik-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px; /* 业务固定宽度 */
    height: 2px;
    background-color: var(--brand-blue);
    border-radius: 2px;
}
.ik-title h1 {
    font-size: 2rem;
    color: var(--brand-gray);
    margin-bottom: var(--spacing-lg);
    font-weight: 600;
}
.ik-title p {
    font-size: 0.95rem;
    margin: 0 auto;
    opacity: 0.8;
}

/* 公共统计概览区：弹性布局、居中、间距、背景、圆角 */
.ik-overview {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
    padding: var(--spacing-xl);
    background-color: var(--bg-light-3);
    border-radius: var(--card-radius);
    flex-wrap: nowrap;
}
/* 统计项：居中、最小宽度 */
.ik-overview-item {
    text-align: center;
    flex: 0 0 auto;
    min-width: 80px; /* 业务固定宽度 */
}
/* 统计数字：字重、主色调 */
.ik-overview-number {
    font-weight: 700;
    color: var(--brand-blue);
}
/* 统计文字：小号字体、灰色、不换行 */
.ik-overview-text {
    font-size: 0.9rem;
    color: var(--text-base);
    white-space: nowrap;
}

/* 公共公告模块：最大宽度、居中、背景、圆角、内边距 */
.ik-notice {
    max-width: 1200px; /* 与ik-container对齐 */
    margin: 0 auto var(--spacing-xl);
    background: var(--bg-white);
    border-radius: var(--card-radius);
    padding: calc(var(--spacing-sm) + 6px) var(--spacing-xl);
}
/* 公告头部：弹性布局、底部边框、间距 */
.ik-notice-header {
    display: flex;
    align-items: center;
    margin-bottom: var(--spacing-lg);
    padding: 0 0 var(--spacing-lg) 0;
    border-bottom: 1px solid #f2f2f2; /* 业务极浅灰，暂不抽变量 */
    justify-content: space-between;
}
/* 公告图标：圆形、背景、文字居中 */
.ik-notice-icon {
    width: var(--icon-size-sm);
    height: var(--icon-size-sm);
    border-radius: 50%;
    background: #0066cc; /* 与notice-new-text一致 */
    color: var(--bg-white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
/* 公告标题：字体、字重、颜色 */
.ik-notice-title {
    font-size: 14px;
    font-weight: bold;
    color: var(--brand-gray);
}
/* 公告列表：网格布局、间距 */
.ik-notice-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--spacing-lg) calc(var(--spacing-xl) + 9px);
}
/* 站点列表：更密的网格布局 */
.ik-site-list {
    grid-template-columns: repeat(auto-fill, minmax(14%, 1fr));
    gap: var(--spacing-lg);
}
/* 公告项：内边距、圆角、溢出隐藏 */
.ik-notice-item {
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: var(--btn-radius);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/* 新公告样式：浅蓝背景、蓝色文字 */
.ik-notice-new {
    background: var(--notice-new-bg);
    color: var(--notice-new-text);
}
.ik-notice-new a {
    color: var(--notice-new-text);
}
/* 系统公告样式：浅红背景、红色文字 */
.ik-notice-announce {
    background: var(--notice-announce-bg);
    color: var(--notice-announce-text);
}
.ik-notice-announce a {
    color: var(--notice-announce-text);
}

/* ========================= 页面独有样式 ========================= */
/* 1. ikun.html 版块列表布局 */
.ik-forum-sections {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--spacing-xl);
}
/* 版块卡片：白色背景、圆角、阴影、溢出隐藏、hover悬浮效果 */
.ik-forum-section-card {
    background-color: var(--bg-white);
    border-radius: var(--card-radius);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    transition: transform var(--animation-duration) var(--animation-ease), box-shadow var(--animation-duration) var(--animation-ease);
}
.ik-forum-section-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-lg);
}
/* 版块头部：浅背景、内边距、底部边框、弹性布局 */
.ik-forum-section-header {
    background-color: var(--bg-light-3);
    padding: calc(var(--spacing-lg) + 7px) var(--spacing-xl);
    border-bottom: 1px solid #eaecef; /* 业务浅灰，暂不抽变量 */
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* 版块名称：字体、字重、颜色 */
.ik-forum-section-name {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--brand-gray);
}
/* 版块元信息：弹性布局、间距 */
.ik-forum-section-meta {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing-xl) - 5px);
}
/* 版块统计数：小号字体、灰色 */
.ik-forum-section-count {
    font-size: 0.8rem;
    color: var(--text-light);
}
/* 版块更多链接：小号字体、主色调、背景、圆角 */
.ik-forum-section-more {
    font-size: 0.85rem;
    color: var(--brand-blue);
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: var(--btn-radius);
    background-color: #f0f7ff; /* 业务浅蓝，暂不抽变量 */
    text-decoration: none;
}
.ik-forum-section-more:hover {
    background-color: #e1f0ff; /* 业务浅蓝hover，暂不抽变量 */
}
/* 版块描述：内边距、底部边框 */
.ik-forum-section-desc {
    padding: var(--spacing-lg) var(--spacing-xl);
    border-bottom: 1px solid #f2f2f2; /* 业务极浅灰，暂不抽变量 */
}
/* 版块文章列表：内边距 */
.ik-forum-section-posts {
    padding: 0 var(--spacing-xl);
}
/* 版块文章项：内边距、底部边框、弹性布局、间距 */
.ik-forum-post-item {
    padding: var(--spacing-lg) 0;
    border-bottom: 1px solid #f2f2f2; /* 业务极浅灰，暂不抽变量 */
    display: flex;
    align-items: center;
    gap: var(--spacing-lg);
}
.ik-forum-post-item:last-child {
    border-bottom: none; /* 最后一项无边框 */
}
/* 文章日期：小号字体、灰色、背景、圆角 */
.ik-forum-post-date {
    font-size: 0.8rem;
    color: var(--text-light);
    text-align: center;
    background-color: #f5f5f5; /* 业务浅灰，暂不抽变量 */
    padding: var(--spacing-xs) var(--spacing-sm);
    border-radius: 3px;
}
/* 文章标题：弹性占满、小号字体、溢出隐藏、hover主色调 */
.ik-forum-post-title {
    flex: 1;
    font-size: 0.9rem;
    color: #555; /* 业务中灰，暂不抽变量 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}
.ik-forum-post-title:hover {
    color: var(--brand-blue);
}
/* 文章作者：灰色 */
.ik-forum-post-author {
    color: var(--text-light);
}

/* 2. site.html 分类布局 */
.ik-category-layout {
    display: flex;
    gap: calc(var(--spacing-xl) + 4px);
}
/* 分类导航：固定宽度、垂直弹性布局、间距 */
.ik-category-nav {
    width: 140px; /* 业务固定宽度 */
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}
/* 分类按钮：全屏宽度、内边距、左对齐、无边框、圆角、背景、主色调、hover动画 */
.ik-category-btn {
    width: 100%;
    padding: var(--spacing-xl) calc(var(--spacing-xl) - 2px);
    text-align: left;
    border: none;
    border-radius: var(--card-radius);
    background-color: #f5f9ff; /* 业务浅蓝，暂不抽变量 */
    color: var(--brand-blue);
    font-weight: 500;
    cursor: pointer;
    transition: all var(--animation-duration) var(--animation-bezier);
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
}
/* 分类图标：字体、最小宽度、居中 */
.ik-category-icon {
    font-size: 1.1rem;
    min-width: var(--icon-size-md);
    text-align: center;
}
/* 分类按钮hover：背景变深、轻微右移 */
.ik-category-btn:hover {
    background-color: #e0edff; /* 业务浅蓝hover，暂不抽变量 */
    transform: translateX(6px);
}
/* 分类按钮激活：主色调背景、白色文字、阴影 */
.ik-category-btn.active {
    background-color: var(--brand-blue);
    color: var(--bg-white);
    box-shadow: var(--shadow-brand);
}
/* 分类内容区：弹性占满、白色背景、圆角、内边距、阴影 */
.ik-category-content {
    flex-grow: 1;
    background-color: var(--bg-white);
    border-radius: 10px; /* 业务特殊圆角 */
    padding: calc(var(--spacing-xl) + 8px);
    box-shadow: var(--shadow-md);
}
/* 分类面板：默认隐藏，第一个显示 */
.ik-category-panel {
    display: none;
}
.ik-category-panel:first-child {
    display: block;
}

/* 站点网格：自适应列数、间距 */
.ik-site-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: calc(var(--spacing-lg) + 2px);
}
/* 站点卡片：内边距、背景、圆角、文字居中、hover悬浮效果 */
.ik-site-card {
    padding: calc(var(--spacing-lg) + 4px) calc(var(--spacing-lg) + 6px);
    background-color: var(--bg-light-4);
    border-radius: 6px; /* 业务特殊圆角 */
    font-size: 0.9rem;
    color: var(--brand-gray);
    text-align: center;
    transition: all var(--animation-duration) var(--animation-ease);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid var(--bg-light-1);
    text-decoration: none;
}
.ik-site-card:hover {
    background-color: #e1f0ff; /* 业务浅蓝hover，暂不抽变量 */
    color: var(--brand-blue);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(22, 93, 255, 0.15); /* 业务阴影，暂不抽变量 */
    border-color: var(--brand-blue);
}

/* 推荐/高亮文字：主色调 */
.tuijian,
.color {
    color: var(--primary-color);
}

/* ========================= 空状态样式 ========================= */
/* 分类暂无文章：内边距、背景、圆角、居中 */
.post-empty {
    padding: calc(var(--spacing-xl) * 3) var(--spacing-xl);
    background-color: var(--bg-light-3);
    border-radius: var(--card-radius);
    text-align: center;
}
/* 空状态容器：最大宽度、居中 */
.post-empty-container {
    max-width: 500px; /* 业务固定宽度 */
    margin: 0 auto;
}
/* 空状态图标：圆形边框、伪元素实现横线 */
.icon-empty {
    display: inline-block;
    width: 60px; /* 业务固定宽度 */
    height: 60px; /* 业务固定高度 */
    margin-bottom: var(--spacing-xl);
    border: 2px solid var(--empty-state-color);
    border-radius: 50%;
    position: relative;
}
.icon-empty::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 15px; /* 业务固定值 */
    width: 30px; /* 业务固定值 */
    height: 2px;
    background-color: var(--empty-state-color);
    transform: translateY(-50%);
}
/* 空状态文字：字体、颜色、边距 */
.post-empty h3 {
    font-size: 1.2rem;
    color: var(--brand-gray);
    margin-bottom: var(--spacing-lg);
    font-weight: 600;
}
.post-empty p {
    font-size: 0.9rem;
    color: var(--text-base);
    margin-bottom: calc(var(--spacing-xl) + 5px);
    line-height: 1.6;
}
/* 空状态按钮：行内块、内边距、背景、文字白色、圆角、hover深色 */
.post-empty-btn {
    display: inline-block;
    padding: var(--spacing-md) var(--spacing-xl);
    background-color: var(--empty-state-color);
    color: var(--bg-white);
    border-radius: var(--btn-radius);
    font-size: 0.9rem;
    text-decoration: none;
    transition: background-color var(--animation-duration);
}
.post-empty-btn:hover {
    background-color: #0f4cd0; /* 品牌蓝深色版，暂不抽变量 */
}

/* 隐藏/显示类：移动端适配 */
.dnwu {
    display: none;
}

/* ========================= 响应式样式（平板/手机） ========================= */
/* 平板适配（768px以下） */
@media only screen and (max-width: 768px) {
    /* 主内容区：宽度自适应 */
    .main-content {
        width: calc(100% - 16px);
    }
    /* 主页名称：内边距减小 */
    .main-name {
        padding: var(--spacing-xl) 0;
    }
    .main-name a,
    .main-soso {
        display: block;
        width: 100%;
    }
    .main-content .news h1 span {
        margin-top: var(--spacing-md);
    }
    .main-content .list h1 {
        margin: 0;
    }
    /* 列表图片：全屏宽度、高度增加 */
    .main-content .list .danimg {
        width: 100%;
        height: 120px; /* 业务固定高度 */
    }
    .main-content .list .sjintro {
        padding: var(--spacing-xs) 0 0;
        width: 100%;
        overflow: hidden;
    }
    .main-content .list .pt10 {
        left: 0;
        top: var(--spacing-xs);
        position: inherit;
    }
    /* 内页文章列表：单列布局 */
    .main-content .newlist li {
        width: calc(100% - var(--spacing-lg));
    }
    /* 标签容器：内边距、高度调整 */
    .tab-container {
        padding: var(--spacing-xl) 0;
        min-height: calc(100vh - 86px); /* 业务固定值 */
        height: calc(100vh - 86px); /* 业务固定值 */
    }

    /* 公共响应式 */
    /* 版块列表：单列布局 */
    .ik-forum-sections {
        grid-template-columns: 1fr;
    }
    /* 标题：字体缩小 */
    .ik-title h1 {
        font-size: 1.7rem;
    }
    /* 导航菜单：隐藏 */
    .ik-nav-menu {
        display: none;
    }
    /* 用户操作区：间距减小 */
    .ik-user-actions {
        gap: var(--spacing-lg);
    }
    /* 按钮：内边距、字体缩小 */
    .ik-btn {
        padding: calc(var(--spacing-xs) + 1px) calc(var(--spacing-xl) - 4px);
        font-size: 0.8rem;
    }
    /* 统计概览：网格布局（4列）、间距减小 */
    .ik-overview {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: calc(var(--spacing-xl) - 5px) var(--spacing-lg);
        padding: calc(var(--spacing-xl) - 5px);
    }

    /* site.html 独有响应式 */
    /* 分类布局：垂直布局、间距减小 */
    .ik-category-layout {
        flex-direction: column;
        gap: var(--spacing-lg);
    }
    /* 分类导航：全屏宽度、横向滚动、底部内边距 */
    .ik-category-nav {
        width: 100%;
        flex-direction: row;
        overflow-x: auto;
        padding-bottom: calc(var(--spacing-xl) - 4px);
        gap: var(--spacing-md);
    }
    /* 分类按钮：不换行、最小宽度、居中、内边距调整 */
    .ik-category-btn {
        white-space: nowrap;
        min-width: 100px; /* 业务固定宽度 */
        text-align: center;
        padding: calc(var(--spacing-xl) - 4px) var(--spacing-lg);
        justify-content: center;
    }
    .ik-category-btn:hover {
        transform: none; /* 取消hover位移 */
    }
    /* 分类内容区：内边距减小 */
    .ik-category-content {
        padding: calc(var(--spacing-xl) - 2px);
    }
    /* 站点网格：3列布局、间距减小 */
    .ik-site-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--spacing-md);
    }

    /* 移动端显示/隐藏切换 */
    .dnwu {
        display: block;
    }
    .sjwu {
        display: none;
    }
}

/* 手机适配（520px以下） */
@media only screen and (max-width:520px) {
    .main-content .list h2 {
        clear: both;
    }
    /* 联盟模块：垂直布局 */
    .main-lianmeng {
        gap: inherit;
        align-content: center;
        flex-direction: column;
    }
    /* 联盟左/右、导航容器：全屏宽度 */
    .main-lianmeng .main-zuo,
    .main-lianmeng .main-you,
    .main-tab .main-nav {
        width: 100%;
    }
    .main-lianmeng .main-zuo {
        padding: var(--spacing-lg) var(--spacing-lg) 0;
    }
    .main-lianmeng .main-you {
        margin: 0;
        padding: 0;
    }
    /* 联盟分隔线：取消绝对定位 */
    .main-lianmeng .lianmeng-jg::after {
        position: inherit;
    }
    /* 联盟左侧列表：全屏宽度 */
    .main-lianmeng .main-zuo ul {
        width: calc(100%);
        overflow: hidden;
    }
    /* 联盟按钮：4列布局 */
    .main-lianmeng .main-zuo .lianmeng-button {
        width: calc(25%);
        float: left;
    }
    /* 联盟右侧列表：顶部边框、内边距调整 */
    .main-lianmeng .main-you ul {
        margin: var(--spacing-sm) 0 0;
        padding: 0 var(--spacing-sm) calc(var(--spacing-md) + 4px) 0;
        border-top: 2px solid var(--mask-white);
    }
    /* 联盟右侧列表项：3列布局 */
    .main-lianmeng .main-you ul li {
        width: calc(33.3% - 14px);
    }
    /* 联盟列表项/段落/按钮：边距调整 */
    .main-lianmeng .main-you ul li,
    .main-lianmeng .main-you ul p,
    .lianmeng-item .dhbt {
        margin: 10px 0 0 10px;
    }
    .main-lianmeng .main-you ul p,
    .lianmeng-item .dhbt {
        width: calc(100% - 24px);
    }

    /* 首页文章：清除浮动、单列布局 */
    .main-content .main-newslist .newstj li,
    .main-content .main-newslist .newscont {
        clear: both;
    }
    .main-content .main-newslist .newstj li,
    .main-content .main-newslist .newswz li {
        width: calc(100% - 10px);
    }
    .main-content .main-newslist .newswz li .newsmeta {
        margin: 6px 0 -4px;
    }
    /* 文章缩略图：取消浮动、全屏宽度、高度调整 */
    .main-content .main-newslist .newstj li .newsimg,
    .main-content .main-newslist .newswz li .newsimg {
        margin: 0 0 4px;
        float: inherit;
        width: 100%;
        height: 100px;
    }

    /* 主页按钮：4列布局 */
    .main-content .btn {
        grid-template-columns: repeat(4, 1fr);
    }

    /* 页面独有响应式 */
    /* 导航容器：左右内边距 */
    .ik-nav-container {
        padding: 0 10px;
    }
    /* 版块头部：内边距减小 */
    .ik-forum-section-header {
        padding: 12px 16px;
    }
    /* 版块文章列表：内边距减小 */
    .ik-forum-section-posts {
        padding: 0 16px;
    }
    /* 版块文章项：间距减小 */
    .ik-forum-post-item {
        gap: 8px;
    }
    /* 站点列表：33%列布局 */
    .ik-site-list {
        grid-template-columns: repeat(auto-fill, minmax(33%, 1fr));
    }
}