/* ============ 品牌头部 ============ */
.zy-container{width:min(1200px,calc(100% - 48px));margin:0 auto}

.zy-nav{
  position:sticky;top:0;z-index:100;   /* 关键：改 sticky，不是 fixed */
  background:rgba(255,255,255,.78);
  -webkit-backdrop-filter:saturate(180%) blur(16px);
  backdrop-filter:saturate(180%) blur(16px);
  border-bottom:1px solid transparent;
  transition:border-color .3s,box-shadow .3s;
}
.zy-nav.zy-scrolled{border-bottom-color:#e6ecf7;box-shadow:0 6px 24px rgba(24,58,120,.06)}
.zy-nav-inner{display:flex;align-items:center;gap:10px;height:72px}

.zy-logo{display:flex;align-items:center;gap:10px}
.zy-logo-mark{
  width:38px;height:38px;border-radius:12px;flex:none;
  background:linear-gradient(135deg,#2b6cf6,#5b9bff);color:#fff;
  display:grid;place-items:center;font-weight:800;font-size:18px;
  box-shadow:0 6px 16px rgba(43,108,246,.32);
}
.zy-logo-text{display:flex;flex-direction:column;line-height:1.25;font-weight:800;font-size:16px;color:#0d1b34}
.zy-logo-text em{font-style:normal;font-size:11.5px;font-weight:500;color:#5c6b85;letter-spacing:.08em}

.zy-nav-links{display:flex;gap:30px;margin-left:auto}
.zy-nav-links a{color:#5c6b85;font-size:15px;font-weight:500;position:relative;transition:.2s}
.zy-nav-links a::after{
  content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,#2b6cf6,#00c2a8);
  transform:scaleX(0);transform-origin:left;transition:.28s;
}
.zy-nav-links a:hover,.zy-nav-links a.zy-active{color:#2b6cf6}
.zy-nav-links a:hover::after,.zy-nav-links a.zy-active::after{transform:scaleX(1)}

.zy-nav-actions{display:flex;align-items:center;gap:8px;margin-left:12px}
.zy-icon-btn{
  position:relative;display:grid;place-items:center;width:38px;height:38px;
  border:1px solid #e6ecf7;border-radius:12px;background:#fff;color:#0d1b34;
  cursor:pointer;transition:.2s;
}
.zy-icon-btn:hover{border-color:#c9d9f6;color:#2b6cf6}
.zy-dot{position:absolute;top:4px;right:5px;width:7px;height:7px;border-radius:50%;background:#f35;box-shadow:0 0 0 2px #fff}

/* 用户下拉 */
.zy-user{position:relative;height:38px;display:flex;align-items:center}
.zy-avatar img,.zy-avatar-lg img{width:38px;height:38px;border-radius:50%;display:block}
.zy-avatar-lg img{width:44px;height:44px}
.zy-user-dropdown{
  position:absolute;top:100%;right:0;margin-top:10px;width:230px;padding:10px;
  background:#fff;border:1px solid #e6ecf7;border-radius:14px;
  box-shadow:0 20px 46px rgba(24,58,120,.14);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:.22s ease;z-index:110;
}
.zy-user:hover .zy-user-dropdown{opacity:1;visibility:visible;transform:none}
.zy-user-top{display:flex;align-items:center;gap:10px;padding:6px 6px 10px;border-bottom:1px solid #f2f6fd}
.zy-user-top a{font-size:14px;font-weight:600;color:#0d1b34}
.zy-user-top small{display:block;color:#5c6b85;font-size:12px}
.zy-user-links{padding:6px 0;border-bottom:1px solid #f2f6fd}
.zy-user-links a{display:block;padding:8px 6px;font-size:13.5px;color:#5c6b85;border-radius:8px}
.zy-user-links a:hover{background:#f2f6fd;color:#2b6cf6}
.zy-logout{display:block;padding:9px 6px 4px;color:#f35;font-size:13.5px}

/* 按钮（前缀隔离，不覆盖 Discuz 的 .btn） */
.zy-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 20px;border-radius:999px;font-size:14px;font-weight:600;
  transition:.25s cubic-bezier(.2,.7,.3,1);border:1px solid transparent;cursor:pointer;
}
.zy-btn-primary{background:linear-gradient(135deg,#2b6cf6,#4d8bff);color:#fff !important;box-shadow:0 10px 24px rgba(43,108,246,.28)}
.zy-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(43,108,246,.36);color:#fff !important}
.zy-btn-ghost{background:#fff;color:#0d1b34 !important;border-color:#e6ecf7;box-shadow:0 4px 14px rgba(24,58,120,.05)}
.zy-btn-ghost:hover{border-color:#c9d9f6;transform:translateY(-2px)}

/* 移动端 */
.zy-nav-toggle{display:none;width:42px;height:42px;border:1px solid #e6ecf7;border-radius:12px;background:#fff;cursor:pointer;place-items:center;gap:4px;margin-left:auto}
.zy-nav-toggle span{display:block;width:18px;height:2px;background:#0d1b34;border-radius:2px;transition:.25s}

@media (max-width:860px){
  .zy-nav-links{
    position:fixed;top:72px;left:0;right:0;flex-direction:column;gap:0;
    background:#fff;padding:8px 24px 20px;border-bottom:1px solid #e6ecf7;
    box-shadow:0 18px 32px rgba(24,58,120,.1);
    transform:translateY(-140%);transition:transform .32s cubic-bezier(.2,.7,.3,1);
    margin-left:0;z-index:99;
  }
  .zy-nav-links.zy-open{transform:none}
  .zy-nav-links a{padding:14px 0;border-bottom:1px solid #f2f6fd;font-size:15.5px}
  .zy-nav-links a::after{display:none}
  .zy-nav-actions{display:none}
  .zy-nav-toggle{display:grid}
}

/* ============ 品牌底部 ============ */
.zy-footer{padding:52px 0 44px;margin-top:60px;border-top:1px solid #e6ecf7;background:#fff}
.zy-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.zy-footer-brand p{font-size:13.5px;color:#5c6b85;margin-top:10px}
.zy-footer-links{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px}
.zy-footer-links a{color:#5c6b85}
.zy-footer-links a:hover{color:#2b6cf6}
.zy-footer-copy{font-size:13px;color:#5c6b85;text-align:right}
.zy-footer-beian{display:inline-block;margin-left:10px;color:#5c6b85}
.zy-footer-beian:hover{color:#2b6cf6}

@media (max-width:600px){
  .zy-container{width:calc(100% - 36px)}
  .zy-footer-inner{flex-direction:column;align-items:flex-start}
  .zy-footer-copy{text-align:left}
}