/* ============================================================
   ywmoli 御守风格 · 修复8
   本版修复：
     ① Discuz 弹层（搜索「帖子」下拉 / 四格 hover 提示）跑到屏幕右下角
     ② 搜索栏「帖子」偏下、灰色残留、双箭头、像是点不动
     ③ 首页四格 + 官方专区 + 玩家专区 + 在线会员 4 块贴边、参差 → 统一内缩 19px
     ④ 底部「原味魔力」LOGO 上移，并压缩下方大片空白
   所有图片一律根绝对路径 /template/yushou/...（子页面不 404）
   ============================================================ */

body * {font-family:"Microsoft YaHei" !important}
a,link {text-decoration:none !important}
a:hover {text-shadow:0 0 5px rgba(0,0,0,0.2)}

/* 居中「长方体」做在 body 背景层：一条 960px 白色带 + 左右各 3px 深色边框，
   贯穿整个页面高度，广告位 / 版权之间的任何空隙自动填平。
   【修复7】边线必须画在 960px 白色带「内部」(center-480 ~ center-477)，
   与 .frame_head / #ft 的 border-left/right:3px 精确重合；
   旧版画在外部 (center-483 ~ center-480)，两者差 3px 形成两条平行线，
   就是用户红框里「顶部导航段 / 底部 LOGO 段与主体框架边线不对齐」的根因。 */
body {
  background-color:#d1caa6 !important;
  background-image:linear-gradient(to right,
      transparent 0,
      transparent calc(50% - 480px),
      #4a2a3c calc(50% - 480px), #4a2a3c calc(50% - 477px),
      #fffdf7 calc(50% - 477px), #fffdf7 calc(50% + 477px),
      #4a2a3c calc(50% + 477px), #4a2a3c calc(50% + 480px),
      transparent calc(50% + 480px)) !important;
  background-repeat:no-repeat !important;
  overflow-x:hidden !important;
}

/* 【修复8】Discuz 弹层定位根治：
   showMenu() / _showTip() 给 .p_pop 菜单写的是「文档绝对坐标」（如 left:470px;top:492px），
   但菜单默认留在原 DOM 里。皮肤为了压住 banner / 底部长图，给 #wp、.frame_head、#ft
   加了 position:relative → 菜单的包含块变成这些容器，坐标被再叠加一次容器位置
   （实测四格菜单 470→694.5、492.5→974.5，正好 +224.5 / +482 = #wp 的位置），
   于是弹层全部跑到屏幕右下角很远的地方，看起来就像「按钮失效」。
   这里把 #append_parent（body 第一个子元素、原点就是文档 0,0）设为 relative，
   footer.htm 末尾的脚本再把所有 .p_pop 搬进它 —— 坐标与 JS 写入值一致。 */
#append_parent {
  position:relative !important;top:0 !important;left:0 !important;
  margin:0 !important;padding:0 !important;
}
#append_parent .p_pop,
#append_parent .p_pof {position:absolute !important;}
/* 弹层配色与当前论坛主色一致，去掉原版灰蓝边 */
#append_parent .p_pop {border-color:#e3c9d7 !important;box-shadow:0 4px 14px rgba(120,20,70,.18) !important;}
/* toplist_7ree 插件的 css_7ree.css 给「所有」.p_pop 写死 width:220px，
   搜索类型下拉只有「帖子」一项却被撑成 230px 的大白块 —— 单独收窄。 */
#append_parent #scbar_type_menu {width:auto !important;min-width:96px !important;}

/* 居中框架宽度：omamori 为 960px */
.wp {width:960px !important;margin:0 auto !important}

/* ---- 顶部工具条 ---- */
#toptb {background:rgba(0,0,0,0.6);position:absolute;width:100%;z-index:20;top:0;left:0;
        border-bottom:0;box-shadow:0 1px 10px rgba(0,0,0,0.06)}
#toptb a{color:#fff}
#toptb li a{color:#333}

/* ============================================================
   ① 顶部 banner（全宽、70s 缓慢滚动）
   关键：滚动动画只挂在 ::before 这个独立背景层上，#hd 本身不参与动画，
   因此浏览器在动画重绘时绝不会带动 #hd 内 / 后续的任何元素位移。
   同时恢复「带弧度的透明线」：椭圆圆角 + 15px 半透明深色底边。
   ============================================================ */
#hd {
  position:relative;
  height:460px !important;
  box-sizing:border-box;
  /* 弧形透明处露出页面米色底，避免透出 body 的居中白带 */
  background-color:#d1caa6 !important;
  background-image:none !important;
  /* ↓ 带弧度的透明线 */
  border-bottom-left-radius:50% !important;
  border-bottom-right-radius:50% !important;
  border-bottom:15px solid rgba(0,0,0,0.5) !important;
  border-top:0 !important;border-left:0 !important;border-right:0 !important;
  animation:none !important;
}
#hd::before {
  content:"";
  position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;
  background-image:url('/template/yushou/image/header.jpg');
  background-repeat:no-repeat;
  background-position-x:center;
  background-size:1920px auto;
  border-bottom-left-radius:50%;
  border-bottom-right-radius:50%;
  animation:float3 70s ease-in-out infinite;
}
@keyframes float3 {
  0%   {background-position-y:-750px;}
  50%  {background-position-y:0px;}
  100% {background-position-y:-750px;}
}
#hd .wp {position:relative;height:460px;z-index:6;}

/* ---- 顶部 LOGO（banner 左上）---- */
.mlogo_wrap {position:absolute;top:18px;left:-30px;z-index:6;}
.mlogo {margin-top:0;height:170px;width:243px;
        background:url('/template/yushou/image/logo1.png') center top no-repeat;background-size:100%;}
.mlogo:hover {background:url('/template/yushou/image/logo2.png?v=4') center top no-repeat;
             background-size:100%;cursor:pointer;transform:scale(1.05);}

/* ---- 用户 / 登录区（banner 右上，白色外框）---- */
#hd .hdc {position:absolute;top:55px;right:0;z-index:6;margin:0;min-height:0;}
#hd .hdc h2 {display:none !important;}
#hd .hdc #um,
#hd .hdc .fastlg {
  background:#fff;
  border:2px solid #970c58;
  border-radius:12px;
  padding:10px 16px;
  box-shadow:0 3px 10px rgba(0,0,0,0.15);
  color:#444;
  max-width:430px;
}
#hd .hdc #um a {color:#444;}
#hd .hdc #um p {margin:3px 0;line-height:1.9;text-align:right;}
#hd .hdc #um p a,#hd .hdc #um .pipe {white-space:nowrap;}
#hd .hdc #um .pipe {margin:0 4px;color:#ccc;}
#hd .hdc #um .avt {float:right;margin:0 0 0 12px;}
#hd .hdc .fastlg table {color:#444;}
#hd .hdc .fastlg .px {background:#fff;border:1px solid #ccc;border-radius:4px;padding:2px 6px;}
#hd .hdc .fastlg .pn {background:#970c58;border:none;border-radius:4px;color:#fff;}
#ls_username,#ls_password {background:#fff;outline:none;border-radius:5px;border:2px solid rgba(73,153,255,0.5);}
#ls_username:focus,#ls_password:focus {background:#e9f2ff;}

/* ============================================================
   ② 居中「长方体」框架
   ③ 框架上移压住顶部 banner 约 1/4（460px / 4 ≈ 115px）
   ④ #ft 下延压住底部长图约 1/4（见 .yushou_footer 负 margin）
   ============================================================ */
/* 【修复8】#wp 不再 position:relative —— 它没有任何 z-index 需求，
   却会让留在四格里的 .p_pop 弹层整体偏移 224.5/482px。 */
.frame_head,
#ft {
  box-sizing:border-box;
  margin-left:auto;margin-right:auto;
  position:relative;
}
/* frame_head 需要不透明白底，才能实实在在压住 banner 底部 1/4 */
.frame_head {
  background:#fffdf7 !important;
  border-top:3px solid #4a2a3c !important;
  border-left:3px solid #4a2a3c !important;
  border-right:3px solid #4a2a3c !important;
  border-radius:14px 14px 0 0;
  padding:14px 18px 8px;
  margin-top:-115px !important;   /* ③ 占据顶部 banner 约 1/4 */
  z-index:8;
  box-shadow:0 -6px 22px rgba(0,0,0,0.25);
}
/* 【修复7】#scbar 改成收缩宽度的浮动胶囊后必须清浮动，
   否则 .frame_head 高度塌陷、搜索框会掉出白框并压住面包屑。 */
.frame_head::after {content:"";display:block;clear:both;height:0;overflow:hidden;}
#wp {background:transparent !important;padding:0;position:static !important;}
/* #ft 白底 + 高层级：压住下方上移的长图顶部 1/4 */
#ft {
  background:#fffdf7 !important;
  border-bottom:3px solid #4a2a3c !important;
  border-left:3px solid #4a2a3c !important;
  border-right:3px solid #4a2a3c !important;
  border-radius:0 0 14px 14px;
  /* 【修复8】LOGO 改成绝对定位后不再撑高 #ft，这里给一个刚好容纳它的高度，
     旧版 #ft 高 255px（其中 .ft_logo 独占 194.7px）⇒ 现在约 112px，空白大幅减少。 */
  padding:12px 18px 14px;
  min-height:120px;
  z-index:3;
}

/* ---- 顶部导航：omamori 原版胶囊按钮 ----
   ①【已确认根因】Discuz 的 fixed_top_nv()（static/js/forum.js）在页面滚动时
     用「内联样式」把 #nv 设成 position:fixed; top:0; left:240px; zIndex:199;
     opacity:0.85，并把它塞进新建的 #nv_ph 占位层。滚回顶部时它的 reset()
     只还原了 position/width/height/opacity/border，**没有清除 left / top /
     zIndex**；于是 #nv 带着内联 left:240px 回到 position:relative，
     整条导航就向右偏移 240px —— 即「往下滚再回顶部，导航跑到最右边」。
     这里把 JS 会写的每一个属性都用 !important 锁死：
     !important 优先级高于 JS 写入的普通内联样式，所以浮动导航完全不生效，
     导航始终固定在居中框架内原位，无需改动任何 JS 或模板文件。 */
#nv {
  position:relative !important;
  left:0 !important;right:auto !important;top:auto !important;bottom:auto !important;
  float:none !important;
  width:100% !important;max-width:100% !important;
  height:auto !important;min-height:0 !important;
  opacity:1 !important;
  z-index:auto !important;
  border-left-width:0 !important;border-right-width:0 !important;
  margin:0 0 12px !important;
  padding:0 !important;
  transform:none !important;
  animation:none !important;
  transition:none !important;
  background:transparent !important;
  line-height:normal;
  overflow:visible;
  clear:both;
}
/* fixed_top_nv() 新建的占位层会设内联固定高度，同样锁死避免留下空隙 */
#nv_ph {height:auto !important;position:static !important;width:auto !important;}
/* ------------------------------------------------------------
   【修复7】① 导航按钮「全部点不动」的真因：
   #mu 是 #nv 的兄弟节点（不是子元素），Discuz 默认 #mu{position:relative;z-index:1}，
   这个空的子导航容器仍会盖在导航按钮上 —— Chrome 实测
   document.elementFromPoint(按钮中心) 返回 DIV#mu，6 个按钮全部被挡。
   旧 CSS 写的是「#nv #mu」(后代选择器)，根本没匹配到，所以一直没生效。
   ② 6 个按钮挤成两排 → 改 flex 不换行 + 胶囊缩小到 132×42。
   ------------------------------------------------------------ */
#mu, #nv #mu {display:none !important;}
#nv::after {content:"";display:block;clear:both;height:0;overflow:hidden;}
#nv ul {
  float:none !important;display:flex !important;flex-wrap:nowrap !important;
  align-items:center;gap:6px;
  width:100% !important;max-width:100% !important;
  margin:0 !important;padding:0 !important;
  transform:none !important;animation:none !important;
}
#nv ul li {
  float:none !important;flex:0 1 auto;
  height:42px;line-height:42px;
  margin:0 !important;padding:0 !important;width:auto;
  transform:none !important;max-height:none !important;
  background:none !important;
  position:relative !important;left:0 !important;right:auto !important;
}
#nv ul li a {
  display:block;float:none;
  width:132px;height:42px;line-height:42px;
  padding:0 !important;margin:0 !important;
  text-align:center;font-size:13px;font-weight:700;letter-spacing:0;
  color:#555 !important;
  background:url('/template/yushou/image/nav_no.png') center center no-repeat !important;
  background-size:100% 100% !important;
  transform:none !important;
  cursor:pointer;
}
#nv ul li a span {display:none !important;}
#nv ul li a:hover,
#nv ul li.a a {
  color:#fff !important;
  background:url('/template/yushou/image/nav_ht.png') center center no-repeat !important;
  background-size:100% 100% !important;
}
/* 【修复7】关闭顶部导航栏最右侧「快捷导航」按钮（模板里也已删除） */
#nv #qmenu, #qmenu {display:none !important;}
/* 【修复7】关闭顶部「设为首页」那一行最右侧的 DIY 与「切换颜色/风格」（模板里也已删除） */
#sslct, #sslct_menu, #diynav, .diynav,
#diy-tg, #diy-tg_menu {display:none !important;}

/* ============================================================
   【修复7】搜索栏改成 https://bbs.quietmoli.com/ 顶部同款「白色短胶囊」：
   - 宽度 auto（约 250px，旧版固定 520px 且热搜 td 仍占位 ⇒ 右边一大片留白）
   - 输入框 150px / 类型下拉 / 26px 圆形按钮，无边框无热搜
   - 按钮改成论坛主色玫红 #970c58（不用 QI 的绿色放大镜图，
     白色放大镜用内联 SVG，零新增图片文件）
   ============================================================ */
#scbar {
  float:left !important;
  width:auto !important;max-width:100% !important;
  height:32px !important;line-height:32px !important;
  margin:10px 0 6px !important;
  padding:0 8px 0 4px !important;
  background:rgba(255,255,255,.94) !important;
  border:1px solid #e3d7de !important;
  border-radius:18px !important;
  box-shadow:0 1px 4px rgba(0,0,0,.18) !important;
  clear:both;overflow:visible !important;
  position:relative !important;left:0 !important;right:auto !important;
}
#scbar_form {display:block;width:auto;margin:0;padding:0;}
#scbar table {width:auto !important;table-layout:auto;border-collapse:collapse;}
#scbar td {height:30px;padding:0;margin:0;background:none;vertical-align:middle;}
/* 旧版只隐藏了 #scbar_hot 里的文字，td 本身还在 ⇒ 右边留白；这次连 td 一起关 */
#scbar .scbar_icon_td,
#scbar .scbar_hot_td,
#scbar #scbar_hot {display:none !important;}
#scbar .scbar_txt_td {border:0 !important;}
#scbar_txt {
  width:150px !important;height:30px;
  padding:0 8px 0 12px !important;margin:0;
  background:transparent !important;border:0 !important;outline:none;
  border-radius:0;color:#555;font-size:12px;
}
#scbar:hover #scbar_txt,#scbar:focus-within #scbar_txt {width:180px !important;}
/* 【修复8】「帖子」偏下 / 灰色残留 / 双箭头：
   Discuz 原版 #scbar_type 带 border:1px #cfdee3 + background:#fff + padding-left:12px
   + margin-left:-2px + .xg1 灰字 + .showmenu::after 三角；修复7 只改了颜色与 padding，
   残留的 border / 负 margin / 灰字 / 第二个三角让文字偏下、右侧出现一块灰色。
   这里一次性全部覆盖并垂直居中，按钮本身其实一直可点（只是菜单弹到屏幕外）。 */
#scbar .scbar_type_td {width:56px;vertical-align:middle !important;}
#scbar_type {
  display:flex !important;align-items:center !important;justify-content:flex-start;
  box-sizing:border-box !important;
  width:56px !important;height:30px !important;line-height:30px !important;
  padding:0 2px 0 6px !important;margin:0 !important;
  border:0 !important;background:transparent !important;
  text-align:left;text-decoration:none;
  color:#970c58 !important;font-size:12px;font-weight:700;white-space:nowrap;
  cursor:pointer;position:relative;z-index:2;
}
#scbar .showmenu::after {display:none !important;}
#scbar_type::after {content:"\25BE";font-size:10px;color:#970c58;margin-left:3px;line-height:1;}
#scbar .scbar_btn_td {width:32px;}
#scbar_btn {
  display:block !important;float:none !important;
  width:26px !important;height:26px !important;
  margin:2px 0 2px 2px !important;padding:0 !important;
  border:0 !important;border-radius:50% !important;
  box-shadow:none !important;cursor:pointer;
  background:#970c58 url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2.6'%20stroke-linecap='round'%3E%3Ccircle%20cx='10.5'%20cy='10.5'%20r='6.5'/%3E%3Cpath%20d='M15.5%2015.5L21%2021'/%3E%3C/svg%3E") center center / 15px 15px no-repeat !important;
}
#scbar_btn:hover {filter:brightness(1.18);}
#scbar_btn strong {display:none !important;}

/* ---- 【修复8】首页 4 个部分统一内缩、左右对齐、整体小一点点 ----
   实测 .fl.bm（四格 / 官方专区 / 玩家专区）与 #online（在线会员）都是 960px，
   左右正好贴住中间框架的边线 L=224.5 / R=1184.5；内部表格 938px、图标 89px 顶格。
   0.5cm ≈ 19px：统一左右各留 19px，宽度 960-38=922px（border-box），
   四块左边界同为 243.5、右边界同为 1165.5，整齐成一条线。 */
#ct > #chart,
#ct .mn > .fl.bm,
#ct .mn > .bm.bmw,
#ct .mn > #online {
  box-sizing:border-box !important;
  width:922px !important;
  margin-left:19px !important;margin-right:19px !important;
}
/* 官方专区 / 玩家专区是同一个 .fl.bm 里的两个 .bm.bmw，DIY 占位也一起统一，
   保证视觉上的「四格 / 官方专区 / 玩家专区 / 在线会员」4 块左右边界完全一致。 */
#ct .mn .bm.bmw {
  box-sizing:border-box !important;
  width:100% !important;
  margin-left:0 !important;margin-right:0 !important;
}
#ct .mn > .wp.mtn {
  box-sizing:border-box !important;
  width:922px !important;
  margin-left:19px !important;margin-right:19px !important;
}
/* 内部同步缩小一点点，避免内容被硬挤变形 */
#ct .mn table.fl_tb {width:100% !important;table-layout:auto;}
#ct .mn .fl_tb h2, #ct .mn .fl_tb h2 a {font-size:13px !important;}
#ct .mn .fl_tb p.xg2 {font-size:11px !important;}
#ct .mn .fl_icn img,
#ct .mn .fl_icn_g img {max-width:80px !important;max-height:80px !important;}
.slideshow, .slideshow li {width:200px !important;height:168px !important;}
.slideshow li img {width:200px !important;height:168px !important;}
.tlist_7ree, .tlist_7ree a {font-size:12px !important;}
#online .bm_h {padding-left:10px !important;padding-right:10px !important;}

/* ---- 框架内：面包屑 / 统计行 / 版块 ---- */
#pt {margin:8px 0 6px;}
.bm_h {background:linear-gradient(90deg,#ece8d0,#fffdf3) !important;}
.bm_h a{color:#970c58 !important;}
.ct2_a {background:linear-gradient(90deg,#ebe5c5 0%,#f2f0e8 14.2%,#FAFAFA 14.3%,#FFF 100%) !important;}
.bbda {font-size:13px !important;}
.bm_c dt {font-size:15px;margin-top:10px;}
#editorbox {background:#fff !important;}
#threadlist table img,.fl_icn_g img {max-width:98px;max-height:98px;}
.fl_icn_g {width:100px !important;}
.fl_icn_g img{border-radius:20px;}
.fl_icn_g:hover img {transform:scale(1.1);}
.md_ctrl img {height:100px !important;}
.bbda li img {height:40px !important;}
#onlinelist img{width:20px;height:20px;}
.z {font-size:13px;}
.h_pop li{font-size:13px;}
.h_pop li a{line-height:28px;padding:2px 15px !important;}
.tb .o {border:0;}
.tb .o a{background:#333 url('') !important;}
#scrolltop {margin-left:70px !important;}

/* ---- 【修复8】底部「原味魔力」LOGO 上移 ----
   旧版在版权文字下方独占一行、居中（padding 34px 0 14px + 200px 图 = 194.7px 高），
   于是「站点统计 / 版权信息」下方出现一大片空白。
   现在把它放到 #ft 左上角（与 Powered by / GMT+8 那一行同高、靠左），
   LOGO 缩到 140px，版权文字右移让位；LOGO 不再占文档流高度，空白自然消失。 */
.ft_logo {
  position:absolute !important;
  left:20px;top:10px;
  clear:none;text-align:left;margin:0 !important;padding:0 !important;
  line-height:0;font-size:0;   /* 去掉 inline 图片下方的行高空隙，避免溢出底边 */
  z-index:2;
}
.ft_logo img {width:140px;height:auto;border:0;}
#frt {padding-left:158px !important;}

/* ============================================================
   ④ 底部：全宽横铺动漫长图（比 960 框架宽、左右渐隐模糊）
   负 margin 让长图上移 75px(≈1/4)，被上方 #ft 白框压住 —— 即
   「中间框架占据底部图片 1/4」。
   ============================================================ */
.yushou_footer {clear:both;}

/* ---- 漂浮星星 / 泡泡动画 ---- */
.float-ud {animation:float 4s ease-in-out infinite;}
.float-ud2 {animation:float2 3s ease-in-out infinite;}
@keyframes float  {0%{transform:translateY(0)}50%{transform:translateY(-12px)}100%{transform:translateY(0)}}
@keyframes float2 {0%{transform:translateY(0)}50%{transform:translateY(20px)}100%{transform:translateY(0)}}