/* Shared shell: header, footer, contact bar (all pages) */
:root{
  --ym-navy:#121833; --ym-navy2:#0e1329; --ym-gold:#E8C06A; --ym-gold-ink:#9A7228; --ym-violet:#7C6CF0;
  --ym-ivory:#F7F5ED; --ym-sand:#F2ECDF; --ym-ink:#24221d; --ym-muted:#6b665b; --ym-line:#e4dccb;
  --ym-serif:"Songti SC","STSong","Noto Serif SC","Source Han Serif SC","Noto Serif CJK SC","SimSun",serif;
  --ym-sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Noto Sans SC","Microsoft YaHei","Segoe UI",sans-serif;
  --ym-bar-h:64px;
}
body{padding-bottom:calc(var(--ym-bar-h) + env(safe-area-inset-bottom))}
.ym-wrap{max-width:1280px;margin:0 auto;padding:0 40px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:200;background:var(--ym-gold);color:var(--ym-navy);padding:6px 12px;border-radius:6px}
.ico{width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.ico-wa{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.1l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.7.8-.8 1-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.2-.4.3-.4.7-1.3.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.7 11.8 11.8 0 0 0 4.5 4c1.7.7 2.3.8 3.2.6a2.7 2.7 0 0 0 1.8-1.2 2.2 2.2 0 0 0 .1-1.2c0-.1-.2-.2-.4-.3z'/%3E%3C/svg%3E")}
.ico-tg{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.9 4.3 18.8 19c-.2 1-.8 1.3-1.7.8l-4.6-3.4-2.2 2.1c-.2.2-.5.5-1 .5l.3-4.7 8.6-7.8c.4-.3-.1-.5-.6-.2L7 13l-4.6-1.4c-1-.3-1-1 .2-1.5L20.5 3.2c.8-.3 1.6.2 1.4 1.1z'/%3E%3C/svg%3E")}

/* buttons shared by dialog + homepage */
.ym-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:12px 26px;border-radius:999px;font:600 16px/1.3 var(--ym-sans);text-decoration:none;letter-spacing:.02em;transition:background .2s,border-color .2s,color .2s}
.ym-btn-primary{background:var(--ym-gold);color:#1d1a12;border:1px solid var(--ym-gold)}
.ym-btn-primary:hover{background:#efcd83;color:#1d1a12}
.ym-btn-ghost{background:#fff;color:var(--ym-ink);border:1px solid var(--ym-line)}
.ym-btn-ghost:hover{border-color:var(--ym-gold);color:var(--ym-ink)}
.ym-btn-sm{min-height:40px;padding:8px 18px;font-size:14px;vertical-align:middle;margin:4px 0 4px 8px}
.ym-btn:focus-visible,.ym-menu-btn:focus-visible,.ym-header a:focus-visible,.ym-bar a:focus-visible{outline:2px solid var(--ym-violet);outline-offset:3px}

/* header */
.ym-header{position:sticky;top:0;z-index:80;background:var(--ym-navy);border-bottom:1px solid rgba(232,192,106,.28)}
.ym-header-inner{display:flex;align-items:center;gap:28px;height:92px}
.ym-logo{flex:none;display:block}
.ym-logo img{width:212px;height:auto;display:block}
.ym-nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.ym-nav a{font:400 15px/1 var(--ym-sans);color:rgba(242,236,223,.78);text-decoration:none;padding:10px 12px;letter-spacing:.06em;position:relative}
.ym-nav a:hover{color:#fff}
.ym-nav a[aria-current]{color:var(--ym-gold)}
.ym-nav a[aria-current]::after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:1px;background:var(--ym-gold)}
.ym-nav .ym-nav-tg{display:none}
.ym-header-cta{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 18px;border:1px solid var(--ym-gold);border-radius:999px;color:var(--ym-gold);text-decoration:none;font:500 14px/1 var(--ym-sans);letter-spacing:.04em}
.ym-header-cta:hover{background:var(--ym-gold);color:var(--ym-navy)}
.ym-menu-btn{display:none;margin-left:auto;width:46px;height:46px;border:1px solid rgba(232,192,106,.4);border-radius:12px;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0}
.ym-menu-btn span{display:block;width:18px;height:1.5px;background:#F2ECDF;transition:transform .2s,opacity .2s}
.ym-menu-open .ym-menu-btn span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.ym-menu-open .ym-menu-btn span:nth-child(2){opacity:0}
.ym-menu-open .ym-menu-btn span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
@media(max-width:1080px){
  .ym-header-inner{height:72px;gap:12px}
  .ym-logo img{width:158px}
  .ym-header-cta{display:none}
  .ym-menu-btn{display:flex}
  .ym-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--ym-navy);border-bottom:1px solid rgba(232,192,106,.28);padding:8px 24px 18px;max-height:calc(100svh - 72px);overflow:auto}
  .ym-menu-open .ym-nav{display:flex}
  .ym-nav a{padding:15px 4px;font-size:16px;border-bottom:1px solid rgba(242,236,223,.08)}
  .ym-nav a[aria-current]::after{display:none}
  .ym-nav .ym-nav-tg{display:block;border-bottom:none}
}

/* footer */
.ym-footer{background:var(--ym-navy);color:rgba(242,236,223,.74);font:400 14px/1.8 var(--ym-sans);padding:72px 0 28px;border-top:1px solid rgba(232,192,106,.35)}
.ym-footer-grid{display:grid;grid-template-columns:1.25fr 1.2fr .9fr 1fr;gap:48px}
.ym-f-brand img{width:250px;height:auto}
.ym-footer p{margin:0 0 6px}
.ym-f-label{font-size:12px;letter-spacing:.24em;color:var(--ym-gold);margin:0 0 8px!important;opacity:.9}
.ym-f-info .ym-f-label:not(:first-child){margin-top:18px!important}
.ym-f-gold{color:#F2ECDF}
.ym-f-contact a,.ym-f-links a{display:flex;align-items:center;gap:8px;color:rgba(242,236,223,.8);text-decoration:none;padding:4px 0}
.ym-f-contact a:hover,.ym-f-links a:hover{color:var(--ym-gold)}
.ym-f-links{display:flex;flex-direction:column}
.ym-f-bottom{margin-top:48px;padding-top:20px;border-top:1px solid rgba(232,192,106,.18);font-size:12px;color:rgba(242,236,223,.5);letter-spacing:.06em}
@media(max-width:1080px){.ym-footer-grid{grid-template-columns:1fr 1fr;gap:36px}}
@media(max-width:640px){
  .ym-wrap{padding:0 20px}
  .ym-footer{padding:52px 0 24px}
  .ym-footer-grid{grid-template-columns:1fr;gap:30px}
  .ym-f-brand img{width:210px}
  .ym-f-links{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
  .ym-f-links .ym-f-label{grid-column:1/-1}
}

/* bottom contact bar */
.ym-bar{position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(18,24,51,.97);border-top:1px solid rgba(232,192,106,.4);padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ym-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--ym-bar-h)}
.ym-bar-status{margin:0;color:#F2ECDF;font:400 14px/1.4 var(--ym-sans);letter-spacing:.06em;white-space:nowrap}
.ym-dot{color:var(--ym-gold);font-size:11px;vertical-align:1px}
.ym-bar-actions{display:flex;gap:10px;flex:none}
.ym-bar a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px 20px;border-radius:999px;text-decoration:none;font:600 14px/1 var(--ym-sans);letter-spacing:.03em}
.ym-bar-wa{background:var(--ym-gold);color:#1d1a12}
.ym-bar-wa:hover{background:#efcd83;color:#1d1a12}
.ym-bar-tg{border:1px solid rgba(242,236,223,.4);color:#F2ECDF}
.ym-bar-tg:hover{border-color:var(--ym-gold);color:var(--ym-gold)}


@media(max-width:640px){
  /* two-row bar on phones */
  :root{--ym-bar-h:104px}
  .ym-bar-inner{flex-direction:column;align-items:stretch;justify-content:center;gap:8px;padding-top:8px;padding-bottom:8px}
  .ym-bar-status{font-size:13px;line-height:36px;height:36px;text-align:center}
  .ym-bar-actions{gap:10px}
  .ym-bar-actions a{flex:1;min-height:44px;padding:8px 10px;font-size:15px}
}