.member-page{margin:0;background:#f5f6f8;color:#252936;font:15px/1.6 system-ui,"Microsoft YaHei",sans-serif}.member-page *{box-sizing:border-box}.member-shell{max-width:980px;margin:auto;padding:28px 24px 60px}.member-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.member-head a{color:inherit;text-decoration:none}.member-head a:first-child{font-size:23px;font-weight:800}.member-summary{display:flex;gap:20px;align-items:center;border-bottom:1px solid #d8dde6;padding:0 0 24px}.member-summary img{width:70px;height:70px}.member-page h1{margin:0;font-size:28px}.member-page h2{font-size:19px;margin-top:28px}.member-summary p{margin:4px 0;color:#657084}.member-muted{font-size:13px;color:#657084}.member-products{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.member-product{background:white;border:1px solid #d7dde7;border-radius:12px;padding:20px;text-align:left;cursor:pointer}.member-product strong{display:block;font-size:30px;color:#7a5214;margin:12px 0}.member-product span{display:block}.member-product:hover{border-color:#b77a25;box-shadow:0 4px 16px #80541712}.member-page button{cursor:pointer;border:1px solid #cdd4df;border-radius:8px;background:white;color:inherit;font:inherit;padding:9px 14px}.member-page button:disabled{opacity:.5;cursor:not-allowed}.member-page input:not([type=checkbox]),.member-page select{width:100%;padding:10px;border:1px solid #cdd4df;border-radius:8px;font:inherit;background:white;min-width:0}.member-page label{display:block;margin:10px 0}.member-redeem{margin-top:32px;padding:18px 22px;background:#e9edf3;border-radius:12px}.member-redeem h2{margin:0 0 12px}.member-redeem form{display:flex;gap:10px}.member-redeem button{white-space:nowrap;background:#292c36;color:#fff}.member-order{padding:18px 0;border-bottom:1px solid #d8dde6;overflow-wrap:anywhere}.member-order header{display:flex;justify-content:space-between;gap:12px}.member-order small{display:block;color:#667184}.member-order button{margin:8px 8px 0 0}.member-code{font-family:monospace;overflow-wrap:anywhere;color:#805217}.member-page dialog{border:1px solid #d8dde6;border-radius:16px;padding:24px;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto}.member-page dialog::backdrop{background:#1b223a80}.member-page dialog header{display:flex;justify-content:space-between;align-items:center}.member-page dialog h2{margin:0}.member-qr{display:block;width:220px;max-width:100%;height:auto;margin:16px auto}.member-page [hidden]{display:none!important}.member-page :focus-visible{outline:3px solid #5083c7;outline-offset:3px}.member-page details{border:1px solid #cdd4df;padding:16px;border-radius:10px}.member-page summary{cursor:pointer}.member-page .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.membership-banner{padding:10px 14px;background:#fff3dc;color:#694600;font-size:13px;border-radius:8px}.membership-banner a{margin-left:10px;color:inherit;font-weight:700}.membership-link{display:block;padding:10px;text-align:center;color:inherit;text-decoration:none}.membership-account-badge{width:100%;height:100%;object-fit:contain}.member-page .member-receipt{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end}.member-page .member-receipt button{margin:10px 0}
@media(max-width:600px){.member-shell{padding:18px 16px 40px}.member-products{grid-template-columns:repeat(2,1fr)}.member-product{padding:16px}.member-product strong{font-size:26px}.member-summary img{width:56px;height:56px}.member-page h1{font-size:24px}.member-redeem{padding:16px}.member-page .member-receipt{grid-template-columns:1fr}.member-page .member-receipt label{margin:0}.member-order header{flex-wrap:wrap}}

.member-locked{opacity:.72;user-select:none}.member-policy{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700}.member-policy input{appearance:none;width:48px!important;height:28px;border-radius:20px;background:#87919f;position:relative;cursor:pointer}.member-policy input:checked{background:#b88923}.member-policy input:before{content:"";position:absolute;width:20px;height:20px;top:3px;left:3px;background:white;border-radius:50%;transition:transform .2s}.member-policy input:checked:before{transform:translateX(20px)}

.account-profile-title-row{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.account-profile-title-row #accountProfileName{flex:1;min-width:0;margin:0;font-size:14px;white-space:nowrap}.account-profile-title-row .membership-vip,.account-profile-title-row .account-admin-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 auto;height:30px;margin:0;padding:3px 7px;border:1px solid #d8dce3;border-radius:8px;background:#f5f6f8;color:#20242b;text-decoration:none;font-size:12px;font-weight:700;line-height:1}.account-profile-title-row .membership-vip{width:34px;padding:2px}.membership-vip svg{width:27px;height:27px}.account-profile-title-row .membership-vip.is-member{color:#986714;border-color:#dfc796;background:linear-gradient(135deg,#fffcf1,#f3e1b5)}.account-admin-button[hidden]{display:none!important}.account-profile-summary>div{min-width:0;flex:1}.account-popover{width:min(350px,calc(100vw - 24px))}.membership-vip:focus-visible,.account-admin-button:focus-visible{outline:2px solid #a47428;outline-offset:3px}