/* Unified navigation only. No page-content, banner or form rules. */
body .preview-nav.cef-unified-nav{
  height:120px;position:sticky;inset:0 0 auto;width:100%;z-index:10000;
  display:flex;align-items:center;gap:16px;padding:0 24px;box-sizing:border-box;
  font-family:"Microsoft YaHei",Arial,sans-serif;
  background-color:#e6f3ff;background-image:linear-gradient(180deg,#f5fbff,#e5f3ff 48%,#cfe9fb);
  border-bottom:1px solid #b8ddf4;box-shadow:0 3px 14px #0c559819;isolation:isolate;
}
body .preview-nav.cef-unified-nav.cef-legacy-nav{position:fixed}
body .preview-nav.cef-unified-nav::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.45;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='120'%3E%3Cg fill='none' stroke='%239bd4f4' stroke-width='1'%3E%3Cpath d='M0 82 48 36 112 46 180 16 243 54 314 30 390 72 453 42 521 88 600 38M48 36 64 106 112 46M390 72 425 112 453 42'/%3E%3C/g%3E%3Cg fill='%2396d5f7'%3E%3Ccircle cx='48' cy='36' r='3'/%3E%3Ccircle cx='112' cy='46' r='3'/%3E%3Ccircle cx='180' cy='16' r='3'/%3E%3Ccircle cx='390' cy='72' r='3'/%3E%3Ccircle cx='453' cy='42' r='3'/%3E%3C/g%3E%3C/svg%3E") center/600px 120px repeat-x;
}
body .cef-unified-nav .preview-brand{flex:0 0 145px;display:block;border:0;background:none}
body .cef-unified-nav .preview-brand img{display:block;width:140px;height:82px;object-fit:contain}
body .cef-unified-nav .preview-mark-link{flex:0 0 50px;display:block;background:none}
body .cef-unified-nav .preview-mark{display:block;width:50px;height:76px;object-fit:contain}
body .preview-nav.cef-unified-nav nav{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));height:100%;flex:1;align-items:center;min-width:0}
body .preview-nav.cef-unified-nav nav a{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;
  box-sizing:border-box;height:98px;min-width:0;padding:8px 6px;border-left:1px solid #91bfe4;
  font-size:18px;font-weight:400;line-height:1.2;color:#173e64;background:transparent;
  text-align:center;text-decoration:none;border-radius:2px;text-transform:uppercase;
  transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;
}
body .preview-nav.cef-unified-nav nav a:last-child{border-right:1px solid #91bfe4}
body .preview-nav.cef-unified-nav nav a small{display:block;font-size:18px;font-weight:400;letter-spacing:0;line-height:1.2;max-width:100%;margin-top:3px}
body .preview-nav.cef-unified-nav nav a::after{content:"";position:absolute;left:16%;right:16%;bottom:0;height:3px;background:#22cee8;transform:scaleX(0);transition:transform .2s ease}
body .preview-nav.cef-unified-nav nav a[aria-current]{color:#fff;background:linear-gradient(160deg,#0987f0,#0754ba);box-shadow:0 3px 10px #0757a32b;border-left-color:#8dcefa}
body .preview-nav.cef-unified-nav nav a[aria-current]::after{left:0;right:0;height:4px;transform:scaleX(1)}
body .preview-nav.cef-unified-nav nav a:hover{color:#075baa;background:linear-gradient(180deg,#fff9,#c4e7fc);transform:translateY(-3px);box-shadow:0 5px 12px #0757a317}
body .preview-nav.cef-unified-nav nav a[aria-current]:hover{color:#fff;background:linear-gradient(160deg,#1596fb,#0761ce)}
body .preview-nav.cef-unified-nav nav a:hover::after{transform:scaleX(1)}
body .preview-nav.cef-unified-nav a:focus-visible{outline:3px solid #0466b3;outline-offset:2px}
/* This element is the existing fixed-navbar spacer, not a content module. */
.cef-legacy-nav+div[style*="height: 80px"],.cef-legacy-nav+div[style*="height:80px"]{height:120px!important}
@media(max-width:1100px){
  body .preview-nav.cef-unified-nav{height:112px;padding:0 10px;gap:7px}
  body .cef-unified-nav .preview-brand{flex-basis:95px}
  body .cef-unified-nav .preview-brand img{width:90px;height:72px}
  body .cef-unified-nav .preview-mark-link{flex-basis:35px}
  body .cef-unified-nav .preview-mark{width:35px}
  body .preview-nav.cef-unified-nav nav a{height:92px;font-size:14px;padding:6px 3px}
  body .preview-nav.cef-unified-nav nav a small{font-size:12px}
  .cef-legacy-nav+div[style*="height: 80px"],.cef-legacy-nav+div[style*="height:80px"]{height:112px!important}
}
@media(max-width:700px){
  body .preview-nav.cef-unified-nav{height:140px;padding:8px;gap:7px}
  body .cef-unified-nav .preview-brand{flex-basis:58px;align-self:flex-start;margin-top:15px}
  body .cef-unified-nav .preview-brand img{width:58px;height:55px}
  body .cef-unified-nav .preview-mark-link{display:none}
  body .preview-nav.cef-unified-nav nav{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));align-items:stretch}
  body .preview-nav.cef-unified-nav nav a{height:100%;font-size:11px;padding:4px 2px;line-height:1.2;border-left-color:#aacfe7}
  body .preview-nav.cef-unified-nav nav a small{font-size:9px;line-height:1.15;margin-top:2px;overflow-wrap:anywhere}
  body .preview-nav.cef-unified-nav nav a:nth-child(4){border-right:1px solid #aacfe7}
  body .preview-nav.cef-unified-nav nav a:nth-child(n+5){border-top:1px solid #aacfe7}
  body .preview-nav.cef-unified-nav nav a:hover{transform:none}
  .cef-legacy-nav+div[style*="height: 80px"],.cef-legacy-nav+div[style*="height:80px"]{height:140px!important}
}
@media(prefers-reduced-motion:reduce){
  body .preview-nav.cef-unified-nav nav a,body .preview-nav.cef-unified-nav nav a::after{transition:none}
  body .preview-nav.cef-unified-nav nav a:hover{transform:none}
}

body.cef-nav-preview{padding-top:0!important}
.cef-nav-preview .cef-unified-nav+div[style*="height: 80px"],
.cef-nav-preview .cef-unified-nav+div[style*="height:80px"]{height:0!important}
@media(max-width:700px){
  body.cef-nav-preview .cef-unified-nav>.preview-mark{display:none}
  body.cef-nav-preview .cef-unified-nav nav a small{font-size:8px;overflow-wrap:normal}
}
@media(max-width:350px){
  body.cef-nav-preview .cef-unified-nav nav a small{font-size:7px}
}
