/* ============ HFUI-MERGE-20261102 由 top_common.html 迁移的全站公共样式（修复孤儿页面缺样式） ============ */

.g-hd{width:100%;overflow:hidden;position:relative;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.m-tophead{width:100%;margin:0 auto;background:#fff}
.m-header{background:#07c}
.m-menu{height:48px;line-height:48px;overflow:hidden;max-width:950px;margin:0 auto;color:#fff;}
.m-tophead .m-logo{font-size:26px;line-height:48px;color:#fff;float:left;width:120px}
.m-tophead .m-logo a{display:block;background-image:url(logo.png);background-repeat:no-repeat;width:120px;height:48px;text-indent:-9999px}
.m-tophead .m-nav{padding-left:10px;overflow:hidden;float:left}
.m-nav li{float:Left;}
.m-nav li a{color:#fff;display:block;padding:0 10px;font-size:16px;text-decoration:none}
.m-nav li a.cur{background-color:#099e6a}
.m-nav li a:hover{color:#fff;background:#0095e6}
.m-user{float:right;color:#fff}
.m-user a{color:#fff;padding:5px 9px}
.g-bd{width:1000px;margin:15px auto;position:relative;min-height:500px}
/* UIREFINE-20261101B 小细节批次 */
#listbox h1{ color:#333; font-size:14px; margin:0; }
.tagchip{ display:inline-block; background:var(--hf-blue-soft); color:var(--hf-blue); border-radius:4px; padding:1px 8px; }
.tagchip:hover{ background:var(--hf-blue); color:#fff; text-decoration:none; }
.more{ font-size:12px; color:var(--hf-muted); }
.more:hover{ color:var(--hf-blue); }
::selection{ background:#1667d9; color:#fff; }
a:focus-visible, button:focus-visible, input:focus-visible{ outline:2px solid #1667d9; outline-offset:2px; }


/* HFRESP-20261101 移动端基础适配：小屏不横滚、图片自适应 */
@media (max-width: 1024px){
  body{min-width:0 !important}
  #wrapper,#mainbox,.g-bd,.m-menu,.m-tophead,#txtbox,#homebox,#header,#footer,.m-footer{width:auto !important;max-width:100% !important;box-sizing:border-box;margin-left:auto;margin-right:auto}
  #wrapper,#mainbox{padding-left:10px;padding-right:10px}
  #homebox-left,#mainbox-left,#homebox-right,#mainbox-right{width:auto !important;float:none !important}
  img{max-width:100%;height:auto}
  .m-tophead .m-logo{float:none;text-align:center}
  .m-nav{float:none;text-align:center}
  .m-nav li{display:inline-block;float:none}
  .count,.link{float:none;text-align:center}
}



/* ============================================================
   UIREFINE-20261101 全站视觉体系升级（CSS层，不动结构）
   ============================================================ */
:root{
  --hf-blue:#1667d9; --hf-blue-deep:#0e4fb0; --hf-blue-soft:#eef5ff;
  --hf-text:#333a45; --hf-muted:#8b95a5; --hf-line:#e6ebf2;
  --hf-bg-soft:#f7f9fc; --hf-green:#0a8f5b;
}
/* 1. 字体栈：全站统一，替换宋体与浏览器默认字体 */
body, td, th, input, select, textarea, button{
  font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;
}
body{ color:var(--hf-text); line-height:1.6; }
/* 2. 链接体系：hover 由刺眼橙色统一为品牌蓝 */
a{ transition:color .15s ease; }
a:hover{ color:var(--hf-blue); }
.sitelist li .info h3 a, .artlist li h3 a, .weblist_b li strong a,
.rellist li a, .arclist li h3 a, .sort-show a, .timelink a,
.link a, #catebox h2 a{ color:var(--hf-blue); }
.sitelist li .info h3 a:hover, .artlist li h3 a:hover,
.rellist li a:hover, #catebox h2 a:hover{ color:var(--hf-blue-deep); text-decoration:underline; }
.visit, .artlist li cite, .sitelist li .info address{ color:var(--hf-green); }
.addfav, .cate a{ color:var(--hf-muted); }
/* 3. 头部导航：渐变 + 柔和 hover */
.m-header{ background:linear-gradient(135deg,#0d4fb0 0%,#1667d9 60%,#2377e6 100%); }
.m-nav li a{ font-size:15px; padding:0 12px; margin:0 2px; border-radius:6px; transition:background .15s ease; }
.m-nav li a:hover{ background:rgba(255,255,255,.16); }
.m-nav li a.cur{ background:rgba(255,255,255,.2); }
/* 4. 区块卡片化：统一描边/圆角/投影/扁平区块头 */
#homebest,#homecate,#newsbox,#quickbox,#idcbox,#exlink,#newbox,
#listbox,#siteinfo,#artinfo,#linkinfo,#relsite,#allcate,#bestart,
#bestweb,.topsite,#subbox,#inbox,#linkbox{
  background:#fff; border:1px solid var(--hf-line); border-radius:10px;
  box-shadow:0 1px 4px rgba(15,40,90,.06); overflow:hidden;
}
#siteinfo,#artinfo,#linkinfo{ border-top:2px solid var(--hf-blue); }
#homebest>h3,#homecate>h3,#newsbox>h3,#quickbox>h3,#idcbox>h3,#exlink>h3,
#newbox>h3,#bestart>h3,#bestweb>h3,.topsite>h3,#listbox h2,#otherinfo h2{
  background:var(--hf-bg-soft); color:#1f2937; font-weight:600;
  border-bottom:1px solid var(--hf-line);
}
#subcate,#arcbox{ background:var(--hf-bg-soft); border:1px solid var(--hf-line); border-radius:10px; }
/* 5. 列表行：实线分隔 + hover 浮起 + 缩略图圆角 */
.sitelist li, .artlist li{ border-bottom:1px solid var(--hf-line); transition:background .15s ease; }
.sitelist li:hover{ background:#fafcff; }
.sitelist li .thumb, .bestlist li img, .idclist li img,
.rellist li img, .weblist_b li img{
  border:1px solid var(--hf-line); border-radius:6px; background:#f3f6fa;
}
.sitelist li .info p{ font-family:inherit; color:#5b6472; }
.sitelist li .info address{ font-style:normal; }
/* 6. 详情页统计条与标题 */
.wtitle a{ color:#1f2937; }
.wtitle a:hover{ color:var(--hf-blue); }
.wdata{ background:var(--hf-bg-soft); border:0; border-radius:8px; height:auto; padding:8px; overflow:hidden; }
.wdata li{ color:var(--hf-muted); }
.wdata li em{ color:#1f2937; font-weight:600; font-size:14px; }
.wthumb{ border-radius:6px; overflow:hidden; }
/* 7. 分页按钮 */
.total_page, .jump_page, .first_page, .last_page, .prev_page, .next_page,
.pages, .current{ border-radius:6px; border-color:var(--hf-line); padding:3px 9px; transition:all .15s ease; }
.total_page, .jump_page{ background:var(--hf-blue); border-color:var(--hf-blue); color:#fff; }
.first_page, .last_page, .prev_page, .next_page, .pages{ color:var(--hf-blue); }
.first_page:hover, .last_page:hover, .prev_page:hover, .next_page:hover, .pages:hover{
  border-color:var(--hf-blue); background:var(--hf-blue-soft); color:var(--hf-blue-deep);
}
.current{ background:var(--hf-blue); border-color:var(--hf-blue); color:#fff; }
/* 8. 搜索框与主按钮 */
.sipt{ border-radius:6px 0 0 6px; border-color:var(--hf-line); }
.sbtn{
  background:linear-gradient(135deg,#1667d9,#2f7ce8); border-radius:0 6px 6px 0;
  box-shadow:0 2px 6px rgba(22,103,217,.3); font-weight:600; transition:filter .15s ease;
}
.sbtn:hover{ filter:brightness(1.08); }
.catelist li strong a{ background:var(--hf-blue-soft); color:var(--hf-blue); border-radius:4px; padding:2px 6px; }
/* 9. 首页广告格与页脚 */
.adpic li{ border:1px solid var(--hf-line); border-radius:6px; margin:4px; overflow:hidden; background:#fff; }
.adpic li img{ border-radius:5px; display:block; }
#footer{ background:var(--hf-bg-soft); border-top:1px solid var(--hf-line); color:var(--hf-muted); }
#fmenu a{ color:#51607a; }
#fmenu a:hover{ color:var(--hf-blue); text-decoration:none; }
#fcopy{ color:var(--hf-muted); font-size:12px; }



/* HFSEO20261101B 首页标题层级 h3->h2 样式复刻 + 关于区块 */
#newbox h2,#coolbox h2{background:#f8fdff;border-bottom:dashed 1px #dae7ed;color:#07c;font-size:14px;padding:6px}
#bestbox h2{background:#f8fdff;border-bottom:solid 1px #dae7ed;font:bold 14px normal;height:30px}
#bestbox h2 span{background:#fff;border:solid 1px #cedee6;border-bottom:0;color:#07c;display:block;float:left;height:25px;line-height:25px;margin-left:5px;margin-top:5px;text-align:center;width:80px}
#newsbox h2,#exlink h2{color:#07c;font-size:14px;padding-bottom:6px}
#inbox h2,#linkbox h2{float:left;height:23px;line-height:23px;width:60px}
#aboutbox{border:1px solid #e3ecf2;border-radius:10px;background:#fff;padding:14px 20px}
#aboutbox h2{font-size:16px;color:#0b5cad;margin:12px 0 4px;border-left:4px solid #0b5cad;padding-left:9px;line-height:1.5;float:none;width:auto;height:auto;background:none;border-bottom:0}
#aboutbox p{font-size:13px;color:#444;line-height:1.95;margin:8px 0;text-align:justify}
#aboutbox ol{margin:8px 0 8px 24px}
#aboutbox ol li{list-style:decimal;font-size:13px;color:#444;line-height:1.95}
#aboutbox a{color:#0b5cad}
#aboutbox a:hover{color:#f60;text-decoration:underline}



/* HFART20261102 文章详情页排版优化 */
#artinfo .aattr{padding:10px 26px;border-bottom:1px dashed #e4edf3;color:#888;font-size:12px}
#artinfo .aattr a{color:#0b5cad}
#artinfo .content{padding:18px 26px 22px;font-size:15px;line-height:2;color:#333}
#artinfo .content p{margin:0 0 15px;text-align:justify}
#artinfo .content h2{font-size:17px;color:#0b5cad;margin:24px 0 12px;padding-left:10px;border-left:4px solid #0b5cad;line-height:1.5}
#artinfo .content h3{font-size:15px;color:#24557e;margin:18px 0 10px}
#artinfo .content ul,#artinfo .content ol{margin:0 0 15px 26px}
#artinfo .content li{margin:5px 0;line-height:1.9}
#artinfo .content img{max-width:100%;height:auto}
#artinfo .content table{border-collapse:collapse;width:100%;margin:15px 0;font-size:13px}
#artinfo .content th,#artinfo .content td{border:1px solid #dce6ee;padding:8px 12px;line-height:1.7}
#artinfo .content th{background:#f2f8fc;color:#24557e}
#artinfo .content strong{color:#1a4e79}
#artinfo .content blockquote{margin:0 0 15px;padding:10px 16px;background:#f6fafd;border-left:4px solid #b9d7ea;color:#556}
#artinfo .bq-tip{margin:0 26px 16px;padding:10px 14px;background:#fafcfe;border:1px solid #e8f1f7;border-radius:8px;color:#98a8b4;font-size:12px;line-height:1.8}
#artinfo .bq-tip span{color:#7d8f9c;font-weight:bold}
/* HFART20261102 列表页文章条目间距 */
#listbox .artlist li{padding:14px 18px}
#listbox .artlist li h3{font-size:16px;margin-bottom:6px}
#listbox .artlist li p{color:#666;line-height:1.8;margin:0 0 6px;font-size:13px}
#listbox .artlist li cite{color:#9aa8b2;font-size:12px;font-style:normal}



/* HFUI20261102A sr-only 修复（此前类未定义导致 h1 可见）+ 通栏页脚 */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body{overflow-x:hidden}
#footer{
  width:100vw;
  margin-left:calc(50% - 50vw);
  box-sizing:border-box;
  background:linear-gradient(180deg,#243247 0%,#1a2637 100%);
  border-top:3px solid #1667d9;
  color:#9fb0c5;
  padding:18px 0 14px;
  text-align:center;
}
#fmenu{max-width:950px;margin:0 auto;padding:0 10px 8px;color:#7c8ea6;font-size:13px;line-height:2}
#fmenu a{color:#b9c8dc;text-decoration:none}
#fmenu a:hover{color:#fff}
#fcopy{max-width:950px;margin:0 auto;border-top:1px solid rgba(255,255,255,.08);padding-top:10px;font-size:12px;color:#7c8ea6;line-height:1.9}
#fcopy a{color:#9fb0c5}



/* HFUI20261102H 全站细节打磨：面包屑/分页居中/大图圆角 */
.sitepath{ padding:8px 4px; font-size:13px; color:#8b95a5; }
.sitepath a{ color:#51607a; text-decoration:none; }
.sitepath a:hover{ color:var(--hf-blue); }
.sitepath img{ vertical-align:middle; opacity:.55; }
.sp-ad{ float:right; color:#c2570a !important; background:#fff7ed; border:1px solid #f2cd9e; border-radius:4px; padding:1px 10px; font-weight:600; font-size:12px; text-decoration:none; line-height:18px; }
.sp-ad:hover{ background:#ea8113; border-color:#ea8113; color:#fff !important; text-decoration:none; }
.showpage{ text-align:center; }
.showpage .total_page{ margin-right:10px; }
img.bigshot{ border:1px solid #e6ebf2; border-radius:10px; background:#f3f6fa; }
#quickbox{ line-height:2; }
#quickbox a{ margin:0 2px; }



/* HFUI20261102I 列表表格与反馈表单精修 */
table.weblink{ width:100%; border-collapse:collapse; font-size:13px; }
table.weblink th{ background:#f7f9fc; color:#43536b; font-weight:600; padding:9px 10px; border-bottom:2px solid #e6ebf2; text-align:left; }
table.weblink td{ padding:9px 10px; border-bottom:1px solid #eef2f7; }
table.weblink tr:hover td{ background:#fafcff; }
.fbform .fipt{ border:1px solid #dfe6ee; border-radius:6px; padding:7px 10px; font-size:13px; transition:all .15s ease; }
.fbform .fipt:focus{ border-color:#1667d9; box-shadow:0 0 0 3px rgba(22,103,217,.12); outline:none; }
.fbform .fbtn{ background:linear-gradient(135deg,#1667d9,#2f7ce8); color:#fff; border:0; border-radius:6px; padding:8px 24px; font-weight:600; cursor:pointer; transition:filter .15s ease; }
.fbform .fbtn:hover{ filter:brightness(1.08); }


/* ---- HFUI-20261102-J2 移动端横向溢出修复：外部广告iframe自适应 ---- */
iframe{ max-width:100% !important; }

/* ---- HFUI-20261102-J3 归档页月份胶囊化 ---- */
.arclist li h4{ color:#1a66b3; font-size:14px; margin:2px 0 4px; }
.arclist li{ margin-bottom:10px; }
.arclist li p a{ display:inline-block; background:#f3f6fa; border:1px solid #e2e8f0; border-radius:12px; padding:0 11px; margin:2px 3px 2px 0; line-height:21px; font-size:12px; color:#3d4a5c !important; text-decoration:none !important; transition:all .15s; }
.arclist li p a:hover{ background:#1a66b3; border-color:#1a66b3; color:#fff !important; }

/* ---- HFUI-20261102-J4 TOP榜序号徽章（前三名金银铜） ---- */
.toplist li{ line-height:22px; }
.toplist li span{ display:inline-block; width:19px; height:19px; border-radius:50%; background:#eef2f7; color:#8a94a6; text-align:center; line-height:19px; font-size:11px; font-weight:700; margin-right:7px; font-family:Arial; }
.toplist li:nth-child(1) span{ background:#e11; color:#fff; }
.toplist li:nth-child(2) span{ background:#f60; color:#fff; }
.toplist li:nth-child(3) span{ background:#fa0; color:#fff; }
.toplist li a{ text-decoration:none; }
.toplist li a:hover{ text-decoration:underline; }

/* ---- HFUI-20261102-J5 面包屑chip与文字间距（防贴合） ---- */
.sitepath .sp-ad{ margin-left:8px; }


/* ---- HFUI-L: sr-only（语义隐藏，全站统一） ---- */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}