@charset "utf-8";
/* CSS Document */
/* ====================================== */
/* 【首页公共样式】 */
/* ====================================== */
/* 全局重置：清除内外边距，统一盒模型 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* 页面body基础样式：背景、字体 */
body {
background-color: #F0F0F0;
font-family: "Microsoft Yahei", sans-serif;
}
/* 头部外层容器，白色背景 */
.header-wrap {
width: 100%;
background: #ffffff;
position: relative;
}
/* 头部内容区：固定1200px居中，存放logo、广告、搜索框 */
.header-top {
width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
/* justify-content: space-between; */
height: 80px;
gap:10px;
flex-wrap: nowrap;
}
/* Logo容器，禁止压缩缩小 */
.logo {
height: 60px;
/* margin-right:10px; /* logo与广告模块间距固定10px */
flex-shrink:0;
}
/* logo图片，块级消除底部间隙 */
.logo img{
height:100%;
display:block;
}
/* 搜索框外层flex容器 */
.search-box {
display: flex;
gap:7px; /*输入框和按钮之间间距*/
flex-shrink:0;
margin-left: auto; /* ✅新增，把搜索框推到最右侧，替代space‑between，双内核兼容 */
}
/* 搜索输入框样式 */
.search-box input {
width: 212px; /*改小输入框宽度，按需调数值*/
height: 36px;
border: 1px solid #0066cc;
padding: 0 10px;
outline: none;
font-size: 14px;
border-radius: 6px; /*圆角*/
background:#fff;
background-clip:padding-box;
}
/* 搜索提交按钮 */
.search-box button {
height: 36px;
line-height: 36px;
background: #0066cc;
color: #fff;
border: none;
padding: 0 18px;
cursor: pointer;
font-size: 16px;
border-radius: 6px;
text-align: center;
}
/* 导航栏外层背景栏，主题蓝色 */
.nav-wrap {
background: #0066cc;
}
/* Grid布局导航：2行，首列是首页（跨两行），后面10列 */
.nav {
width: 1200px;
margin:0 auto;
display: grid;
grid-template-columns: 80px repeat(10, 1fr);
grid-template-rows: auto auto;
}
/* 导航链接通用样式 */
.nav a{
display:flex;
align-items:center;
justify-content:center;
color:#fff;
text-decoration:none;
font-size:16px;
padding:10px 4px;
border-right:1px solid #0059b8;
}
/* 第一行末尾、第二行末尾，清除右边竖线 */
.nav a:nth-child(11),
.nav a:last-child{
border-right:none;
}
/* 第一行栏目底部加横向分割线，首页不参与 */
.nav a:nth-child(n+2):nth-child(-n+11) {
border-bottom:1px solid #0059b8;
}
/* 导航hover背景变色 */
.nav a:hover{
background:#0052a3;
}
/* 首页导航项，垂直跨2行，字体加粗 */
.nav-item-home{
grid-row: 1 / span 2;
font-weight:bold;
}
/* 首页主体内容盒子：1200px居中，白色卡片带阴影 */
.main-box {
width: 1200px;
margin: 15px auto 0;
background: #ffffff;
padding: 10px;
border-radius: 0.5em;
box-shadow: 0 2px 12px rgba(0,0,0,0.1);
overflow: hidden;
}
/* 标签切换外层flex容器：左侧标签 + 右侧logo列表 */
.wmtr {
width: 100%;
font-size: 12px;
display: flex;
gap: 10px;
}
/* 左侧标签栏固定宽度，禁止压缩 */
.left-tab-wrap {
width: 98px;
flex-shrink: 0;
}
/* 左侧标签按钮列容器，垂直排列 */
.tab-title {
display: flex;
flex-direction: column;
gap: 10px;
}
/* 单个标签按钮样式 */
.tab-title span {
width: 98px;
height: 58px;
box-sizing: border-box;
border-radius: 0.5em;
text-align: center;
font-size: 18px;
padding: 14px 3px;
cursor: pointer;
background:#F8F8F8;
border:1px solid #E0E0E0;
}
/* 标签激活选中状态 */
.tab-title span.active {
background:#0066cc;
color:#ffffff;
border:1px solid #0066cc;
}
/* 右侧logo展示区域，占剩余宽度 */
.right-logo-wrap {
flex: 1;
}
/* tab内容默认隐藏 */
.tab-item {
display: none;
}
/* tab显示激活类 */
.tab-item.show {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap:10px;
    padding-bottom:10px;
}
/* 网站logo卡片单元 */
.site-logo-item {
width:98px;
height:58px;
box-sizing:border-box;
background:#FFF;
text-align:center;
border:1px solid #E5E5E5;
border-radius:0.5em;
padding:5px 3px;
flex:0 0 98px;
display:flex;
align-items:center;
justify-content:center;
}
/* logo图片，最大宽高限制，不变形 */
.site-logo-item img{
max-width:87px;
max-height:46px;
object-fit:contain;
}
/* 友情链接模块卡片 */
.friend-link{
width:1200px;
margin:15px auto 15px;
padding:15px;
background:#fff;
border-radius:0.5em;
box-shadow:0 2px 12px rgba(0,0,0,0.1);
}
/* 友情链接头部：标题+申请链接 */
.fl-head{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:12px;
padding-bottom:12px;
border-bottom:2px solid #0066cc;
}
/* 友情链接标题样式，左侧蓝色竖条标记 */
.fl-title{
font-size:16px;
font-weight:bold;
border-left:4px solid #0066cc;
padding-left:8px;
}
/* 申请友链链接 */
.fl-apply a{
color:#666;
text-decoration:none;
font-size:14px;
}
.fl-apply a:hover{
color:#0066cc;
text-decoration:none;
}
/* 友链列表容器 */
.fl-list{
margin-top:12px;
}
.fl-list a{
display:inline-block;
color:#333;
text-decoration:none;
margin:0 12px 8px 0;
font-size:16px;
}
.fl-list a:hover{
color:#0066cc;
text-decoration:none;
}
/* 底部版权模块 */
.footer {
width:100%;
padding:20px 10px;
background:#fff;
text-align:center;
font-size:14px;
color:#666;
}
.footer p{
margin:6px 0;
}
.footer a{
color:#666;
text-decoration:none;
margin:0 8px;
}
.footer a:hover{
color:#0066cc;
text-decoration:none;
}
/* 返回顶部 45*45正方形 白底色+蓝色边框 */
.back-top {
    position: fixed;
    right: 12px;
    bottom: 22px;
    width: 45px;
    height: 45px;
    background: #ffffff;
    border: 1px solid #0066cc;
    color: #0066cc;
    font-size: 20px;
    line-height: 45px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    z-index: 9999;
    display: none;
    user-select: none;
    box-sizing: border-box;
}
/* PC鼠标悬浮效果 */
@media (min-width:769px) {
    .back-top:hover {
        background: #0066cc;
        color: #ffffff;
    }
}
/* 手机按下瞬间样式，松手立刻恢复，不会残留蓝色 */
.back-top:active {
    background: #0066cc;
    color: #ffffff;
}
/*====PC端首页栏目卡片：保持原98px×58px大小，内部左logo右名称====*/
@media only screen and (min-width:992px) {
.right-logo-wrap .site-logo-item {
    min-width: 0 !important;
    max-width: unset !important;
    width: auto !important;
    height: 58px !important;
    flex: none !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding: 8px 10px;
    box-sizing: border-box;
    overflow:hidden;
}
    .right-logo-wrap .site-logo-item a {
        display: flex;
        align-items: center;
        gap: 8px;
        width: 100%;
        height: 100%;
        text-decoration: none;
        color: inherit;
    }
    .right-logo-wrap .site-logo-item img {
        width: 38px;
        height: 38px;
        max-width: 38px;
        max-height: 38px;
        flex-shrink: 0;
        object-fit: contain;
    }
    /* 右侧文字容器：垂直排列 名称+简介 全部靠左 */
    .right-logo-wrap .site-logo-item .text-wrap {
        display: flex;
        flex-direction: column;
        gap:7px;
        flex:1;
        overflow:hidden;
        text-align: left;  /*新增：文字靠左*/
    }
    .right-logo-wrap .site-logo-item .sitename {
        font-size: 14px;
        font-weight: 600;
        color: #333;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height:1.1;
        text-align:left; /*名称靠左*/
    }
    /* 简介：只显示一行，多余省略，灰色小字 */
    .right-logo-wrap .site-logo-item .sitedesc {
		font-size:12px;
        color:#666;
        white-space: nowrap;
        overflow: hidden;
		text-overflow: ellipsis;
        line-height:1.1;
        text-align:left; /*简介靠左*/
    }
}
/* =========【头部广告样式模块】========= */
/* 头部广告外层：文字广告 + 图片广告横向排列 */
.header-ad-middle {
display: flex;
align-items: center;
gap: 10px; /* 文字广告与图片广告间距10px */
flex-wrap: nowrap;
box-sizing: border-box;
flex-shrink:0;
}
/* 第一个子元素：文字广告盒子固定414px */
.header-ad-middle > div:nth-child(1) {
flex:0 0 414px;  /*固定宽度414px*/
box-sizing: border-box;
overflow:hidden;
}
/* 第二个子元素：图片广告固定270px */
.header-ad-middle > div:nth-child(2) {
flex: 0 0 270px;
box-sizing: border-box;
}
/* 2行1列文字广告网格，灰色外边框 */
.ad-text-grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr;
/* gap不要留空白，改用border‑top做分割，只作用第二行 */
gap: 0;
border:1px solid #cccccc;
padding:4px;
font-size:13px;
height:60px;
box-sizing:border-box;
}
/* 广告单行item基础样式 */
.ad-text-grid-item {
padding:2px 6px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
/* AD小标签前缀伪元素，CSS生成AD方框标记，HTML无需写文字 */
.ad-text-grid-item::before {
content:"AD";
display:inline-block;
font-size:10px;
color:#666;
border:1px solid #999;
border-radius:2px;
padding:0 3px;
margin-right:5px;
}
/* 广告链接默认样式 #666 */
.ad-text-grid-item a {
color:#666;
text-decoration:none;
}
/* 鼠标悬浮：改为主题蓝色#0066cc */
.ad-text-grid-item a:hover {
color:#0066cc;
}
/* 第二行顶部虚线分割线；padding-top拉开虚线与第二行文字距离 */
.ad-text-grid-item:nth-child(2) {
border-top: 1px dashed #cccccc;
padding-top: 4px;
}
/* 图片广告，图片占满容器 */
.ad-img img {
width:100%;
height: 60px;
object-fit:cover;
display: block;
}
.tab-card-title {
    display: none;
}
/* ====================================== */
/* 【列表页样式】 */
/* ====================================== */
/* 列表外层容器，修复flex高度不一致底部留白bug */
.list-main{
width:1200px;
margin:15px auto 0;
display:flex;
gap:15px;
align-items: flex-start;
}
/* 列表左侧主内容区域 */
.list-left{
flex:1;
}
/* 列表右侧侧边栏 */
.list-right{
width:300px;
flex-shrink:0;
}
/* 面包屑导航 */
.list-breadcrumb{
background:#fff;
padding:12px 15px;
border-radius:0.5em;
box-shadow:0 2px 12px rgba(0,0,0,0.1);
margin-bottom:15px;
font-size:14px;
color:#666;  /* > 分隔符、当前页文字灰色 */
}
/* 面包屑链接：黑色 */
.list-breadcrumb a{
color:#000000;
text-decoration:none;
}
/* hover：深黑，下划线 */
.list-breadcrumb a:hover{
color:#0066cc;
text-decoration:none;
}
/* 网格容器，修改为和内容页相关网站一致，PC端一行5列 */
.item-wrap{
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap:10px;
padding-bottom:10px;
margin-bottom:15px;
}
/* 站点卡片：左图右文，对齐内容页相关网站组件样式 */
.list-site-item{
display:flex;
align-items:center;
justify-content:flex-start;
gap:8px;
text-decoration:none;
color:#333;
background:#ffffff;
border:1px solid #E5E5E5;
border-radius:0.5em;
padding:8px 10px;
transition:0.2s;
min-height:58px;
box-sizing:border-box;
}
.list-site-item:hover{
border-color:#ccc;
}
/* 卡片图片容器，小图标38*38，和相关网站图标尺寸统一 */
.list-site-logo{
width:38px;
height:38px;
max-width:38px;
max-height:38px;
flex-shrink:0;
border-radius:4px;
background:#fff;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
}
.list-site-logo img{
width:100%;
height:100%;
object-fit:contain;
}
/* 卡片文字信息区域 */
.list-site-info{
display:flex;
flex-direction:column;
gap:4px;
flex:1;
overflow:hidden;
}
/* 网站名称 */
.list-site-info .title{
font-size:14px;
font-weight:600;
color:#333;
text-align:left;
line-height:1.1;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
/* 网址 */
.list-site-info .url{
font-size:12px;
color:#0066cc;
text-align:left;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
/* 简介 */
.list-site-info .desc{
font-size:12px;
color:#666;
line-height:1.1;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
/* 虚线分隔，隐藏，和截图相关网站保持一致 */
.list-site-info .divider-line{
display:none;
}
/* 分类+日期，隐藏，截图相关网站没有这行 */
.list-site-info .meta-row{
display:none;
}
/* 分页组件 */
.list-page-wrap{
background:#ffffff;
border-radius:0.5em;
box-shadow:0 2px 12px rgba(0,0,0,0.1);
padding:15px;
text-align:center;
margin-bottom:0;
}
.list-page-wrap a{
display:inline-block;
border:1px solid #0066cc;
color:#0066cc;
text-decoration:none;
padding:6px 12px;
margin:0 3px;
border-radius:4px;
}
.list-page-wrap a:hover{
background:#0066cc;
color:#fff;
}
.list-page-wrap span.current{
display:inline-block;
background:#0066cc;
color:#fff;
padding:6px 12px;
margin:0 3px;
border-radius:4px;
}
/* 侧边栏广告模块 */
.list-sidebar-ad300{
width:100%;
height:250px;
background:#ffffff;
border-radius:0.5em;
box-shadow:0 2px 12px rgba(0,0,0,0.1);
margin-bottom:15px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}
.list-sidebar-ad300 img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
/* 侧边栏通用盒子 */
.list-sidebar-box{
background:#fff;
border-radius:0.5em;
box-shadow:0 2px 12px rgba(0,0,0,0.1);
padding:15px;
margin-bottom:15px;
}
.list-sidebar-title{
font-size:16px;
font-weight:bold;
border-left:4px solid #0066cc;
padding-left:8px;
margin-bottom:12px;
}
.list-sidebar-list ul{
list-style:none;
}
.list-sidebar-list li{
padding:8px 0;
border-bottom:1px dotted #eee;
}
.list-sidebar-list li:last-child{
border-bottom:none;
}
/* 列表圆点改为黑色 */
.list-sidebar-list li::before{
content:"●";
color:#000000;
margin-right:8px;
font-size:12px;
}
.list-sidebar-list a{
font-size:15px;
color:#333;
text-decoration:none;
}
.list-sidebar-list a:hover{
color:#0066cc;
text-decoration:none;
}
/* ========== 列表页样式 结束 ========== */
/* =========【内容页样式】 开始 ========== */
.article-main{
width:1200px;
margin:15px auto 0;
display:flex;
gap:15px;align-items: flex-start;
}
.article-left{
flex:1;
min-width:0;
}
.article-right{
width:300px;
flex:0 0 300px;
flex-shrink:0;
}
.article-breadcrumb{
background:#fff;
padding:12px 15px;
border-radius:0.5em;
box-shadow:0 2px 12px rgba(0,0,0,0.1);
margin-bottom:15px;
font-size:14px;
color:#666;
}
.article-breadcrumb a{
color:#000000;
text-decoration:none;
}
.article-breadcrumb a:hover{
color:#0066cc;
text-decoration:none;
}
.article-box{
background:#ffffff;
border-radius:0.5em;
box-shadow:0 2px 12px rgba(0,0,0,0.1);
padding:15px;
margin-bottom:15px;
}
.article-title{
font-size:24px;
font-weight:bold;
color:#222;
text-align:center;
line-height:1.4;
margin-bottom:15px;
}
.article-meta{
font-size:14px;
color:#888;
text-align:center;
padding-bottom:15px;
margin-bottom:20px;
border-bottom:1px dashed #cccccc;
}
.article-meta a{
color:#0066cc;
text-decoration:none;
}
.article-meta a:hover{
text-decoration:underline;
}
.article-logo-block{
width:260px;
height:120px;
border:1px solid #e5e5e5;
border-radius:6px;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 20px auto;
overflow:hidden;
}
.article-logo-block img{
max-width:100%;
max-height:100%;
object-fit:contain;
}
.article-btn-wrap{
text-align:center;
margin-bottom:25px;
}
.article-visit-btn{
display:inline-block;
background:#0066cc;
color:#fff;
text-decoration:none;
font-size:16px;
padding:10px 30px;
border-radius:6px;
}
.article-visit-btn:hover{
background:#0052a3;
}
.article-tag-wrap{
margin-top:15px;
padding-top:15px;
border-top:1px dashed #e5e5e5;
text-align:center;  /*新增：整体居中*/
}
.article-tag-wrap span{
font-size:15px;
color:#666;
margin-right:8px;
}
.article-tag-wrap a{
display:inline-block;
border:1px solid #e5e5e5;
color:#333;
text-decoration:none;
font-size:15px;
padding:3px 10px;
margin:0 4px 6px 0;
border-radius:3px;
}
.article-tag-wrap a:hover{
background:#f5f7fa;
color:#333;
}
/* 上下篇 */
.article-prev-next{
background:#ffffff;
border-radius:0.5em;
box-shadow:0 2px 12px rgba(0,0,0,0.1);
padding:15px 20px;
margin-bottom:15px;
font-size:14px;
display:flex;
justify-content:space-between;
align-items:center;
}
.article-prev-next a{
color:#333 !important;
text-decoration:none;
}
.article-prev-next a:hover{
color:#333 !important;
text-decoration:none;
}
.article-prev-next .prev{
margin:0;
}
.article-prev-next .next{
margin:0;
}
/* 网站信息模块 */
.mod-site-info {
    margin:15px 0;
    background:#ffffff;
    border-radius:0.5em;
    overflow:hidden;
    border:1px solid #e5e5e5;
    box-shadow:0 2px 12px rgba(0,0,0,0.1);
    padding:15px;
}
.mod-site-info__hd {
    border-left:4px solid #0066cc;
    padding-left:8px;
    margin-bottom:12px;
}
.mod-site-info__hd h3 {
    margin:0;
    font-size:16px;
    font-weight:bold;
    color:#222;
}
.mod-site-info__row {
    display:flex;
    align-items:center;
    padding:10px 0;
    flex-wrap:wrap;
    gap:8px;
}
.mod-site-info__row.border-dash-b {
    border-bottom:1px dashed #e5e5e5;
}
.mod-site-info__col {
    flex:1;
    font-size:15px;
}
.mod-site-info__col .lab {
    color:#333;
}
.mod-site-info__col .val-blue {
    color:#0066cc;
}
.mod-site-info__col .val-gray {
    color:#666;
}
/* 网站简介模块 */
.mod-site-desc {
    margin:0 0 15px 0;
    background:#ffffff;
    border-radius:0.5em;
    overflow:hidden;
    border:1px solid #e5e5e5;
    box-shadow:0 2px 12px rgba(0,0,0,0.1);
    padding:15px;
}
.mod-site-desc__hd {
    border-left:4px solid #0066cc;
    padding-left:8px;
	margin-bottom:10px;
	display:flex;
    justify-content:space-between;
}
.mod-site-desc__hd h3 {
    margin:0;
    font-size:16px;
    font-weight:bold;
    color:#222;
}
.mod-site-desc__hd .more{
    font-size:14px;
    color:#666;
    text-decoration:none;
}
.mod-site-desc__hd .more:hover{
    color:#0066cc;
    text-decoration:none;
}
.mod-site-desc__text {
    margin:0;
    font-size:15px;
    color:#333;
    line-height:1.7;
    padding:10px 0;
}
/* 特别提示模块 虚线边框 */
.mod-site-tip {
    margin:0 0 15px 0;
    background:#ffffff;
    border-radius:0.5em;
    overflow:hidden;
    border:1px dashed #cccccc;
    box-shadow:0 2px 12px rgba(0,0,0,0.1);
    padding:15px;
}
.mod-site-tip__text {
    margin:0;
    font-size:15px;
    color:#666;
    line-height:1.7;
}
/*相关查询：继承网站简介外观，只改内部链接布局*/
.mod-rel-query {
    margin: 15px 0;
}
.mod-rel-query__grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
	padding-top:15px;
    padding: 15px 0;
}
.mod-rel-query__item {
    display: block;
    padding: 7px 4px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    text-align: center;
    color: #333;
    text-decoration: none;
    background: #fff;
    font-size:13px;
    transition: 0.2s;
}
.mod-rel-query__item:hover {
    background: #f5f7fa;
    border-color: #ccc;
}
/*相关网站：PC端改为Grid一行3列，左边LOGO，右上名称、右下简介，卡片自适应均分*/
.mod-rel-site__grid {
    display: grid;
    /* minmax(0,1fr) 解决内容撑开溢出边框BUG */
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    padding-top:15px;
	padding-bottom:10px;
}
.mod-rel-site__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap:10px;
    text-decoration: none;
    color: #333;
    background:#fff;
    border:1px solid #E5E5E5;
    border-radius:0.5em;
    padding:8px 10px;
    transition: 0.2s;
    min-height:58px;
    box-sizing: border-box;
}
.mod-rel-site__item img {
    width: 38px;
    height: 38px;
    max-width:38px;
    max-height:38px;
    object-fit: contain;
    border-radius: 4px;
    background: #fff;
    flex-shrink:0;
}
/*右侧文字容器：上名称，下简介 */
.mod-rel-site__textwrap{
    display:flex;
    flex-direction:column;
    gap:10px;
    flex:1;
    overflow:hidden;
}
.mod-rel-site__name {
    display: block;
    font-size:14px;
    font-weight:600;
    color:#333;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:left;
    line-height:1.1;
}
.mod-rel-site__desc{
    font-size:12px;
    color:#666;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:left;
    line-height:1.1;
}
.mod-rel-site__item:hover {
    border-color:#ccc;
}
/*标题元信息与网站logo中间广告位*/
.article-ad-between{
    margin:10px 0;
}
.article-ad-between a{
    display:block;
}
.article-ad-between img{
    width:100%;
    height:auto;
    display:block;
}
/* =========【内容页样式】 结束 ========== */
/*汉堡按钮 PC隐藏*/
.hamburger-btn{
    display:none;
    width:40px;
    height:40px;
    background-color:#0066cc;
    color:#fff;
    font-size:26px;
    cursor:pointer;
    padding:0;
    user-select:none;
    border-radius:4px;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
}
/*===================== 移动端适配 max-width:768px =====================*/
@media (max-width:768px) {
    /*头部：logo+汉堡，隐藏广告搜索*/
    .header-top {
        width:100%;
        height:80px;
        padding:0 10px;
        flex-wrap:nowrap;
        justify-content:space-between;
    }
    .hamburger-btn{
        display:flex;
    }
    .header-ad-middle{
        display:none !important;
    }
    .search-box{
        display:none !important;
    }
    /*导航改为浮层，脱离文档流，解决点击汉堡页面下移问题*/
    .nav-wrap{
        display:block;
        position:absolute;
        width:100%;
        left:0;
        top:80px;
        z-index:9999;
        background:#0066cc;
        max-height:0;
        overflow:hidden;
        transition: max-height 0.25s ease;
    }
    .nav-wrap.nav-open{
        max-height:800px;
    }
    .nav {
        width:100%;
        display:grid !important;
        grid-template-columns:1fr 1fr 1fr 1fr;
        gap:2px 4px;
    }
    .nav a{
        border:0 !important;
        font-size:13px;
        padding:10px 4px;
        text-align:center;
    }
    .nav-item-home {
        grid-row:auto;
    }
    .nav a:nth-child(2),
    .nav a:nth-child(12),
    .nav a:nth-child(18),
    .nav a:nth-child(19),
    .nav a:nth-child(20) {
        display:none;
    }

    /* --------列表页适配-------- */
    .list-main {
        width:100%;
        padding:0 10px;
        flex-direction:column;
    }
    .list-left {
        min-width:0;
    }
    .list-right {
        width:100%;
    }
    .item-wrap {
        grid-template-columns: repeat(2, 1fr);
        gap:10px;
    }
    .list-site-item {
        width:100%;
        box-sizing: border-box;
    }
    .list-site-info .desc {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .meta-row .cate {
        display: none !important;
    }
    .meta-row {
        display: block !important;
        text-align: left;
    }
    .meta-row .date {
        display:block;
    }
    .article-title {
        font-size:20px;
    }
    .list-page-wrap a,
    .list-page-wrap .current {
        font-size:14px;
        padding:6px 10px;
        margin:3px 2px;
    }


    /* ============ 移动端内容页 ============ */
    .article-main{
        width:100%;
        padding:0 10px;
        flex-direction: column;
        gap:15px;
    }
    .article-left{
        width:100%;
        margin-bottom:-15px;
    }
    .article-right{
        width:100%;
        flex:none;
    }
    .article-breadcrumb{
        padding:15px 12px;
        font-size:13px;
    }
    .article-box{
        padding:12px;
    }
    .article-logo-block{
        width:260px;
        height:120px;
    }
    .article-visit-btn{
        width:260px;
        display:block;
        text-align:center;
        margin:0 auto;
    }
    .mod-site-info{
        padding:12px;
    }
    .mod-site-info__row{
        gap:4px;
        padding:0;
    }
    .mod-site-info__col{
        flex:0 0 100%;
        padding:10px 0;
        border-bottom:1px dashed #e5e5e5;
    }
    .mod-site-info__col:last-child{
        border-bottom:none;
    }
    .mod-site-desc{
        padding:12px;
    }
    .mod-site-tip{
        padding:12px;
    }
    .mod-site-desc__text{
        font-size:15px;
        line-height:24px !important;
    }
    .mod-site-desc__text p {
        margin:0 !important;
        padding:0 !important;
    }
    .mod-site-tip__text{
        font-size:15px;
        line-height:24px !important;
    }
    .mod-site-tip__text p {
        margin:0 !important;
        padding:0 !important;
    }
	.article-tag-wrap {
        display: none !important;
    }
    .article-tag-wrap a{
        font-size:12px;
        padding:2px 8px;
    }
    .article-prev-next{
        padding:15px 15px;
        flex-direction:row;
        gap:8px;
    }
    .list-sidebar-ad300{
        margin-bottom:15px;
        height:auto;
		display:block; /* 干掉flex居中，块级，图片直接铺满容器 */
    }
    .list-sidebar-ad300 img{
        width:100%;
        height:auto;
		display:block; /* 干掉flex居中，块级，图片直接铺满容器 */
    }
    .meta-cat,.meta-src{
        display:none;
    }
    .mod-rel-query__grid{
        grid-template-columns:repeat(3,1fr);
        gap:10px;
    }
    .mod-rel-query__item{
        padding:7px 3px;
        font-size:13px;
    }
    /*相关网站移动端2列*/
    .mod-rel-site__grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
        gap: 10px;
    }
/* 仅【内容页】移动端只展示前6个，列表页mod-rel-site-listpage不受这条限制 */
.mod-rel-site:not(.mod-rel-site-listpage) .mod-rel-site__item:nth-child(n+7){
    display:none;
}
    .article-ad-between{
        margin:10px 0;
    }
    .article-ad-between img{
        width:100%;
        height:auto;
    }
    /*首页移动端*/
    .main-box {
        width: 100%;
        margin: 5px 0 0;
        padding:10px;
        border-radius:0;
        background:transparent !important;
        border:none !important;
        box-shadow:none !important;
    }
    .wmtr {
        display:block !important;
        background:transparent !important;
        border:none !important;
        box-shadow:none !important;
        padding:0 !important;
    }
    .left-tab-wrap {
        display:none !important;
    }
    .right-logo-wrap {
        width:100%;
        background:transparent !important;
        border:none !important;
        padding:0 !important;
    }
    .right-logo-wrap .tab-item {
        display:grid !important;
        background:#fff;
        border-radius:0.5em;
        box-shadow:0 2px 12px rgba(0,0,0,0.1);
        padding:15px;
        margin-bottom:15px;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }
    .tab-item > .tab-card-title {
        grid-column:1/-1;
    }
    .tab-item .site-logo-item {
        display:flex;
        align-items:center;
        height:58px;
        width:100%;
        box-sizing:border-box;
        overflow:hidden;
    }
    .right-logo-wrap .site-logo-item a {
        width:100%;
        display:flex;
        align-items:center;
        gap:8px;
        text-decoration:none;
        color:inherit;
    }
    .right-logo-wrap .site-logo-item .text-wrap {
        flex:1;
        min-width:0;
        display:flex;
        flex-direction:column;
        gap:7px;
        overflow:hidden;
        text-align:left;
    }
    .right-logo-wrap .site-logo-item .sitename {
        font-size:14px;
        font-weight:600;
        color:#333;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .right-logo-wrap .site-logo-item .sitedesc {
        font-size:12px;
        color:#666;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .tab-item .site-logo-item img {
        width:48px;
        height:48px;
        object-fit:contain;
        flex-shrink:0;
    }
    .tab-card-title{
        display:block;
        width:100%;
        margin:0 0 12px;
        font-size:16px;
        font-weight:bold;
        border-left:4px solid #0066cc;
        padding-left:8px;
    }
    .tab-item > .site-logo-item:nth-child(n+8) {
        display:none !important;
    }
    .friend-link{
        display:none !important;
    }
    .footer {
        padding:15px 10px;
        font-size:13px;
    }
    /* 只有封面页才启用负边距，列表页不执行 */
    body.page-fm .list-main .list-left {
        margin-bottom: -15px !important;
    }
    /* 仅封面页(body.page-fm)移动端生效 */
    /* PC端：完整展示9条，一行3条 */
    /* 移动端：只显示前8条，第9条及以后隐藏，一行2条 */
    /* 列表页body无page-fm类，不受该样式影响，全部数据正常展示 */
    body.page-fm .mod-rel-site__grid .mod-rel-site__item:nth-child(n+9) {
        display: none !important;
    }
	.right-logo-wrap {
    margin-bottom:-10px !important;
}
    /* 内容页 article‑right：隐藏点击排行、推荐站点2，保留广告 */
    .article-right .list-sidebar-box:nth-child(2) {
        display: none !important;
        margin:0 !important;
        padding:0 !important;
    }
    .article-right .list-sidebar-box:nth-child(3) {
        display: none !important;
        margin:0 !important;
        padding:0 !important;
    }
    /* 列表页 list‑right：隐藏点击排行、推荐站点2，保留广告 */
    .list-right .list-sidebar-box:nth-child(2) {
        display: none !important;
        margin:0 !important;
        padding:0 !important;
    }
    .list-right .list-sidebar-box:nth-child(3) {
        display: none !important;
        margin:0 !important;
        padding:0 !important;
    }
}