*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#fde9b6;color:#275b32;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif}
body{overflow-x:hidden}
.top-nav{position:relative;z-index:10;background:rgba(255,247,232,.97);border-bottom:1px solid rgba(222,181,94,.32);box-shadow:0 2px 10px rgba(113,72,10,.05)}
.top-nav-inner{width:min(1030px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px}
.nav-pages{display:flex;align-items:center;justify-content:flex-start;gap:4px;min-width:0;flex:1 1 auto}
.top-nav .nav-pages a{white-space:nowrap;text-decoration:none;color:#275b32;font-weight:800;padding:8px 9px;border-radius:999px;line-height:1}
.top-nav .nav-pages a.active{background:#fff0c8;color:#e34c21;box-shadow:inset 0 0 0 1px #f1c65e}
.top-nav .nav-pages .nav-home-logo{display:flex;align-items:center;justify-content:center;width:116px;height:44px;padding:0;background:transparent!important;box-shadow:none!important;border-radius:0;flex:0 0 auto}
.top-nav .nav-pages .nav-home-logo.active{background:transparent!important;box-shadow:none!important;color:inherit}
.nav-home-logo img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:0;padding:0;min-width:0;flex:0 0 auto}
.nav-action{display:block;width:136px;aspect-ratio:2.4/1;background:transparent!important;border:0!important;padding:0!important;border-radius:0!important;overflow:visible!important;line-height:0;filter:drop-shadow(0 3px 4px rgba(97,55,8,.14));transition:transform .15s ease}
.nav-action:hover{transform:translateY(-1px)}
.nav-action img{display:block;width:100%;height:100%;object-fit:contain;background:transparent}
.nav-label-mobile{display:none}
.page-shell{width:min(1030px,100%);margin:0 auto;text-align:center}
.art-wrap{position:relative;width:100%}
.page-art{display:block;width:100%;height:auto}
.home-actions{position:absolute;left:0;right:0;bottom:6.5%;display:flex;justify-content:center;align-items:flex-end;gap:2.4%;padding:0 1.5%}
.home-action{display:block;width:46%;line-height:0;transform-origin:center center;animation:gcc-breathe 1.7s ease-in-out infinite}
.home-action:only-child{width:min(300px,58%)}
.home-action img{display:block;width:100%;height:auto;background:transparent}
.home-action:hover{filter:brightness(1.06)}
.home-action:focus-visible{outline:3px solid #1b6c47;outline-offset:4px}
@keyframes gcc-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@media (prefers-reduced-motion:reduce){.home-action{animation:none}}
.site-note{position:absolute;left:0;right:0;bottom:1.1%;padding:0;color:rgba(150,110,48,.72);font-size:12px;pointer-events:none}
body.one-page .nav-pages{flex:0 0 auto}
body.one-page .nav-actions{margin-left:auto}
body.one-page .nav-action{width:148px}

@media (min-width:701px){
  body.one-page{
    height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;
    background:
      radial-gradient(ellipse 52% 78% at 50% 46%, #fff8e2 0%, #f6e0a4 34%, #efc56e 70%, #e3b056 100%);
  }
  body.one-page .top-nav{flex:none;background:transparent;border:0;box-shadow:none}
  body.one-page .top-nav-inner{
    width:min(calc((100dvh - 78px) * 887 / 1774), calc(100vw - 48px));
    padding:10px 0 0;
  }
  body.one-page .nav-home-logo{width:108px;height:42px}
  body.one-page .nav-action{width:min(156px, 34%)}
  body.one-page .page-shell{
    flex:1 1 auto;min-height:0;width:100%;max-width:none;
    display:flex;align-items:center;justify-content:center;
    padding:4px 16px 12px;
  }
  body.one-page .art-wrap{
    display:inline-block;width:auto;max-width:100%;height:auto;line-height:0;
    filter:drop-shadow(0 18px 32px rgba(122,74,12,.24));
  }
  body.one-page .page-art{
    width:auto;height:auto;
    max-width:min(100%, calc((100dvh - 78px) * 887 / 1774));
    max-height:calc(100vh - 78px);
    max-height:calc(100dvh - 78px);
  }
}
@media (max-width:700px){
  .top-nav-inner{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:3px;padding:4px 4px;overflow:hidden}
  .nav-pages{display:flex;align-items:center;justify-content:flex-start;gap:1px;min-width:0;flex:1 1 auto;overflow:visible;padding:0}
  .top-nav .nav-pages a{display:flex;align-items:center;justify-content:center;min-width:0;font-size:9.5px;line-height:1.02;text-align:center;padding:4px 3px;border-radius:8px;flex:1 1 0}
  .top-nav .nav-pages .nav-home-logo{width:53px;height:29px;padding:1px 2px;flex:0 0 53px}
  .nav-label-desktop{display:none}
  .nav-label-mobile{display:inline;white-space:normal}
  .nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px;flex:0 0 auto}
  .nav-action{width:66px;flex:0 0 66px;filter:drop-shadow(0 2px 2px rgba(97,55,8,.12))}
  .home-actions{bottom:10.4%;gap:2.2%;padding:0 1.2%}
  .home-action{width:46%}
  .home-action:only-child{width:56%}
  body.one-page .top-nav .nav-pages .nav-home-logo{width:86px;height:34px;flex:0 0 86px}
  body.one-page .nav-action{width:104px;flex:0 0 104px}
}
@media (max-width:390px){
  .top-nav-inner{gap:2px;padding:3px 2px}
  .nav-pages{gap:0}
  .top-nav .nav-pages a{font-size:8.7px;padding:4px 2px}
  .top-nav .nav-pages .nav-home-logo{width:47px;height:27px;flex-basis:47px}
  .nav-actions{gap:1px}
  .nav-action{width:59px;flex-basis:59px}
  body.one-page .top-nav .nav-pages .nav-home-logo{width:72px;height:30px;flex-basis:72px}
  body.one-page .nav-action{width:88px;flex-basis:88px}
}