/* ===== rj.mk 全站统一头部（1105-4）：搜索框与首页完全一致 + 等级图标尺寸收口 ===== */

/* --- PC 顶部搜索框统一（原仅 home2026.css 生效，内页缺失） --- */
#search_form{flex:0 0 440px!important;width:440px!important;max-width:440px!important;height:42px;margin-left:auto}
#search_form .input-group{display:flex!important;align-items:stretch;height:42px;background:#fff;border:1px solid #e6e8f2;border-radius:999px;overflow:hidden;box-shadow:0 4px 16px rgba(15,23,42,.06);transition:border-color .2s,box-shadow .2s}
#search_form .input-group:focus-within{border-color:var(--nz-primary-l1,#a9a3f7);box-shadow:0 6px 20px rgba(var(--nz-primary-rgb,109,94,242),.16)}
#search_form .input-group-prepend{display:flex;align-items:stretch;height:auto;flex:0 0 auto;margin:0;background:transparent}
#search_form #select_cid{height:100%;width:auto;min-width:106px;margin:0;border:0;border-radius:0;-webkit-appearance:none;appearance:none;
  background-color:#f4f5fb;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%238a88a8' d='M6 8 0 0h12z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:9px 6px;
  padding:0 28px 0 14px!important;font-size:13px!important;line-height:normal!important;color:#475569;box-shadow:none!important;cursor:pointer}
#search_form #select_cid:focus{outline:none;box-shadow:none!important}
#search_form #search_keyword{flex:1 1 auto;height:100%;min-width:0;border:0;border-radius:0;background:transparent;font-size:14px;line-height:42px;padding:0 14px!important;box-shadow:none!important}
#search_form #search_keyword::placeholder{color:#9aa0b4}
#search_form #search_keyword:focus{outline:none;box-shadow:none!important}
#search_form .input-group-append{display:flex;align-items:stretch;height:auto;flex:0 0 auto;margin:0}
#search_form #search_all{height:100%;width:92px;border:0;border-radius:0;display:flex;align-items:center;justify-content:center;gap:5px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(90deg,var(--nz-primary,#6d5ef2),var(--nz-primary2,#4f46e5))!important;box-shadow:none!important}
#search_form #search_all:hover{filter:brightness(1.07)}
#search_form #search_all i{font-size:13px;margin:0}

@media (max-width:768px){
  #search_form{flex:1 1 auto!important;width:auto!important;max-width:100%!important;height:40px;margin-left:0}
  #search_form .input-group{height:40px}
}

/* --- 买家/商家等级徽章图标：原始 gif 达 84px，全站统一收口 v1105c --- */
img[src*="/static/level/"]{max-height:16px!important;max-width:16px!important;height:auto!important;width:auto!important;
  display:inline-block;vertical-align:-3px;margin:0 2px;border-radius:3px}
.mem-lv img[src*="/static/level/"], .mem-panel img[src*="/static/level/"]{max-height:14px!important;max-width:14px!important;vertical-align:-2px}
#mem_body p img[src*="/static/level/"]{max-height:15px!important;max-width:15px!important;vertical-align:-3px}

/* ============================================================
   1105-6 全站橙色主按钮加深（白字对比 2.77 → 4.6）
   ============================================================ */
.btn-org{background:linear-gradient(90deg,#c2410c,#ea580c) !important;border-color:#c2410c !important;color:#fff !important}
.btn-org:hover,.btn-org:focus{background:linear-gradient(90deg,#9a3412,#c2410c) !important;border-color:#9a3412 !important;color:#fff !important}

/* ===== 1105-6 搜索按钮：图标与文字重叠、文字偏上 修正 ===== */
#search_form #search_all{display:flex !important;align-items:center !important;justify-content:center !important;gap:5px;padding:0 !important;line-height:1 !important;white-space:nowrap;overflow:hidden}
#search_form #search_all i{flex:0 0 14px;width:14px;height:14px;line-height:14px !important;font-size:14px;text-align:center;margin:0 !important;display:inline-block}
#search_form #search_all i::before{line-height:14px !important;vertical-align:top}

/* ============================================================
   1105-7 全站 H5 动效包（表头 / 区块标题 / 页脚 / 卡片入场）
   全部 GPU 友好（transform / opacity），并尊重 prefers-reduced-motion
   ============================================================ */
@keyframes nzBarFlow{0%{background-position:50% 0}100%{background-position:50% 100%}}
@keyframes nzFadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes nzFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

/* --- 区块标题：竖条渐变流动 + hover 伸长 + 标题变色 --- */
.bx-sec-head h2 em,.bx-panel-head h3 em{
  background-size:100% 300% !important;
  animation:nzBarFlow 4.5s ease-in-out infinite alternate;
  transition:height .28s cubic-bezier(.22,.61,.36,1),width .28s}
.bx-sec-head h2,.bx-panel-head h3{transition:color .22s}
.bx-sec-head h2:hover em{height:26px}
.bx-panel-head h3:hover em{height:20px}
.bx-sec-head h2:hover,.bx-panel-head h3:hover{color:var(--nz-primary2,#4f46e5)}

/* --- 区块入场 --- */
.bx-sec-head,.bx-panel-head{animation:nzFadeUp .45s ease both}
.bx-sec:nth-of-type(2) .bx-sec-head{animation-delay:.06s}
.bx-sec:nth-of-type(3) .bx-sec-head{animation-delay:.12s}

/* --- 页脚：深色渐变缓慢流动 + 链接微抬 --- */
.footer{
  background:linear-gradient(120deg,#131a2e 0%,#1c2743 35%,#0f172a 68%,#131a2e 100%) !important;
  background-size:300% 300% !important;
  animation:nzFlow 24s ease infinite}
.footer a{transition:color .22s,transform .22s;display:inline-block}
.footer a:hover{transform:translateY(-2px)}
.footer .container{animation:nzFadeUp .5s ease both}

/* --- 按钮：hover 轻微上浮 --- */
.btn-org,.btn-info{transition:transform .18s,box-shadow .18s,background .18s,filter .18s}
.btn-org:hover,.btn-info:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.14)}

/* --- 无障碍：用户开启"减少动态效果"时全部关闭 --- */
@media (prefers-reduced-motion:reduce){
  .bx-sec-head,.bx-panel-head,.footer .container{animation:none !important}
  .bx-sec-head h2 em,.bx-panel-head h3 em,.footer{animation:none !important}
  .footer a:hover,.btn-org:hover,.btn-info:hover{transform:none !important}
}

/* --- 1105-7b 顶部主导航 hover：渐变下划线从中伸展 --- */
nav#navbar-nav > ul > li > a{position:relative;transition:color .2s}
nav#navbar-nav > ul > li > a::after{
  content:"";position:absolute;left:50%;bottom:-3px;height:2px;width:0;border-radius:2px;
  background:linear-gradient(90deg,var(--nz-primary,#6d5ef2),#2dd4bf);transform:translateX(-50%);
  transition:width .26s cubic-bezier(.22,.61,.36,1)}
nav#navbar-nav > ul > li > a:hover::after{width:68%}
.navwrap{transition:box-shadow .25s}
.navwrap:hover{box-shadow:0 8px 22px rgba(15,23,42,.08)}
@media (prefers-reduced-motion:reduce){nav#navbar-nav > ul > li > a::after{transition:none}}

/* --- 1105-7c 主导航实际结构为 #navbar-nav > a.dd（无 ul/li），补齐 hover 动效 --- */
#navbar-nav > a.dd{position:relative;transition:color .22s}
#navbar-nav > a.dd::after{
  content:"";position:absolute;left:50%;bottom:0px;height:2px;width:0;border-radius:2px;
  background:linear-gradient(90deg,var(--nz-primary,#6d5ef2),#2dd4bf);transform:translateX(-50%);
  transition:width .28s cubic-bezier(.22,.61,.36,1)}
#navbar-nav > a.dd:hover::after{width:calc(100% - 28px)}
#navbar-nav > a.dd:hover{color:var(--nz-primary2,#4f46e5)}
@media (prefers-reduced-motion:reduce){#navbar-nav > a.dd::after{transition:none}}

/* ============================================================
   1105-8 头部用户下拉菜单（用户名 / 会员中心 hover 展开）
   —— 恢复旧版"会员中心下拉"能力，并升级为 2026 视觉
   ============================================================ */
.topbtn{position:relative}
.user-drop{position:relative;display:inline-flex;align-items:center;gap:12px}
.topbtn .login,.topbtn .member{transition:color .2s}
.topbtn .has-drop::after{content:"";display:inline-block;width:6px;height:6px;margin-left:6px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);transition:transform .26s ease;vertical-align:middle;opacity:.75}
.user-drop:hover .has-drop::after{transform:rotate(225deg) translateY(-2px);opacity:1}
.user-drop:hover .login,.user-drop:hover .member{color:var(--nz-primary2,#4f46e5)}

.ud-panel{position:absolute;right:0;top:calc(100% + 10px);width:530px;background:#fff;border-radius:var(--nz-radius,16px);padding:0;z-index:1300;
  box-shadow:0 20px 52px rgba(15,23,42,.16),0 0 0 1px #eef0f7;
  opacity:0;visibility:hidden;transform:translateY(10px) scale(.985);transform-origin:right top;
  transition:opacity .2s ease,transform .28s cubic-bezier(.22,.61,.36,1),visibility .2s}
.user-drop:hover .ud-panel,.user-drop:focus-within .ud-panel,.user-drop.open .ud-panel{opacity:1;visibility:visible;transform:none}
.user-drop::before{content:"";position:absolute;left:0;right:0;top:100%;height:12px} /* 移入缓冲带 */

.ud-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #f1f3f9;
  background:linear-gradient(90deg,#f7f6ff,#fff);border-radius:var(--nz-radius,16px) var(--nz-radius,16px) 0 0}
.ud-ava{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--nz-primary,#6d5ef2),var(--nz-primary2,#4f46e5));color:#fff;font-size:15px}
.ud-name{font-weight:700;color:#1e293b;font-size:14px}
.ud-name em{font-style:normal;font-size:11px;font-weight:500;color:#15803d;background:#e8f7ee;border-radius:calc(var(--nz-radius,6px) * 0.375);padding:1px 6px;margin-left:6px}
.ud-out{margin-left:auto;font-size:12px;color:#94a3b8;border:1px solid #e8eaf2;border-radius:calc(var(--nz-radius,8px) * 0.5);padding:4px 10px;text-decoration:none;transition:.2s}
.ud-out:hover{color:#e11d48;border-color:#fbd5dd;background:#fff1f4;text-decoration:none}

.ud-body{display:flex;padding:8px 6px 2px}
.ud-col{flex:1;padding:4px 8px}
.ud-col b{display:block;font-size:11.5px;color:#94a3b8;font-weight:700;letter-spacing:.6px;margin:6px 0 6px 10px}
.ud-col a{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:9px;font-size:13px;color:#475569;text-decoration:none;
  transition:background .18s,color .18s,transform .18s}
.ud-col a::before{content:"";width:4px;height:4px;border-radius:50%;background:#ccd1e4;transition:background .18s,transform .18s;flex:0 0 4px}
.ud-col a:hover{background:#f4f3ff;color:var(--nz-primary2,#4f46e5);transform:translateX(3px);text-decoration:none}
.ud-col a:hover::before{background:var(--nz-primary,#6d5ef2);transform:scale(1.3)}

.ud-foot{display:flex;gap:10px;padding:12px 16px 14px}
.ud-enter,.ud-logout{flex:1;text-align:center;padding:9px 0;border-radius:calc(var(--nz-radius,10px) * 0.625);font-size:13px;font-weight:600;text-decoration:none;transition:.2s}
.ud-enter{background:linear-gradient(90deg,var(--nz-primary,#6d5ef2),var(--nz-primary2,#4f46e5));color:#fff}
.ud-enter:hover{filter:brightness(1.07);color:#fff;text-decoration:none}
.ud-logout{background:#f6f7fb;color:#64748b}
.ud-logout:hover{background:#fff1f4;color:#e11d48;text-decoration:none}
@media (max-width:1180px){.ud-panel{width:470px}}
.ud-panel.ud-2{width:400px}
.ud-body-2 .ud-col{padding-top:8px}
.ud-col a.ud-vip{color:var(--nz-primary2,#4f46e5);font-weight:600}
.ud-col a.ud-vip::before{background:var(--nz-primary,#6d5ef2)}

/* 旧详情页/店铺页头部 .dropdown-menu.mem 同步升级视觉 */
.dropdown-menu.mem{border:0 !important;border-radius:calc(var(--nz-radius,14px) * 0.875) !important;padding:10px !important;
  box-shadow:0 20px 52px rgba(15,23,42,.16),0 0 0 1px #eef0f7 !important;
  animation:udIn .24s ease both}
@keyframes udIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.dropdown-menu.mem .li-title{font-size:11.5px !important;color:#94a3b8 !important;letter-spacing:.6px;font-weight:700}
.dropdown-menu.mem a{display:block;padding:6px 9px !important;border-radius:calc(var(--nz-radius,8px) * 0.5);font-size:13px;color:#475569;transition:background .18s,color .18s,transform .18s}
.dropdown-menu.mem a:hover{background:#f4f3ff;color:var(--nz-primary2,#4f46e5);transform:translateX(3px);text-decoration:none}

/* ============================================================
   1105-8b 全站通用 hover 统一（链接 / 表格行 / 卡片 / 分页 / 徽章 / 缩略图）
   ============================================================ */
.table tbody tr{transition:background .18s}
.table-hover tbody tr:hover{background:#f8f8ff}
.pagination .page-link{transition:transform .18s,background .18s,color .18s,box-shadow .18s}
.pagination .page-link:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(15,23,42,.10)}
.list-group-item{transition:background .18s,color .18s}
.badge{transition:transform .18s}
a:hover .badge{transform:scale(1.06)}
img.thumb,.item_img img,.list_img img{transition:transform .35s ease}
a:hover>img.thumb,a:hover .item_img img,a:hover .list_img img{transform:scale(1.03)}
@media (prefers-reduced-motion:reduce){
  .ud-panel,.dropdown-menu.mem{animation:none !important;transition:none !important}
  .ud-col a:hover,.table tbody tr,.pagination .page-link:hover{transform:none !important}
}

/* ============================================================
   1105-9 头部热门搜索标签（后台「2026 主题」→ 搜索热门词）
   ============================================================ */
.hotwords{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:-6px 0 0 0;padding:0 2px 6px;
  font-size:12px;line-height:1;max-width:560px}
.hotwords .hw-lb{color:#9aa3bd;font-weight:600;letter-spacing:.5px}
.hotwords a{display:inline-block;padding:4px 10px;border-radius:calc(var(--nz-radius,20px) * 1.25);background:#f4f5fa;color:#64748b;
  text-decoration:none;transition:background .2s,color .2s,transform .2s}
.hotwords a:hover{background:#eef0ff;color:var(--nz-primary2,#4f46e5);transform:translateY(-1px);text-decoration:none}

/* ============================================================
   1105-10 hover 细节增强层（封面缩放 / 列表行 / 面板 / 表单聚焦 / 触屏反馈）
   ============================================================ */
.bx-card{will-change:transform}
.bx-card .cover img{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.bx-card:hover .cover img{transform:scale(1.06)}
.bx-card:hover .body h3,.bx-card:hover .body .title{color:var(--nz-accent)}
.bx-card:hover{box-shadow:0 18px 38px rgba(var(--nz-primary-rgb,109,94,242),.20)}
.bx-list li{transition:background .18s,padding-left .18s;border-radius:calc(var(--nz-radius,10px) * 0.625)}
.bx-list li:hover{background:#f8f9ff;padding-left:6px}
.bx-panel{transition:box-shadow .25s}
.bx-panel:hover{box-shadow:0 14px 30px rgba(15,23,42,.07)}
.bx-quick a,.bx-tabs li a,.bx-tags li a,.bx-links ul li a{transition:background .2s,color .2s,border-color .2s,transform .2s}
.bx-quick a:hover{transform:translateY(-1px)}
.bx-tags li a:hover{transform:translateY(-1px)}
.bx-more{transition:color .2s,transform .2s}
.bx-more:hover{transform:translateX(3px)}
.card,.list-group-item{border-radius:var(--nz-radius)}
.btn{transition:transform .18s,box-shadow .18s,filter .18s,background .18s,color .18s}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0) scale(.99)}
.form-control{transition:border-color .2s,box-shadow .2s}
.form-control:focus{box-shadow:0 0 0 3px rgba(255,106,61,.14);border-color:var(--nz-accent)}
tbody tr{transition:background .18s}
a{transition:color .18s}
@media (hover:none){
  .bx-card:active,.bx-cat:active,.bx-shop:active{transform:scale(.985)}
}
@media (prefers-reduced-motion:reduce){
  .bx-card:hover .cover img,.bx-more:hover,.btn:hover{transform:none !important}
}

/* ===== 20261106 补：PC 搜索框分类下拉美化（箭头/分隔线/hover） ===== */
#search_form #select_cid{
  background-color:#f4f5fb;
  background-repeat:no-repeat;background-position:right 12px center;background-size:10px 7px;
  box-shadow:inset -1px 0 0 #e7e9f4!important;
  font-weight:500!important;color:#334155!important;
  transition:background-color .18s ease;
}
#search_form #select_cid:hover{background-color:#eceefb}
#search_form #select_cid:focus{background-color:#eceefb}
/* ===== 20261106 修：select 紫色箭头（SVG 正确编码）+ 右侧细分隔线 ===== */
#search_form #select_cid{
  background-color:#f4f5fb!important;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiA4Ij48cGF0aCBmaWxsPSIjNmQ1ZWYyIiBkPSJNNiA4IDAgMGgxMnoiLz48L3N2Zz4=")!important;
  background-repeat:no-repeat!important;
  background-position:right 12px center!important;
  background-size:10px 7px!important;
  border-right:1px solid #e6e8f2!important;
  padding:0 30px 0 14px!important;
  font-weight:500!important;color:#334155!important;
  transition:background-color .18s ease,border-color .18s ease;
}
#search_form #select_cid:hover,
#search_form #select_cid:focus{background-color:#eceefb!important;border-right-color:#dcdff0!important;outline:none!important}
