.member-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:stretch;margin:34px 0 70px}.member-story{position:relative;overflow:hidden;border-radius:22px;background:#e4eee7;padding:38px 38px 0;color:#164b4b}.member-story h2{font-size:36px;line-height:1.45;margin:22px 0 16px}.member-story p{line-height:1.9;color:#48615c}.member-story img{display:block;width:calc(100% + 76px);margin:30px -38px 0;min-height:220px;max-height:300px;object-fit:cover}.member-caption{position:absolute;bottom:22px;left:30px;background:#fffdf2;border-radius:24px;padding:9px 16px;font-size:14px}.member-card{background:#fffdf8;border:1px solid #e0dfd5;border-radius:22px;padding:38px}.member-card h2{font-size:27px;margin:16px 0 10px}.member-card>p{color:#68716d;font-size:14px;line-height:1.7}.social-logins{display:grid;gap:12px;margin-top:27px}.social-logins button{font:inherit;display:flex;align-items:center;justify-content:center;gap:14px;min-height:50px;border:1px solid #c9ceca;border-radius:8px;background:white;color:#343b37}.social-logins button:disabled{cursor:not-allowed;opacity:.65}.social-logins .apple-login{background:#222;color:white;border-color:#222}.google-letter{font:bold 22px Arial;color:#4285f4}.member-status{font-size:14px;margin:10px 0 0}.member-divider{display:flex;align-items:center;gap:12px;color:#727970;font-size:14px;margin:25px 0}.member-divider:before,.member-divider:after{content:'';height:1px;background:#e0e3dc;flex:1}.member-primary{display:flex;justify-content:space-between;align-items:center;background:#0b6266;color:white!important;text-decoration:none;padding:16px 20px;border-radius:8px;font-weight:600}.member-primary:hover{background:#084f53}.member-forgot{display:flex;align-items:center;justify-content:flex-end;min-height:44px;margin-top:8px;font-size:14px;color:#45655c}.member-join{border-top:1px solid #e0e3dc;margin-top:25px;padding-top:22px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:14px}.member-join a,.member-support a{color:#0b6266}.member-support{font-size:14px;margin-top:24px}.member-card a:focus-visible{outline:3px solid #b27e31;outline-offset:4px}@media(max-width:800px){.member-layout{grid-template-columns:1fr;gap:22px}.member-story{padding:28px 28px 0}.member-story h2{font-size:28px}.member-story img{width:calc(100% + 56px);margin:24px -28px 0;max-height:230px}.member-card{padding:28px 22px}}@media(max-width:500px){.member-card h2{font-size:24px}}
.vendor-login{position:fixed;right:24px;bottom:24px;z-index:20;display:inline-flex;align-items:center;min-height:44px;padding:12px 20px;border:1px solid #fff;border-radius:999px;background:var(--teal);color:#fff;font-size:14px;font-weight:600;box-shadow:0 4px 18px #17373926}.vendor-login:hover{background:#074f53}body{padding-bottom:72px}@media(max-width:640px){.vendor-login{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));padding:11px 17px}body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}}

.social-logins a.google-login{font:inherit;display:flex;align-items:center;justify-content:center;gap:14px;min-height:50px;border:1px solid #c9ceca;border-radius:8px;background:white;color:#343b37;font-weight:600}.social-logins a.google-login:hover{border-color:#4285f4}

/* 2026-10-24：這個檔在 style.css 之後。390px 必須蓋過 nowrap，選單才換行。 */
.member-join a,
.member-support a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  box-sizing: border-box;
}
@media (max-width: 640px) {
  header nav {
    flex-wrap: wrap;
    overflow: visible;
    height: auto;
    max-width: 100%;
    white-space: normal;
    justify-content: flex-start;
    column-gap: 12px;
    row-gap: 4px;
  }
  header nav a {
    flex-shrink: 1;
    height: auto;
    min-height: 44px;
    white-space: nowrap;
  }
}