/* ============================================
   抓药药 全站主题 v3「宣纸木色朱红」 20261027
   大面积宣纸浅底 + 浅木面板 + 朱红点睛
   深棕只压顶部导航与页脚 · 老物件图标深铜色
   ============================================ */
:root{
  --paper:#F7F2E6; --paper2:#FDFAF2;
  --wood:#EFE5CD;  --wood2:#E5D8BB;
  --ink:#3A2A1B;   --ink-deep:#2B1C11;
  --sub:#8A7458;
  --seal:#A63A22;  --seal-deep:#8C2F1C;
  --brass:#B08A4F; --icon:#8A6437;
  --brass-line:rgba(176,138,79,.45);
  --brass-soft:rgba(176,138,79,.28);
  --serif:"Songti SC","STSong","Noto Serif SC","SimSun",serif;
}
body{background:var(--paper);color:var(--ink)}
h1,h2,h3,.zy-serif{font-family:var(--serif)}
a{color:var(--seal)}
img{max-width:100%}

/* 老物件图标通用类（内联 SVG use） */
.zyv-ico{width:1.15em;height:1.15em;vertical-align:-.22em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* 通用按钮 */
.zyv-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--seal);color:#FBF6EA;border:1px solid var(--seal);border-radius:9px;padding:10px 24px;font-size:14px;font-weight:600;letter-spacing:.1em;cursor:pointer;text-decoration:none;transition:background .2s}
.zyv-btn:hover{background:var(--seal-deep)}
.zyv-btn-line{background:transparent;color:var(--seal);border-color:var(--seal)}
.zyv-btn-line:hover{background:rgba(166,58,34,.08)}
.zyv-brass{background:transparent;color:var(--icon);border:1px solid var(--brass-line);border-radius:9px;padding:10px 24px;font-size:14px;font-weight:600;letter-spacing:.1em;cursor:pointer;text-decoration:none}
.zyv-brass:hover{border-color:var(--brass)}
.zyv-seal-mini{display:inline-flex;align-items:center;justify-content:center;border-radius:3px;background:var(--seal);color:#FBF6EA;font-size:10px;font-family:var(--serif);padding:1px 5px;flex:0 0 auto;line-height:1.5}

/* ============ 顶部导航（PC 深棕木条 / 移动沉底 tabBar） ============ */
.zy-header{background:linear-gradient(170deg,#42301D,var(--ink-deep));color:#E8DCC2;box-shadow:0 2px 10px rgba(43,28,17,.25)}
.zy-header-in{max-width:1180px;margin:0 auto;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.zy-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#F4EAD5;flex:0 0 auto}
.zy-brand .zy-logo{width:38px;height:38px;border-radius:9px;background:#FBF6EA;display:block;box-shadow:0 0 0 1px var(--brass-line)}
.zy-bwrap{display:flex;flex-direction:column;line-height:1.2}
.zy-bt{font-family:var(--serif);font-size:20px;font-weight:700;letter-spacing:3px}
.zy-bs{font-size:10.5px;color:#C9B394;letter-spacing:2px;margin-top:2px}
.zy-menu{display:none}
.zy-hr{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.zy-cart-link{color:#D8C9A8;display:flex;align-items:center;gap:5px;text-decoration:none;font-size:13px}
.zy-cart-link:hover{color:#fff}
.zy-user-link{color:#E8DCC2;text-decoration:none;font-size:13px;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zy-user-link:hover{color:#fff}
.zy-rx-doc{color:#E8B46A;font-weight:600;font-size:13px;text-decoration:none}
.zy-logout{color:#C9B394;text-decoration:none;font-size:12px}
.zy-logout:hover{color:#fff}
.zy-login{background:var(--seal);color:#FBF6EA;text-decoration:none;font-size:13px;font-weight:600;padding:7px 18px;border-radius:8px;letter-spacing:.08em}
.zy-login:hover{background:var(--seal-deep);color:#fff}
.zy-searchlink{display:flex;align-items:center;gap:8px;background:#FDFAF2;border-radius:18px;padding:7px 14px;width:250px;color:var(--sub);font-size:12.5px;text-decoration:none}
.zy-searchlink svg{width:14px;height:14px;color:var(--icon);flex:0 0 auto}
@media (min-width:970px){
  .zy-menu{display:flex;gap:4px;flex:1;justify-content:center}
  .zy-menu a{color:#D8C9A8;text-decoration:none;font-size:14px;letter-spacing:2px;padding:7px 13px;border-radius:7px;border-bottom:2px solid transparent;white-space:nowrap}
  .zy-menu a:hover{color:#fff;background:rgba(255,255,255,.06)}
  .zy-menu a.on{color:#fff;border-bottom-color:var(--seal);font-weight:600}
  .zy-searchlink{width:210px}
}
.zy-tabs{display:none}

/* 移动端底部 tabBar（仅小屏） */
@media (max-width:969.98px){
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom)) !important}
  .zy-tabs{position:fixed;left:0;right:0;bottom:0;z-index:999;display:flex;background:var(--paper2);border-top:1px solid var(--brass-soft);box-shadow:0 -2px 12px rgba(43,28,17,.08);padding:6px 0 calc(6px + env(safe-area-inset-bottom));margin:0}
  .zy-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--sub);text-decoration:none;font-size:11px;padding:2px 0}
  .zy-tab .zi{display:flex;font-size:20px;line-height:1.1;color:var(--icon);transition:transform .2s}
  .zy-tab.on{color:var(--seal);font-weight:600}
  .zy-tab.on .zi{transform:scale(1.12);color:var(--seal)}
}

/* ============ 小程序导流悬浮球（木色） ============ */
.wxdock{position:fixed;right:14px;bottom:86px;z-index:200;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#B08A4F,#8A6437);color:#FBF6EA;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;line-height:1.1;text-decoration:none;box-shadow:0 3px 12px rgba(138,100,55,.45);cursor:pointer}
.wxdock svg{width:19px;height:19px;margin-bottom:2px}
@media(min-width:970px){.wxdock{bottom:28px;width:58px;height:58px;font-size:11px}.wxdock svg{width:22px;height:22px}}
.wxmask{display:none;position:fixed;inset:0;background:rgba(43,28,17,.55);z-index:1000;align-items:center;justify-content:center}
.wxpanel{position:relative;background:#FDFAF2;border:1px solid var(--brass-soft);border-radius:16px;padding:26px 28px 20px;text-align:center;max-width:80vw}
.wxpanel img{width:236px;height:236px;display:block;border-radius:8px}
.wxpanel .wxp-t{font-size:17px;font-weight:700;color:var(--ink);margin-top:12px;font-family:var(--serif);letter-spacing:2px}
.wxpanel .wxp-s{font-size:12.5px;color:var(--sub);margin-top:4px}
.wxpanel .wxclose{position:absolute;top:6px;right:12px;border:0;background:none;font-size:24px;color:var(--sub);cursor:pointer;line-height:1}

/* ============ 通用区块（供各页复用） ============ */
.zyv-sec-t::before{content:"";display:inline-block;width:4px;height:14px;border-radius:2px;background:var(--seal);margin-right:8px;vertical-align:-1px}
.zyv-dashed{border-bottom:1px dotted rgba(166,58,34,.35)}

/* V3.5 老物件图标全站规则 */
.zyv-ico { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.zy-drawer .zyv-ico { width: 26px; height: 26px; }

/* 移动端头部适配（v3.6h: 搜索框/登录溢出修复） */
@media (max-width:969.98px){
  .zy-header-in{padding:10px 12px;gap:10px}
  .zy-bwrap .zy-bs{display:none}
  .zy-searchlink{display:none}
  .zy-rx-doc{display:none}
  .zy-hr{gap:10px}
  .zy-user-link{max-width:92px}
}

/* 中间档(970~1180,含手机电脑版模式980px)头部紧凑适配（v3.6i） */
@media (min-width:970px) and (max-width:1180px){
  .zy-header-in{padding:12px 14px;gap:12px}
  .zy-bs{display:none}
  .zy-menu{gap:0}
  .zy-menu a{font-size:13.5px;letter-spacing:1px;padding:7px 9px}
  .zy-searchlink{width:180px;padding:7px 10px}
  .zy-user-link{max-width:92px}
  .zy-rx-doc{display:none}
  .zy-hr{gap:10px}
}