/*
 * 仿制 ai.100gjx.com (OneNav 风格) 覆写样式
 * 主色 #5961f9 / 背景 #f9f9f9 / 卡片白 8px 圆角
 * 最后加载，覆盖 nav.css
 */

:root{
  --io-accent:#5961f9;
  --io-accent-hover:#4750e8;
  --io-bg:#f9f9f9;
  --io-card:#fff;
  --io-radius:8px;
  --io-border:rgba(130,130,130,.15);
  --io-text:#282a2d;
  --io-muted:#878d99;
}

/* ========== 全局 ========== */
body{background-color:var(--io-bg);color:var(--io-text)}
a{color:var(--io-text)}
a:hover,a:focus{color:var(--io-accent);text-decoration:none}

/* ========== 顶栏（OneNav 风格白色吸顶条） ========== */
nav.navbar.user-info-navbar,
.user-info-navbar{
  display:block !important;
  position:sticky !important;top:0;
  width:100% !important;
  z-index:1040 !important;
  margin:0 0 20px 0 !important;
  padding:0;
  background:#fff !important;
  box-shadow:0 1px 0 rgba(130,130,130,.12);
}
.user-info-navbar .navbar-content{position:static;box-shadow:none;padding-bottom:0;align-items:center}
.user-info-navbar .user-info-menu>li{display:table-cell;vertical-align:middle}
.user-info-navbar .user-info-menu>li>a{padding:14px 12px;color:#555f6b}
.user-info-navbar .user-info-menu>li>a:hover{color:var(--io-accent)}
.io-topbar-brand{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:17px;font-weight:700;color:var(--io-text)}
.io-topbar-brand img{height:32px;width:auto}
.io-topbar-brand .io-brand-text{color:var(--io-text)}

/* 汉堡按钮 */
.io-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;color:#555f6b;font-size:17px}
.io-menu-btn:hover{background:rgba(89,97,249,.1);color:var(--io-accent)}

/* ========== 侧边栏：全端默认隐藏，汉堡滑出（OneNav 效果） ========== */
.page-container{display:block}
.sidebar-menu{
  display:block;position:fixed;left:0;top:0;bottom:0;width:260px;z-index:1099;
  transform:translateX(-105%);
  transition:transform .3s ease;
  box-shadow:none;height:100%;
}
.sidebar-menu.io-open{transform:translateX(0);box-shadow:0 0 60px rgba(0,0,0,.25)}
.sidebar-menu .sidebar-menu-inner{position:absolute;left:0;top:0;bottom:0;width:100%}
.sidebar-menu .mobile-menu-toggle{display:none !important}
.page-container .main-content{
  display:block;width:100%;max-width:1290px;margin:0 auto;
  padding:0 15px 40px;
}
.io-overlay{
  position:fixed;inset:0;background:rgba(20,22,30,.55);z-index:1098;
  opacity:0;visibility:hidden;transition:opacity .3s ease;
}
.io-overlay.show{opacity:1;visibility:visible}

/* 侧边栏改浅色（与整站风格一致），菜单项紫蓝高亮 */
.sidebar-menu{background:#fff;border-right:1px solid var(--io-border)}
.sidebar-menu .logo-env{border-bottom:1px solid #f0f0f4}
.sidebar-menu .main-menu li a{border-radius:8px;color:#555f6b;transition:background .2s,color .2s}
.sidebar-menu .main-menu li a:hover,
.sidebar-menu .main-menu li.active>a{background:rgba(89,97,249,.1);color:var(--io-accent)}
.sidebar-menu .main-menu li a>i{color:#98a0ad}
.sidebar-menu .main-menu li a:hover>i,
.sidebar-menu .main-menu li.active>a>i{color:var(--io-accent)}

/* ========== Hero：居中大 Logo ========== */
.io-hero{text-align:center;padding:46px 15px 0}
.io-hero a{text-decoration:none}
.io-hero img{height:88px;width:auto;max-width:80%}
.io-hero .io-hero-title{font-size:42px;font-weight:700;color:var(--io-text);letter-spacing:2px}
.io-hero .io-hero-desc{margin-top:10px;color:var(--io-muted);font-size:14px}

/* 侧栏文字 Logo */
.io-sidebar-title{font-size:20px;font-weight:700;color:var(--io-text);line-height:40px}
.logo-expanded .io-sidebar-title,.logo-collapsed .io-sidebar-title{text-decoration:none}

/* ========== 二轮修正 ========== */
/* 公告栏负 margin 会盖住 Hero 标题，恢复正常间距 */
#bulletin_box.panel{margin-top:12px !important;margin-bottom:0 !important}

/* 页脚版权文字与背景同色（视觉隐藏，文本保留） */
.page-container .main-content footer.main-footer .footer-text,
.page-container .main-content footer.main-footer .footer-text a,
footer.main-footer .footer-text,
footer.main-footer .footer-text a,
footer.main-footer .footer-text p,
footer.main-footer .footer-text p a{color:#f9f9f9 !important}
footer.main-footer .footer-text a:hover{color:#f9f9f9 !important}

/* ========== 三轮修正 ========== */
/* 侧栏菜单字体对齐 OneNav 风格 */
.sidebar-menu .main-menu li a{font-size:14px !important;padding:11px 20px}
.sidebar-menu .main-menu>li>a{font-weight:500}
.sidebar-menu .main-menu ul li a{font-size:13px !important}
.sidebar-menu .main-menu li a .title{vertical-align:middle;font-size:inherit !important}
.sidebar-menu .main-menu li a>i{font-size:14px !important}

/* 收藏图标白线/偏移修复 */
.xe-widget .xe-user-img{flex:none}
.xe-widget .xe-user-img img{
  margin:0 !important;border:0;box-shadow:none;
  width:100%;height:100%;object-fit:cover;border-radius:50%;
}

/* 详情页面包屑 */
.io-breadcrumb{
  display:flex;align-items:center;flex-wrap:wrap;gap:8px;
  margin:0 0 16px;padding:10px 16px;font-size:13px;
  background:#fff;border:1px solid var(--io-border);border-radius:var(--io-radius);
}
.io-breadcrumb a{color:#555f6b}
.io-breadcrumb a:hover{color:var(--io-accent)}
.io-breadcrumb i.fa-angle-right{color:#c0c4cc;font-size:12px}
.io-breadcrumb i.fa-home{margin-right:2px}
.io-breadcrumb span{color:var(--io-text);font-weight:500}

/* 二维码等 tooltip 弹层改白底（原黑色） */
.tooltip .tooltip-inner{
  background:#fff !important;color:var(--io-text);
  padding:8px;border-radius:8px;box-shadow:0 8px 30px rgba(0,20,60,.16);
}
.tooltip.top .tooltip-arrow{border-top-color:#fff}
.tooltip.bottom .tooltip-arrow{border-bottom-color:#fff}
.tooltip.left .tooltip-arrow{border-left-color:#fff}
.tooltip.right .tooltip-arrow{border-right-color:#fff}

/* ========== 搜索区（OneNav 布局：分组 Tab 在上，搜索框居中） ========== */
#search{max-width:680px;margin:26px auto 30px}
#search-list{position:static}

/* 分组 Tab 横排在搜索框上方 */
#search .s-type{position:static;width:auto;z-index:auto}
#search .s-type>span{display:none}
#search .s-type-list{
  display:flex;justify-content:center;flex-wrap:nowrap;overflow-x:auto;
  position:static;width:auto;padding:0;margin-bottom:14px;
  background:transparent;box-shadow:none;border-radius:0;
  scrollbar-width:none;
}
#search .s-type-list::-webkit-scrollbar{display:none}
#search .s-type-list:before{display:none}
#search .s-type-list label{
  display:block;flex:none;font-size:15px;padding:6px 14px;margin:0 2px;
  color:#555f6b;border-bottom:3px solid transparent;border-radius:0;
}
#search .s-type-list label:hover{background:transparent;color:var(--io-accent)}
#search .s-type-list label.active{color:var(--io-accent);border-bottom:3px solid var(--io-accent);font-weight:700}

/* 隐藏各分组左侧的组名 */
#search .type-text{display:none}
#search .search-group{padding-left:0}
#search .search-group.s-current{display:block}

/* 引擎标签：灰色小胶囊，选中高亮 */
#search .search-type{
  display:flex;flex-wrap:wrap;justify-content:center;gap:6px;
  padding-left:0;margin:12px 0 0;list-style:none;
}
#search .search-type li{display:inline-block}
#search .search-type label{
  display:inline-block;padding:3px 12px;border-radius:20px;
  background:rgba(136,136,136,.1);cursor:pointer;transition:.2s;
}
#search .search-type label span{color:#666 !important;font-size:13px}
#search .search-type input:checked+label{background:var(--io-accent)}
#search .search-type input:checked+label span{color:#fff !important}
#search .search-type label:hover{background:rgba(89,97,249,.16)}

/* 搜索框：白色圆角 + 阴影 + 主色按钮 */
#search form{position:relative}
#search-text{
  height:52px;padding:0 70px 0 20px;font-size:15px;
  border:1px solid var(--io-border);border-radius:10px;background:#fff;
  box-shadow:0 4px 16px rgba(0,20,60,.06);
}
#search-text:focus{border-color:var(--io-accent);box-shadow:0 4px 16px rgba(89,97,249,.18)}
#search button{
  position:absolute;top:0;right:0;
  width:44px;height:40px;margin:6px 8px 0;line-height:40px;
  background:var(--io-accent);border:0;border-radius:8px;
}
#search button:hover{background:var(--io-accent-hover)}
#search button i{color:#fff;font-size:17px}

/* 「新窗口打开」勾选位置微调 */
#search .set-check{right:-30px}

/* ========== 公告栏 ========== */
#bulletin_box.panel{
  max-width:1290px;border-radius:var(--io-radius);
  border:1px solid var(--io-border);box-shadow:0 2px 8px rgba(0,20,60,.04);
}
#bulletin_box .fa-volume-up{color:var(--io-accent)}

/* ========== 分类标题（OneNav：左侧主色小竖条 + 粗体 + 更多靠右） ========== */
.sites-list h4.text-gray,
.main-content h4.text-gray{
  display:flex !important;align-items:center;width:100%;
  color:var(--io-text);font-size:19px;font-weight:700;margin:34px 0 4px;
}
.sites-list h4.text-gray>i,
.main-content h4.text-gray>i{margin-right:10px !important;color:var(--io-accent);font-size:18px}
.btn-move{
  margin-left:auto;font-size:12px;font-weight:400;color:var(--io-muted) !important;
  padding:3px 10px;border-radius:14px;transition:.2s;
}
.btn-move:hover{color:#fff !important;background:var(--io-accent)}

/* ========== 网址卡片（OneNav url-card 风格） ========== */
.xe-card{height:auto;margin:0 0 20px}
.xe-widget.xe-conversations{
  position:static;margin:0;
}
.box2,
.xe-widget.xe-conversations.box2{
  height:auto;min-height:72px;
  padding:15px;border-radius:var(--io-radius);
  background:var(--io-card);border:1px solid var(--io-border);
  box-shadow:0 1px 4px rgba(0,20,60,.04);
}
.box2:hover{
  transform:translateY(-6px);
  box-shadow:0 26px 40px -24px rgba(0,36,100,.3);
  border-color:transparent;
}
.xe-widget .xe-comment-entry{display:flex;align-items:center}
.xe-widget .xe-user-img{
  flex:none;width:40px;height:40px;margin-right:12px;
  border-radius:50%;background:rgba(128,128,128,.1);overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}
.xe-widget .xe-user-img img{border-radius:50%}
.xe-widget .xe-comment{flex:1;min-width:0}
.xe-widget .xe-user-name strong{color:var(--io-text);font-size:14px}
.xe-widget .xe-comment p{color:var(--io-muted);font-size:12px;margin:4px 0 0}

/* ========== 友情链接 / 面板 ========== */
.main-content .panel{border-radius:var(--io-radius);border:1px solid var(--io-border);box-shadow:0 1px 4px rgba(0,20,60,.04)}
.friendlink .panel{padding:10px 15px}
.friendlink .panel li a:hover{color:var(--io-accent)}

/* ========== 页脚（OneNav：浅色居中） ========== */
.page-container .main-content footer.main-footer,
footer.main-footer{
  background:transparent;border-top:0;margin:20px 0 0 !important;
  padding:26px 15px;text-align:center;
  position:static;left:auto;right:auto;
}
footer.main-footer .footer-inner{text-align:center}
footer.main-footer .footer-text{color:var(--io-muted);font-size:13px;float:none}
footer.main-footer a{color:var(--io-muted)}
footer.main-footer .footer-text a:hover{color:var(--io-accent)}

/* 回到顶部按钮：白底圆形 + 主色图标 */
.main-footer .go-up a{
  border-radius:50%;background:#fff;color:var(--io-accent);
  box-shadow:0 4px 14px rgba(0,20,60,.12);border:1px solid var(--io-border);
}
.main-footer .go-up a:hover{background:var(--io-accent);color:#fff}

/* ========== 移动端适配 ========== */
@media (max-width:991px){
  .io-hero{padding:26px 15px 0}
  .io-hero img{height:64px}
  .io-hero .io-hero-title{font-size:30px}
  #search{margin:16px auto 20px}
  .sites-list h4.text-gray,.main-content h4.text-gray{font-size:17px;margin:26px 0 4px}
  nav.navbar.user-info-navbar,.user-info-navbar{margin-bottom:10px !important}
}
@media (max-width:767px){
  #search .s-type-list{justify-content:flex-start}
  .xe-widget.xe-conversations{margin:0 4px}
}