/* Homepage navigation shares the module colors used in the publishing workflow. */
#entry-screen .entry-header{z-index:10;display:grid;grid-template-columns:1fr auto 1fr;gap:28px;overflow:visible}
#entry-screen .entry-header-brand{justify-self:start}
.homepage-nav{display:flex;align-items:center;gap:32px;height:100%;font-family:"Noto Sans SC","Microsoft YaHei",sans-serif}
.homepage-nav-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 6px;border:0;background:transparent;color:#000;font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:1.5;text-decoration:none;white-space:nowrap;cursor:pointer;transition:color .16s ease}
.homepage-nav-link:hover,.homepage-nav-link.is-current,.homepage-services-toggle[aria-expanded="true"]{color:#000}
.homepage-nav-link:focus-visible,.homepage-service:focus-visible,.homepage-services-all:focus-visible,.homepage-nav-toggle:focus-visible{outline:2px solid #6380cc;outline-offset:3px;border-radius:7px}
.homepage-services{position:relative;display:flex;align-items:center;height:100%}
.homepage-services-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .18s ease}
.homepage-services-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.homepage-services-panel{position:absolute;top:calc(100% - 2px);left:50%;transform:translateX(-50%);width:660px;padding:14px;border:1px solid #e8ecf3;border-radius:20px;background:#fff;box-shadow:0 14px 48px rgb(28 46 83 / .12),0 3px 10px rgb(28 46 83 / .04);box-sizing:border-box;animation:homepage-menu-enter .18s ease-out}
.homepage-services-panel[hidden]{display:none!important}
.homepage-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}
.homepage-service{display:flex;align-items:center;gap:13px;min-width:0;min-height:86px;padding:13px 12px;border:0;border-radius:12px;background:transparent;text-align:left;font-family:inherit;cursor:pointer;transition:background .16s ease}
.homepage-service:hover:not(:disabled){background:#f6f8fc}
.homepage-service-icon{display:flex;align-items:center;justify-content:center;flex:0 0 43px;width:43px;height:43px;border-radius:12px;font-size:23px;font-weight:750;line-height:1;color:#7654aa;background:#f3eefb}
.homepage-service-icon.is-green{color:#3c8571;background:#eaf5ef}
.homepage-service-icon.is-blue{color:#4664b8;background:#edf2ff}
.homepage-service-icon.is-gold{color:#ac853c;background:#fcf5df}
.homepage-service-icon.is-tex{font-size:16px}
.homepage-service-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.homepage-service-copy{display:flex;flex-direction:column;gap:7px;min-width:0}
.homepage-service-copy strong{display:flex;align-items:center;gap:8px;color:#26344d;font-size:15px;font-weight:750;line-height:1.3;white-space:nowrap}
.homepage-service-copy small{color:#7c8699;font-size:12px;font-weight:400;line-height:1.5}
.homepage-service-badge{padding:3px 6px;border-radius:5px;background:#f1eef6;color:#8b809e;font-size:10px;font-weight:500;line-height:1.3}
.homepage-service-badge.is-online{color:#3b806e;background:#eaf5ef}
.homepage-service.is-planned{cursor:default}
.homepage-service.is-planned .homepage-service-copy strong{color:#6c7688}
.homepage-services-all{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:10px;padding:14px 17px 6px;border:0;border-top:1px solid #edf0f6;background:transparent;color:#4863af;font-size:13px;font-weight:650;font-family:inherit;cursor:pointer}
.homepage-services-all:hover{color:#273c79}
.homepage-header-actions{display:flex;align-items:center;justify-self:end;gap:12px}
.homepage-nav-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;padding:6px;border:1px solid #e4e8f0;border-radius:8px;background:#fff;color:#445674;cursor:pointer}
.homepage-nav-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
@keyframes homepage-menu-enter{from{opacity:0;translate:0 -5px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){
  #entry-screen .entry-header{display:flex;justify-content:space-between;gap:12px}
  .homepage-nav-toggle{display:inline-flex}
  .homepage-nav{display:none;position:absolute;top:calc(100% - 1px);left:22px;right:22px;height:auto;padding:12px;border:1px solid #e8ecf3;border-radius:16px;background:#fff;box-shadow:0 14px 40px rgb(28 46 83 / .12);box-sizing:border-box}
  .homepage-nav.is-mobile-open{display:flex;flex-direction:column;align-items:stretch;gap:4px}
  .homepage-nav-link{justify-content:space-between;padding:12px;font-size:15px}
  .homepage-services{display:block;height:auto}
  .homepage-services-toggle{width:100%}
  .homepage-services-panel{position:static;width:100%;padding:0;transform:none;border:0;border-radius:0;box-shadow:none;animation:none}
  .homepage-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
  .homepage-service{align-items:flex-start;gap:9px;min-height:94px;padding:12px 8px}
  .homepage-service-icon{flex-basis:32px;width:32px;height:32px;border-radius:9px;font-size:19px}
  .homepage-service-icon svg{width:20px;height:20px}
  .homepage-service-icon.is-tex{font-size:12px}
  .homepage-service-copy strong{flex-wrap:wrap;gap:5px;font-size:13px}
  .homepage-service-copy small{font-size:11px}
  .homepage-service-badge{font-size:9px}
  .homepage-services-all{padding:12px 10px}
}
@media(max-width:480px){
  #entry-screen .entry-header-brand{width:155px}
  .homepage-nav{left:14px;right:14px;max-height:calc(100svh - 80px);overflow-y:auto}
  .homepage-header-actions{gap:8px}
}
@media(prefers-reduced-motion:reduce){.homepage-services-panel{animation:none}.homepage-services-toggle svg{transition:none}}