*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#fff7e8;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)}
/* Desktop: keep the original single-row header */
.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:2.3%;display:flex;justify-content:center;gap:18px;padding:0 20px}
.home-action{display:block;width:min(260px,42%);line-height:0}
.home-action:only-child{width:min(300px,58%)}
.home-action img{display:block;width:100%;height:auto;background:transparent}
.site-note{padding:12px 10px 18px;color:#9a8356;font-size:12px}

/* Mobile: one compact row; page names become two short lines so both action buttons stay visible. */
@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{gap:8px;padding:0 12px}
  .home-action{width:46%}
  .home-action:only-child{width:56%}
}
@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}
}