.memberCenter{color:#17181d;width:min(1180px,100% - 48px);margin:0 auto;padding:56px 0 88px}.memberCenterHeader{border-bottom:1px solid #d4d4d8;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:28px;display:flex}.memberCenterIntro h1{letter-spacing:-.05em;margin:12px 0 0;font-size:clamp(30px,4vw,46px);font-weight:900}.memberCenterIntro>p:last-child{color:#71717a;margin:10px 0 0;font-size:14px}.memberCenterActions{flex-wrap:wrap;gap:9px;display:flex}.memberButton,.memberStoreButton{color:#27272a;cursor:pointer;background:#fff;border:1px solid #d4d4d8;min-height:44px;padding:0 18px;font-size:13px;font-weight:700;transition:all .18s}.memberButton:hover{color:#5136e8;border-color:#654cff}.memberButtonDanger{color:#dc2626;border-color:#fecaca}.memberButtonDanger:hover{color:#b91c1c;border-color:#dc2626}.memberCenterTop{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:24px;margin-top:28px;display:grid}.memberProfile,.memberInfoCard{background:#fff;border:1px solid #e4e4e7;padding:32px}.memberKicker{color:#654cff;letter-spacing:.2em;margin:0;font-size:10px;font-weight:800}.memberProfile h2,.memberStore h2{letter-spacing:-.04em;margin:12px 0 0;font-size:28px;font-weight:900}.memberNameForm{border-top:1px solid #f0f0f2;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-top:25px;padding:15px 0;display:grid}.memberNameForm label{color:#71717a;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;font-size:14px;display:grid}.memberNameForm input{color:#17181d;background:#fff;border:1px solid #d4d4d8;width:100%;min-width:0;padding:10px 12px;font-size:14px;font-weight:700}.memberNameForm input:focus{outline-offset:1px;border-color:#654cff;outline:2px solid #eae6ff}.memberNameForm button{color:#fff;cursor:pointer;background:#654cff;border:1px solid #654cff;padding:0 16px;font-size:12px;font-weight:800}.memberNameForm button:disabled{opacity:.6;cursor:wait}.memberNameForm small,.memberNameForm b{grid-column:1/-1;font-size:12px;line-height:1.5}.memberNameForm small{color:#71717a}.memberNameForm b{font-weight:700}.memberNameForm b.success{color:#178248}.memberNameForm b.error{color:#c02424}.memberProfile dl{margin:25px 0 0}.memberProfile dl div{border-top:1px solid #f0f0f2;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;font-size:14px;display:flex}.memberProfile dt{color:#71717a}.memberProfile dd{overflow-wrap:anywhere;text-align:right;max-width:72%;margin:0;font-weight:700}.memberNote{color:#71717a;margin:18px 0 0;font-size:13px;line-height:1.8}.memberStore{color:#fff;background:linear-gradient(135deg,#181923 0%,#302567 100%);padding:32px}.memberStore .memberKicker{color:#ff9a3d}.memberStoreTiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px;display:grid}.memberStoreTile{color:#fff;text-align:left;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff30;min-height:152px;padding:20px;transition:all .18s}.memberStoreTile:hover{background:#ffffff1c;border-color:#ffffff94;transform:translateY(-2px)}.memberStoreTile span,.memberStoreTile small{display:block}.memberStoreTile span{color:#e4e4e7;font-size:13px}.memberStoreTile b{margin-top:12px;font-size:36px;line-height:1;display:block}.memberStoreTile small{color:#ffb15d;margin-top:15px;font-size:12px}.memberStoreButton{color:#fff;background:0 0;border-color:#ffffff59;width:100%;margin-top:16px}.memberStoreButton:hover{background:#ffffff1a;border-color:#fff}.memberCenterBottom{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px;display:grid}.memberInfoCard h2{margin:12px 0 0;font-size:21px;font-weight:800}.memberEmptyOrder{color:#52525b;background:#fafafa;border-left:4px solid #e4e4e7;margin-top:22px;padding:16px;font-size:13px;line-height:1.8}.memberEmptyOrder b{color:#18181b;font-size:15px;display:block}.memberStatusText{color:#52525b;margin:20px 0 0;font-size:13px;line-height:1.9}.memberOrders{gap:10px;margin-top:20px;display:grid}.memberPendingPayments{background:#f7f4ff;border:1px solid #d9d0ff;border-radius:15px;gap:10px;margin-top:18px;padding:16px;display:grid}.memberPendingPayments h3{color:#39288e;margin:0;font-size:15px}.memberPendingPayments>p{color:#686078;margin:0 0 4px;font-size:11px;line-height:1.5}.memberPendingPayments>div{border-top:1px solid #e6dfff;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.memberPendingPayments b,.memberPendingPayments small{display:block}.memberPendingPayments b{font-size:12px}.memberPendingPayments small{color:#746c83;margin-top:3px;font-size:11px}.memberPendingPayments button{color:#fff;cursor:pointer;background:#6048e8;border:0;border-radius:10px;flex:none;min-height:38px;padding:0 14px;font-size:12px;font-weight:800}.memberPendingPayments button:disabled{opacity:.55;cursor:wait}.memberOrders article{border:1px solid #e4e4e7;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;padding:14px;font-size:12px;display:grid}.memberOrders b,.memberOrders small{display:block}.memberOrders b{font-size:13px}.memberOrders small,.memberOrders p{color:#71717a;margin:5px 0 0}.memberOrders span,.memberOrders em{color:#5136e8;align-self:center;font-style:normal;font-weight:800}.memberOrders button{color:#5136e8;cursor:pointer;background:#fff;border:1px solid #654cff;padding:7px 10px;font-weight:800}.memberOrderMessage{color:#5136e8;font-size:12px;line-height:1.6}.memberOrderDetail .memberOrderPayment{color:#52525b;margin:10px 0 4px;font-size:12px}.memberRequestForm{background:#f7f5ff;border:1px solid #d9d3ff;grid-column:1/-1;gap:9px;margin-top:8px;padding:14px;display:grid}.memberRequestForm label{font-weight:800}.memberRequestForm textarea{resize:vertical;width:100%;min-height:90px;font:inherit;background:#fff;border:1px solid #bdb4f4;padding:10px}.memberRequestForm small{text-align:right}.memberRequestForm p{color:#b91c1c}.memberRequestForm>div{justify-content:flex-end;gap:8px;display:flex}.memberRequestForm button:disabled{opacity:.55;cursor:not-allowed}@media (max-width:800px){.memberCenter{width:min(100% - 28px,620px);padding:36px 0 64px}.memberCenterHeader{flex-direction:column;align-items:flex-start;gap:18px;padding-bottom:22px}.memberCenterActions{width:100%}.memberButton{flex:150px}.memberCenterTop,.memberCenterBottom{grid-template-columns:1fr;gap:14px;margin-top:18px}.memberCenterBottom{margin-top:14px}.memberProfile,.memberInfoCard,.memberStore{padding:24px}.memberNameForm{margin-top:20px}}@media (max-width:420px){.memberCenter{width:min(100% - 24px,480px)}.memberCenterIntro h1{font-size:30px}.memberCenterActions,.memberStoreTiles{grid-template-columns:1fr}.memberCenterActions{display:grid}.memberButton{width:100%}.memberStoreTile{min-height:118px}.memberProfile dl div{flex-direction:column;align-items:flex-start;gap:5px}.memberProfile dd{text-align:left;max-width:100%}.memberNameForm{grid-template-columns:1fr}.memberNameForm label{grid-template-columns:1fr;gap:7px}.memberNameForm button{min-height:44px}}.memberPoints{color:#fff;background:linear-gradient(120deg,#171327,#44318e);grid-template-columns:1fr auto auto;align-items:center;gap:28px;margin-top:24px;padding:25px 30px;display:grid}.memberPoints h2{margin:7px 0;font-size:24px}.memberPoints span{color:#d7d1ff;font-size:11px}.memberPoints strong{text-align:right;font-size:38px;line-height:1}.memberPoints strong small{color:#c9c3ff;margin-top:6px;font-size:11px;display:block}.memberPoints em{border:1px solid #8778e8;padding:11px 14px;font-size:12px;font-style:normal}.memberOrderDetail{color:#555;border-top:1px solid #eee;grid-column:1/-1;padding-top:10px}.memberOrderDetail summary{cursor:pointer;color:#332583;font-weight:800}.memberOrderDetail>div{align-items:center;gap:10px;padding:9px 0;display:flex}.memberOrderDetail img{object-fit:cover;width:38px;height:38px}.memberOrderDetail b,.memberOrderDetail small{display:block}.memberPointHistory{gap:10px;margin-top:20px;display:grid}.memberPointHistory>div{border-bottom:1px solid #eee;justify-content:space-between;gap:10px;padding-bottom:10px;font-size:12px;display:flex}.memberPointHistory b,.memberPointHistory small{display:block}.memberPointHistory small{color:#888;margin-top:4px;font-size:10px}.memberPointHistory .plus{color:#18834b}.memberPointHistory .minus{color:#c63e3e}@media (max-width:680px){.memberPoints{grid-template-columns:1fr;gap:12px;padding:22px}.memberPoints strong{text-align:left}.memberPoints em{width:max-content}.memberOrderDetail{grid-column:1/-1}}