/* V3.6 四页面统一底部专区导航：共用SVG图标与同一套尺寸/交互 */
.bottom-nav{
  position:fixed;z-index:99;left:50%;bottom:10px;transform:translateX(-50%);
  width:min(940px,calc(100% - 30px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;padding:7px;border:1px solid rgba(231,203,174,.9);
  border-radius:19px;background:rgba(255,251,246,.97);
  box-shadow:0 10px 34px rgba(53,22,17,.13);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
.bottom-nav a{
  min-width:0;min-height:59px;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:5px;padding:7px 4px;border-radius:13px;
  color:#71574a;text-decoration:none;font-family:'Microsoft YaHei','PingFang SC',Arial,sans-serif;
  font-size:14px;font-weight:800;line-height:1.2;white-space:nowrap;
  transition:background .15s,color .15s;
}
.bottom-nav a span{display:block}
.bottom-nav a.active{
  background:linear-gradient(110deg,#a60c18,#cf2d2b);
  color:#fff;box-shadow:0 5px 15px rgba(160,32,36,.22);
}
.bottom-nav a:focus-visible{outline:2px solid #ac2028;outline-offset:2px}
.bottom-nav svg{
  display:block;flex:none;width:21px;height:21px;
  fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;
}
@media(max-width:600px){
  body{padding-bottom:max(91px,calc(83px + env(safe-area-inset-bottom)))}
  .bottom-nav{
    bottom:max(5px,env(safe-area-inset-bottom));width:calc(100% - 12px);
    gap:4px;padding:6px;border-radius:16px;
  }
  .bottom-nav a{min-height:59px;font-size:12px;gap:4px;padding:8px 2px 7px;border-radius:11px}
  .bottom-nav svg{height:19px;width:19px}
}
@media(max-width:360px){
  .bottom-nav{gap:2px;padding:5px}
  .bottom-nav a{font-size:11px}
  .bottom-nav svg{width:18px;height:18px}
}