@import url("./submission-record.css");
@import url("./membership.css");
@import url("./dialog-heading.css");

/* Single shared header theme for every common/header.html consumer. */
header.site-header{background:#fff;border-bottom:1px solid #e4eeed;box-shadow:none}@media(max-width:768px){header.site-header{top:0!important}}

/* Alternate header, original logo and navigation behavior retained. */
header.site-header{height:76px;padding:0 32px;align-items:center;gap:36px;background:rgba(255,255,255,.96);box-shadow:0 3px 24px #16484108;border-bottom:1px solid #e0efec}
header.site-header .logo{position:static;flex:none}header.site-header .logo img{height:48px;display:block}
header.site-header .menu{position:static;height:auto;font-size:15px;flex:1;min-width:0}
header.site-header nav ul{gap:6px;align-items:center}header.site-header nav ul li{margin:0}
header.site-header nav ul li a{display:block;padding:10px 16px;border-radius:10px;color:#536f70;white-space:nowrap}
header.site-header nav ul li.active a{background:#e7faf5;color:#008e7c;font-weight:700}
header.site-header nav ul li a:hover{background:#f0faf7;color:#008e7c}
header.site-header #headerInfo{position:relative;width:330px;min-height:58px;flex:none}
header.site-header .user-info{right:0;top:9px}header.site-header .user-info-no{right:0}
header.site-header .user-id{font-size:12px;color:#8b9b9c}header.site-header .user-mobao{font-size:13px;color:#009e89}
header.site-header .btn-vip{right:104px}header.site-header .btn-share{right:198px}
header.site-header .header-btn{border:1px solid #ccebe5;background:#f0faf7;box-shadow:none;border-radius:9px;color:#008e7c;padding:7px 11px;font-size:12px}
header.site-header .user-tishi-tooltip{top:55px;border-radius:14px;border:1px solid #e0efea;box-shadow:0 12px 36px #16484120;padding:20px}
@media(min-width:769px) and (max-width:1200px){header.site-header{gap:16px;padding:0 20px}header.site-header nav ul{gap:0}header.site-header nav ul li a{padding:10px 8px;font-size:14px}header.site-header #headerInfo{width:285px}header.site-header .btn-share{right:185px}header.site-header .btn-vip{right:96px}}
@media(max-width:768px){header.site-header{height:64px;padding:0 16px;gap:0;justify-content:space-between}header.site-header .logo img{height:40px}header.site-header #headerInfo{width:225px;min-height:58px;margin-right:42px}header.site-header .mobile-menu-toggle{left:auto;right:14px;top:14px;background:#eaf8f4;border-radius:9px}header.site-header .menu{position:absolute;top:64px;left:0;width:100%;height:auto;border-radius:0 0 18px 18px}header.site-header nav ul{display:block;padding:12px 16px}header.site-header nav ul li a{padding:11px 14px}header.site-header .btn-share{right:152px;padding:6px;font-size:11px}header.site-header .btn-vip{right:76px;padding:6px;font-size:11px}header.site-header .user-info{right:0;top:12px}header.site-header .user-id{font-size:10px}header.site-header .user-mobao{font-size:11px}header.site-header .exit-btn{display:none}header.site-header .user-tishi-tooltip{right:-40px;top:50px}}
@media(max-width:380px){header.site-header{padding:0 10px}header.site-header .logo img{height:34px}header.site-header #headerInfo{width:205px}header.site-header .btn-share{right:139px;font-size:10px}header.site-header .btn-vip{right:69px;font-size:10px}}
/* Fluid desktop canvas aligned with the header padding. */
.home-next .main-content{max-width:none;width:calc(100% - 64px)}
header.site-header .btn-share{color:#b34900;background:#fff4e8;border-color:#ffe0bf}
header.site-header .btn-vip{color:#1376aa;background:#edf8ff;border-color:#cee9fb}
@media(max-width:768px){header.site-header .user-info .exit-btn{display:block;position:static;font-size:11px;color:#1679ac}header.site-header .user-info{line-height:1.25}}
header.site-header .rei-icon{display:none}
@media(min-width:769px){header.site-header .menu nav>ul{position:relative;top:8px}}
header.site-header .user-info{top:9px;line-height:1;}
header.site-header .account-trigger{display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:50%;background:#edf8f4;border:1px solid #d5eae0;color:#248d75;cursor:pointer}
header.site-header .account-trigger:hover,header.site-header .account-trigger:focus-visible{background:#ddf3e9;border-color:#99cfb9;outline-offset:3px}
header.site-header .user-tishi-tooltip{top:47px;width:300px;padding:20px;border-radius:14px;line-height:1.6}
header.site-header .account-summary{padding-bottom:14px;border-bottom:1px solid #e9efec;margin-bottom:12px}
header.site-header .account-summary .user-mobao{display:block;font-size:15px;color:#355a4e;font-weight:600;margin-bottom:5px}
header.site-header .account-summary .user-id{display:block;font-size:13px;color:#7c9388;overflow-wrap:anywhere;line-height:1.5}
header.site-header .user-info .exit-btn{position:static;display:block;width:100%;margin-top:16px;padding:9px;border:1px solid #e0e9e5;border-radius:8px;background:#f7faf8;color:#6b8276;font-size:13px}
@media(max-width:768px){header.site-header .user-info{top:8px}header.site-header .account-trigger{width:38px;height:38px}header.site-header .user-tishi-tooltip{top:45px;right:-40px;width:min(300px,calc(100vw - 28px))}}
/* Header utility actions, visually aligned with the account icon. */
header.site-header .header-btn{height:36px;padding:0 12px;border-radius:9px;line-height:34px;white-space:nowrap;box-shadow:none;transition:background-color .18s ease,border-color .18s ease}
header.site-header .header-btn svg{vertical-align:-3px;margin-right:5px}
header.site-header .btn-share{right:160px;background:#fff8e9;border:1px solid #f0dfbd;color:#a77c30}
header.site-header .btn-share:hover{background:#ffefcb;border-color:#e5ca91;color:#8b6420}
header.site-header .btn-vip{right:54px;background:#edf8f4;border:1px solid #d2e9df;color:#32866e}
header.site-header .btn-vip:hover{background:#ddf3e9;border-color:#a9d6c3;color:#206d56}
header.site-header .header-btn:focus-visible{outline:2px solid #559d87;outline-offset:3px}
@media(max-width:768px){header.site-header .header-btn{height:34px;padding:0 8px;font-size:11px;line-height:32px}header.site-header .header-btn svg{width:13px;height:13px;margin-right:3px;vertical-align:-2px}header.site-header .btn-vip{right:44px}header.site-header .btn-share{right:134px}}
@media(max-width:380px){header.site-header .header-btn{padding:0 6px;font-size:10px}header.site-header .btn-vip{right:42px}header.site-header .btn-share{right:122px}header.site-header .header-btn svg{margin-right:2px;width:12px}}
/* Swap the existing share/member treatments; keep placement and behavior. */
header.site-header .btn-share{background:#edf8f4;border:1px solid #d2e9df;color:#32866e}
header.site-header .btn-share:hover{background:#ddf3e9;border-color:#a9d6c3;color:#206d56}
header.site-header #headerInfo button.header-btn.btn-share {
  display: none !important;
}
header.site-header .btn-vip{background:#fff8e9;border:1px solid #f0dfbd;color:#a77c30}
header.site-header .btn-vip:hover{background:#ffefcb;border-color:#e5ca91;color:#8b6420}
/* Account popover: identity, balances, memberships, actions. */
header.site-header .user-tishi-tooltip{width:340px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 95px);overflow-y:auto;padding:16px;border:1px solid #e2ebe5;border-radius:16px;background:#fff;box-shadow:0 12px 36px #264c3d18}
header.site-header .account-summary{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #edf2ef}
header.site-header .account-summary .user-mobao{font-size:17px;color:#35564a;margin-bottom:5px;letter-spacing:.3px}
header.site-header .account-summary .user-id{font-size:12px;color:#8b9e92;line-height:1.7}
header.site-header .account-balances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
header.site-header .account-balance{display:flex;flex-direction:column;align-items:flex-start;gap:3px;background:#F8FCFA;border:1px solid #e7efea;border-radius:11px;padding:10px 12px;min-width:0}
header.site-header .account-balance>span:first-child{font-size:11px;color:#82988b}
header.site-header .account-balance strong{font-size:20px;font-weight:600;color:#238d73;line-height:1.4;overflow-wrap:anywhere;max-width:100%}
header.site-header .account-balance .balance-unit{font-size:11px;color:#9aada0;line-height:22px}
header.site-header .account-balance #moneyDetailBtn{padding:0;margin:0;font-size:11px;line-height:22px;color:#559dc2}
header.site-header .account-memberships h6{font-size:12px;font-weight:500;color:#94a69b;margin:0 0 4px}
header.site-header .account-memberships p{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:6px 0;background:transparent;border-bottom:1px solid #f0f4f1;font-size:12px;line-height:1.6}
header.site-header .account-memberships p>span{color:#647f6e;white-space:nowrap}
header.site-header .account-memberships p>label{color:#879e8f;text-align:right;overflow-wrap:anywhere}
header.site-header .account-memberships p:last-child{border-bottom:0}
header.site-header .account-actions{display:grid;grid-template-columns:1fr;gap:6px;margin-top:10px}
header.site-header .account-actions .btn{width:100%;margin:0;padding:7px 10px;border-radius:8px;font-size:12px;line-height:1.7}
header.site-header .account-actions .share-btn{background:#fff8e9;border-color:#f0dfbd;color:#a77c30}
header.site-header .account-actions .share-btn:hover{background:#ffefcb;border-color:#e5ca91;color:#8b6420}
header.site-header .user-info .exit-btn{margin-top:8px;padding:7px;border:0;border-top:1px solid #edf2ef;border-radius:0;background:transparent;color:#91a397;font-size:12px}
header.site-header .user-info .exit-btn:hover{color:#ba7257;background:#fcf9f6;border-radius:7px}
@media(max-width:768px){header.site-header .user-tishi-tooltip{width:320px;padding:14px;max-height:calc(100dvh - 84px)}header.site-header .account-memberships p{padding:6px 0}header.site-header .account-actions .btn,header.site-header .user-info .exit-btn{min-height:42px}}
/* Guest sign-in: align with shared header actions, keep original modal handler. */
header.site-header .user-info-no .btn{height:36px;min-width:72px;margin:0;padding:0 18px;border:1px solid #2DA9FA;border-radius:9px;background:#2DA9FA;color:#fff;font-size:13px;font-weight:500;line-height:34px;box-shadow:0 2px 6px #2da9fa12;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease;white-space:nowrap}
header.site-header .user-info-no .btn:hover{background:#168ED7;border-color:#168ED7;color:#fff;box-shadow:0 3px 9px #168ed722}
header.site-header .user-info-no .btn:active{background:#117BBE;border-color:#117BBE;box-shadow:none}
header.site-header .user-info-no .btn:focus-visible{outline:2px solid #176FA6;outline-offset:3px}
@media(max-width:768px){header.site-header .user-info-no .btn{height:36px;min-width:58px;padding:0 12px;font-size:12px;line-height:34px}}
@media(prefers-reduced-motion:reduce){header.site-header .user-info-no .btn{transition:none}}
/* Guest login icon, matching the outline icons in the header actions. */
header.site-header .user-info-no .btn::before{content:'';display:inline-block;width:15px;height:15px;margin-right:6px;vertical-align:-3px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 21v-2a7 7 0 0 1 14 0v2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 21v-2a7 7 0 0 1 14 0v2'/%3E%3C/svg%3E") center/contain no-repeat}
@media(max-width:768px){header.site-header .user-info-no .btn::before{width:14px;height:14px;margin-right:4px;vertical-align:-2px}}
header.site-header .user-info-no .btn{background:#3288B3!important;border-color:#3288B3!important;color:#FFFFFF!important;box-shadow:0 2px 6px #3288b314}
header.site-header .user-info-no .btn:hover{background:#287497!important;border-color:#287497!important;box-shadow:0 3px 9px #28749722}
header.site-header .user-info-no .btn:active{background:#21617E!important;border-color:#21617E!important}
header.site-header .user-info-no .btn:focus-visible{outline-color:#287497}

header.site-header #headerInfo > .user-info,
header.site-header #headerInfo > .header-promotions {
  top: 50%;
  transform: translateY(-50%);
}

header.site-header #headerInfo > .header-promotions {
  position: absolute;
  right: 54px;
  display: flex;
  align-items: center;
  gap: 8px;
}

header.site-header #headerInfo .header-promotions > .btn-vip {
  position: static;
  transform: none;
  margin: 0;
}

header.site-header #headerInfo .btn-activity {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 36px;
  padding: 0 10px;
  border: 1px solid #f1cdb7;
  border-radius: 9px;
  background: linear-gradient(110deg, #fff1e6, #fff8ed);
  color: #a33a24;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  text-decoration: none;
}

header.site-header #headerInfo .btn-activity:hover {
  background: #ffe7d5;
  border-color: #e9b28f;
  color: #8e2e1b;
}

header.site-header #headerInfo .btn-activity:focus-visible {
  outline: 2px solid #a93220;
  outline-offset: 2px;
}

@media (max-width: 768px) {
  header.site-header #headerInfo > .header-promotions {
    right: 44px;
    gap: 6px;
  }
  header.site-header #headerInfo .btn-activity {
    height: 34px;
    padding: 0 6px;
    font-size: 11px;
  }
  header.site-header .btn-activity .activity-label { display: none; }
  header.site-header .btn-activity svg { width: 12px; }
}

body footer .footer-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 10px;
}

body footer p a:hover,
body footer p a:focus-visible {
  color: #008e7c;
  text-decoration: underline;
  text-underline-offset: 3px;
}