/* =========================================================
   t6 · 天枢导航风格模板  —— 基础层
   设计语言：浅蓝白企业级卡片式导航门户（匹配 nav.ediy.net）
   ========================================================= */
:root{
  --tk-blue:#2563EB;
  --tk-blue-2:#1D4ED8;
  --tk-blue-3:#3B82F6;
  --tk-blue-weak:#EEF4FF;
  --tk-blue-weak2:#F5F8FF;
  --tk-bg:#F2F6FC;
  --tk-card:#FFFFFF;
  --tk-line:#E7EDF6;
  --tk-line2:#D9E3F2;
  --tk-text:#1E293B;
  --tk-text2:#5B6B82;
  --tk-text3:#94A3B8;
  --tk-ok:#12A150;
  --tk-warn:#F59E0B;
  --tk-red:#EF4444;
  --tk-radius:12px;
  --tk-radius-s:8px;
  --tk-shadow:0 1px 2px rgba(30,58,138,.04),0 12px 28px -14px rgba(30,58,138,.14);
  --tk-shadow-h:0 2px 4px rgba(30,58,138,.06),0 16px 36px -16px rgba(30,58,138,.24);
}

/* ============ 深色主题（与天枢导航一致：html[data-theme="dark"]） ============ */
html[data-theme="dark"]{
  --tk-blue:#3B82F6;
  --tk-blue-2:#2563EB;
  --tk-blue-3:#60A5FA;
  --tk-blue-weak:rgba(59,130,246,.16);
  --tk-blue-weak2:rgba(15,23,42,.6);
  --tk-bg:#0C0F16;
  --tk-card:#151B28;
  --tk-line:#232C3F;
  --tk-line2:#2C3750;
  --tk-text:#E6EAF2;
  --tk-text2:#A6B2C8;
  --tk-text3:#7C8A9F;
  --tk-shadow:0 1px 2px rgba(0,0,0,.35),0 12px 28px -14px rgba(0,0,0,.55);
  --tk-shadow-h:0 2px 4px rgba(0,0,0,.45),0 16px 36px -16px rgba(0,0,0,.7);
}
html[data-theme="dark"] body{background:#0C0F16}
html[data-theme="dark"] #header{background:rgba(12,15,22,.9);border-bottom-color:var(--tk-line)}
html[data-theme="dark"] #header .logo img{filter:brightness(1.05)}
html[data-theme="dark"] .navbox a{color:var(--tk-text)}
html[data-theme="dark"] .navbox a:hover{color:var(--tk-blue-3)}
html[data-theme="dark"] .searchico{background:#12161F;border-color:rgba(255,255,255,.08);color:#9AA4B5}
html[data-theme="dark"] .searchico:hover{color:#93C5FD;border-color:rgba(147,197,253,.5)}
html[data-theme="dark"] .head-user .hu-btn.ghost{background:var(--tk-card);border-color:var(--tk-line2);color:var(--tk-text2)}
html[data-theme="dark"] .head-user .hu-btn.ghost:hover{color:var(--tk-blue-3);border-color:var(--tk-blue)}
html[data-theme="dark"] .head-user .hu-btn.solid{background:var(--tk-blue);color:#fff}
html[data-theme="dark"] .head-user .hu-btn.solid:hover{background:var(--tk-blue-2)}
html[data-theme="dark"] .searchbox{background:var(--tk-card);border-color:var(--tk-line)}
html[data-theme="dark"] .searchbox .input_text{background:var(--tk-blue-weak2);border-color:var(--tk-line2);color:var(--tk-text)}
html[data-theme="dark"] .searchbox .input_text:focus{background:var(--tk-bg);border-color:var(--tk-blue)}
html[data-theme="dark"] .searchbox .input_submit{background:var(--tk-blue)}
html[data-theme="dark"] .whitebg{background:var(--tk-card);border-color:var(--tk-line)}
html[data-theme="dark"] .htitle{color:var(--tk-text);border-bottom-color:var(--tk-line)}
html[data-theme="dark"] .btn-blue{background:var(--tk-blue);color:#fff}
html[data-theme="dark"] .btn-blue:hover{background:var(--tk-blue-2)}
html[data-theme="dark"] .btn-ghost{background:var(--tk-card);border-color:var(--tk-line2);color:var(--tk-text2)}
html[data-theme="dark"] .btn-ghost:hover{color:var(--tk-blue-3);border-color:var(--tk-blue)}
html[data-theme="dark"] body #pager ul.pages li{background:var(--tk-card);border-color:var(--tk-line2);color:var(--tk-text2)}
html[data-theme="dark"] body #pager ul.pages li:hover{color:var(--tk-blue-3);border-color:var(--tk-blue)}
html[data-theme="dark"] body #pager ul.pages li.thisclass{background:var(--tk-blue);border-color:var(--tk-blue);color:#fff}
html[data-theme="dark"] .xiangsi li a{background:var(--tk-card);border-color:var(--tk-line)}
html[data-theme="dark"] .xiangsi li a:hover{border-color:var(--tk-blue)}
html[data-theme="dark"] .xiangsi p{color:var(--tk-text)}
html[data-theme="dark"] .xiangsi span{color:var(--tk-text3)}
html[data-theme="dark"] #toTop{background:var(--tk-card);border-color:var(--tk-line2);color:var(--tk-blue-3);box-shadow:0 10px 26px rgba(0,0,0,.5)}
html[data-theme="dark"] #toTop:hover{background:var(--tk-blue-weak)}

/* 主题切换按钮（header 内） */
.theme-btn{flex:0 0 auto;width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;
  color:#5A6B85;background:#FFFFFF;border:1px solid rgba(15,30,60,.1);cursor:pointer;transition:all .15s}
.theme-btn:hover{color:#2563EB;border-color:#BFD3F8}
.theme-btn svg{width:16px;height:16px}
html[data-theme="dark"] .theme-btn{background:#12161F;border-color:rgba(255,255,255,.08);color:#9AA4B5}
html[data-theme="dark"] .theme-btn:hover{color:#93C5FD;border-color:rgba(147,197,253,.5)}
/* v6.4：主题按钮双图标（亮色=灯泡 / 暗色=月亮） */
.theme-btn .icon-sun{display:none}
.theme-btn .icon-moon{display:inline-flex}
html[data-theme="dark"] .theme-btn .icon-sun{display:inline-flex}
html[data-theme="dark"] .theme-btn .icon-moon{display:none}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--tk-bg);color:var(--tk-text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
a:hover{color:var(--tk-blue)}
ul,ol{list-style:none}
img{max-width:100%;vertical-align:middle;border:0}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
input,textarea,select{font-family:inherit;outline:none}
.clearfix:after{content:"";display:block;clear:both}
.clearblank{clear:both}
.h50{height:50px}

/* ===================== 顶栏 ===================== */
#header{
  position:sticky;top:0;z-index:100;height:58px;
  background:rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--tk-line);
  transition:box-shadow .2s;
}
body.scrolled #header{box-shadow:0 6px 18px -12px rgba(30,58,138,.18)}
.navbox{
  max-width:1240px;margin:0 auto;height:58px;padding:0 14px;
  display:flex;align-items:center;gap:14px;position:relative;
}
#mnavh{display:none;flex:0 0 auto;width:38px;height:38px;align-items:center;justify-content:center;cursor:pointer}
#mnavh .navicon{width:20px;height:14px;position:relative}
#mnavh .navicon:before,#mnavh .navicon:after,#mnavh .navicon i{
  content:"";position:absolute;left:0;width:20px;height:2px;border-radius:2px;background:var(--tk-text);transition:all .25s;
}
#mnavh .navicon:before{top:0}
#mnavh .navicon i{top:6px}
#mnavh .navicon:after{top:12px}
body.nav-open #mnavh .navicon:before{top:6px;transform:rotate(45deg)}
body.nav-open #mnavh .navicon i{opacity:0}
body.nav-open #mnavh .navicon:after{top:6px;transform:rotate(-45deg)}
.logo{flex:0 0 auto;display:flex;align-items:center}
.logo img{height:40px;display:block}
.logo .brand-badge{
  display:inline-flex;align-items:center;height:20px;padding:0 7px;margin-left:8px;
  font-size:11px;font-weight:600;color:var(--tk-blue);background:var(--tk-blue-weak);
  border:1px solid #D8E6FF;border-radius:6px;letter-spacing:.4px;
}
nav{flex:1 1 auto;min-width:0}
#starlist{display:flex;align-items:center;gap:2px}
#starlist>li{position:relative}
#starlist>li>a{
  display:block;padding:0 13px;height:58px;line-height:58px;
  font-size:14.5px;color:var(--tk-text2);position:relative;white-space:nowrap;transition:color .15s;
}
#starlist>li>a:hover{color:var(--tk-blue)}
#starlist>li>a#selected,#starlist>li>a.selected{color:var(--tk-blue);font-weight:600}
#starlist>li>a#selected:after,#starlist>li>a.selected:after{
  content:"";position:absolute;left:13px;right:13px;bottom:12px;height:3px;
  background:var(--tk-blue);border-radius:3px;
}
#starlist .sub{
  display:none;position:absolute;top:100%;left:0;min-width:150px;padding:6px;
  background:#fff;border:1px solid var(--tk-line);border-radius:10px;
  box-shadow:0 16px 40px -18px rgba(30,58,138,.35);z-index:120;
}
#starlist .sub li a{
  display:block;padding:8px 12px;font-size:13.5px;color:var(--tk-text2);border-radius:7px;transition:all .15s;
}
#starlist .sub li a:hover{color:var(--tk-blue);background:var(--tk-blue-weak)}
.searchico{
  flex:0 0 auto;width:34px;height:34px;border-radius:9px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;color:#5A6B85;
  background:#FFFFFF;border:1px solid rgba(15,30,60,.1);transition:all .15s;
}
.searchico:hover{color:#2563EB;border-color:#BFD3F8}
.searchico svg{width:16px;height:16px}
.head-user{flex:0 0 auto;display:flex;align-items:center;gap:14px;margin-left:0}
.head-user .hu-btn{
  height:34px;padding:0 14px;border-radius:9px;display:inline-flex;align-items:center;
  font-size:13.5px;font-weight:500;transition:all .15s;white-space:nowrap;
}
.head-user .hu-btn.ghost{color:var(--tk-text2);border:1px solid var(--tk-line2);background:#fff}
.head-user .hu-btn.ghost:hover{color:var(--tk-blue);border-color:#B9CDF7}
.head-user .hu-btn.solid{color:#fff;background:var(--tk-blue);box-shadow:0 6px 14px -8px rgba(37,99,235,.6)}
.head-user .hu-btn.solid:hover{background:var(--tk-blue-2)}
.head-user .hu-btn.solid svg{width:15px;height:15px;margin-right:5px}

/* ===================== 搜索下拉 ===================== */
.searchbox{
  display:none;position:absolute;top:58px;left:0;right:0;z-index:99;
  background:rgba(255,255,255,.98);border-bottom:1px solid var(--tk-line);
  box-shadow:0 18px 40px -20px rgba(30,58,138,.28);
}
.searchbox.show{display:block}
.searchbox .search{max-width:760px;margin:0 auto;padding:16px 14px 18px;display:flex;gap:10px}
.searchbox .input_text{
  flex:1 1 auto;height:44px;padding:0 18px;font-size:14.5px;color:var(--tk-text);
  background:var(--tk-blue-weak2);border:1px solid var(--tk-line2);border-radius:12px;transition:border .15s;
}
.searchbox .input_text:focus{border-color:var(--tk-blue);background:#fff}
.searchbox .input_submit{
  flex:0 0 auto;height:44px;padding:0 26px;font-size:14.5px;font-weight:600;color:#fff;
  background:var(--tk-blue);border-radius:12px;box-shadow:0 8px 18px -8px rgba(37,99,235,.55);transition:background .15s;
}
.searchbox .input_submit:hover{background:var(--tk-blue-2)}
.searchclose{display:none}

/* ===================== 页面容器 ===================== */
article{max-width:1240px;margin:0 auto;padding:18px 14px 26px}
/* 双栏 */
article .lbox{flex:1 1 auto;min-width:0}
article .rbox{flex:0 0 300px;width:300px}
article.twocol{display:flex;align-items:flex-start;gap:18px}
article.twocol .rbox{position:sticky;top:74px}
.whitebg{
  background:var(--tk-card);border:1px solid var(--tk-line);border-radius:var(--tk-radius);
  box-shadow:var(--tk-shadow);margin-bottom:16px;
}

/* 卡片标题 */
.htitle{
  display:flex;align-items:center;gap:9px;height:50px;padding:0 16px;
  font-size:15.5px;font-weight:700;color:var(--tk-text);border-bottom:1px solid var(--tk-line);
}
.htitle:before{content:"";width:4px;height:16px;border-radius:3px;background:var(--tk-blue)}

/* ===================== 通用按钮 ===================== */
.btn-blue{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  height:38px;padding:0 18px;font-size:14px;font-weight:600;color:#fff;
  background:var(--tk-blue);border-radius:10px;transition:all .15s;
}
.btn-blue:hover{background:var(--tk-blue-2);color:#fff}
.btn-ghost{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  height:38px;padding:0 18px;font-size:14px;color:var(--tk-text2);
  border:1px solid var(--tk-line2);background:#fff;border-radius:10px;transition:all .15s;
}
.btn-ghost:hover{color:var(--tk-blue);border-color:#B9CDF7}

/* ===================== 分页（jquery.pager → ul.pages） ===================== */
.pagelist{clear:both;text-align:center;padding:16px 0 4px}
.met_pager{display:flex;justify-content:center;padding:14px 0 6px}
body #pager ul.pages{
  display:inline-flex;align-items:center;flex-wrap:nowrap;gap:4px;
  margin:0;padding:0;list-style:none;font-size:0;white-space:nowrap;
}
body #pager ul.pages li{
  display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
  min-width:34px;height:34px;padding:0 8px;font-size:13.5px;line-height:1;text-align:center;
  color:var(--tk-text2);background:#fff;border:1px solid var(--tk-line2);border-radius:9px;
  transition:all .15s;cursor:pointer;
}
body #pager ul.pages li:hover{color:var(--tk-blue);border-color:#B9CDF7}
body #pager ul.pages li.current,body #pager ul.pages li.active{
  color:#fff;background:var(--tk-blue);border-color:var(--tk-blue);font-weight:600;cursor:default;
}
body #pager ul.pages li .arrow{display:inline-flex;align-items:center;font-style:normal}
body #pager ul.pages li .arrow svg{width:16px;height:16px;display:block}
body #pager ul.pages li .lbl,body #pager ul.pages li .l{display:none}
body #pager ul.pages li .s{display:inline}

/* ===================== 页脚 ===================== */
footer{background:#131F36;color:#9FB1CC;margin-top:10px}
footer .box{max-width:1240px;margin:0 auto;padding:26px 14px 24px}
footer .wxbox{display:none}
footer .endnav{font-size:13px;line-height:2}
footer .endnav b{color:#D7E2F5;font-weight:600}
footer .endnav p a{color:#7FA8E8}
footer .endnav p a:hover{color:#BBD4FF;text-decoration:underline}
footer .top{
  position:fixed;right:18px;bottom:84px;z-index:90;width:44px;height:44px;border-radius:12px;
  background:var(--tk-blue);box-shadow:0 10px 24px -10px rgba(37,99,235,.65);
  display:flex;align-items:center;justify-content:center;color:#fff;
  opacity:0;visibility:hidden;transition:all .25s;cursor:pointer;
}
footer .top.on{opacity:1;visibility:visible}
footer .top svg{width:20px;height:20px}
footer .top:hover{background:var(--tk-blue-2)}

/* ===================== 图片兜底 ===================== */
img.err-pic{visibility:hidden}

/* ---------- v6.2 子菜单展开修复：后台菜单 sub 常带内联 display:none，hover/open 用 !important 强制覆盖 ---------- */
#starlist>li.menu:hover .sub,#starlist>li.menu.open .sub{display:block !important}