.account-page{min-height:100vh;background:#f5f5f7;color:#30303b;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft Yahei",sans-serif;letter-spacing:normal;padding-bottom:calc(82px + env(safe-area-inset-bottom))}
.account-page [hidden]{display:none!important}
.account-nav{position:sticky;top:0;z-index:5;height:57px;padding:0 11px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;background:#fff;border-bottom:1px solid #eeeaf1}
.account-nav h1{margin:0;text-align:center;color:#7030a0;font-weight:500;font-size:18px;line-height:1.3;overflow-wrap:anywhere}
.account-nav__back{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#7030a0;border-radius:8px;text-decoration:none}
.account-main{width:100%;max-width:740px;margin:0 auto;padding:18px 14px 25px;box-sizing:border-box}
.account-list{overflow:hidden;background:#fff;border-radius:12px;box-shadow:0 1px 6px #38164e03}
.account-row{box-sizing:border-box;min-height:58px;width:100%;padding:15px 17px;display:flex;align-items:center;gap:13px;background:#fff;color:#494252;font-size:15px;line-height:1.5;text-decoration:none;border:0;border-bottom:1px solid #f1eef4;text-align:left}
.account-row:last-child{border-bottom:0}
.account-row__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 23px;width:23px;color:#8c5cac;font-size:18px}
.account-row__label{flex:1;min-width:0;overflow-wrap:anywhere}
.account-row>svg{flex-shrink:0;color:#beb6c6}
.account-row__value{color:#9a91a4;text-align:right;max-width:65%;overflow-wrap:anywhere;font-size:14px}
.account-row--readonly{color:#77707e}
.account-row--readonly .account-row__value{color:#aaa2b2}
.account-language{cursor:pointer;font-family:inherit}
.account-language.is-selected{color:#7030a0}
.account-language__check{display:flex;align-items:center;color:#7030a0;visibility:hidden}
.account-language.is-selected .account-language__check{visibility:visible}
.account-logout{width:100%;min-height:49px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:23px;padding:12px 20px;border:0;border-radius:11px;background:#fff;color:#9461b3;font:inherit;font-size:15px;cursor:pointer}
.account-button{box-sizing:border-box;min-height:45px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 24px;border:0;border-radius:23px;background:#7030a0;color:#fff;text-decoration:none;font-family:inherit;font-size:14px;line-height:1.4;font-weight:500;cursor:pointer}
.account-button--wide{display:flex;width:100%;margin-top:23px}
.account-button:disabled,.account-logout:disabled{opacity:.55;cursor:wait}
.account-form{margin:0}
.account-form__field{display:flex;align-items:center;gap:17px;min-height:64px;padding:13px 17px;border-radius:11px;background:#fff;box-sizing:border-box}
.account-form__field label{color:#6e6479;font-size:14px;flex-shrink:0}
.account-form__field input,.account-form__field select{flex:1;min-width:0;width:100%;min-height:38px;padding:6px 0;border:0;border-radius:0;background:transparent;color:#4c4258;box-shadow:none;font-family:inherit;font-size:15px;line-height:1.5}
.account-form__field select{padding-right:8px}
.account-form__field input:focus,.account-form__field select:focus{outline:0;border-bottom:1px solid #ba96d0}
.account-feedback{box-sizing:border-box;padding:11px 13px;margin:0 0 14px;border-radius:9px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.account-feedback--error{color:#af4364;background:#fff0f4}
.account-feedback--status{color:#577d68;background:#eaf5ef}
.account-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;min-height:300px;text-align:center;color:#a398ad;font-size:14px;line-height:1.6}
.account-empty p{margin:0}
.account-empty__icon{display:flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:50%;background:#eee6f4;color:#a17bb8}
.account-loading{color:#a49aae;text-align:center;font-size:13px;line-height:1.6;margin:35px 0}
.account-support{display:flex;flex-direction:column;gap:14px}
.account-messages{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;min-height:240px;height:min(49vh,470px);padding:15px 12px;overflow-y:auto;overscroll-behavior:contain;border-radius:12px;background:#ede9f1;scrollbar-width:thin;scrollbar-color:#c5aed5 transparent}
.account-message{align-self:flex-start;max-width:86%;padding:10px 13px;background:#fff;border-radius:12px 12px 12px 3px;color:#55465f;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.account-message--admin{align-self:flex-start;background:#fff;border-radius:12px 12px 12px 3px}
.account-message--member{align-self:flex-end;background:#9861b9;color:#fff;border-radius:12px 12px 3px 12px}
.account-message__body{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.account-message__time{display:block;margin-top:5px;color:#a99ab4;font-size:10px;line-height:1.5}
.account-message--member .account-message__time{color:#e8d8f2}
.account-compose{display:flex;flex-direction:column;gap:10px;margin:0}
.account-compose textarea{box-sizing:border-box;width:100%;min-height:83px;max-height:210px;padding:12px 14px;border:1px solid #e6ddeb;border-radius:12px;resize:vertical;background:#fff;color:#53435f;font-family:inherit;font-size:14px;line-height:1.6;box-shadow:none}
.account-compose textarea:focus{outline:2px solid #c29ed8;outline-offset:1px}
.account-compose textarea::placeholder{color:#b1a7ba}
.account-compose__send{align-self:flex-end;min-width:112px}
.account-notices{display:flex;flex-direction:column;gap:13px}
.account-notice{padding:17px 16px;background:#fff;border:1px solid #ebe2f0;border-radius:12px;overflow-wrap:anywhere}
.account-notice.is-read{border-color:#f0eaf4}
.account-notice__title{margin:0;color:#70418d;font-size:16px;line-height:1.5;font-weight:600}
.account-notice.is-read .account-notice__title{color:#8f819b}
.account-notice__body{margin:11px 0 0;color:#70617b;font-size:14px;line-height:1.8;white-space:pre-wrap}
.account-notice__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:13px;color:#aa9db5;font-size:11px;line-height:1.6}
.account-notice__read{border:1px solid #c9addb;border-radius:16px;padding:5px 11px;background:transparent;color:#9663b4;font:inherit;font-size:11px;cursor:pointer}
.account-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.account-nav__back:focus-visible,.account-row:focus-visible,.account-button:focus-visible,.account-logout:focus-visible,.account-notice__read:focus-visible{outline:3px solid #c49edb;outline-offset:2px}
@media(min-width:760px){.account-nav{padding-left:max(14px,calc((100% - 740px)/2));padding-right:max(14px,calc((100% - 740px)/2))}.account-main{padding-top:25px}.account-list{border-radius:14px}.account-row{min-height:64px}.account-empty{min-height:380px}}
@media(max-width:350px){.account-main{padding-left:10px;padding-right:10px}.account-row{gap:9px;padding-left:13px;padding-right:13px}.account-row__value{max-width:60%;font-size:13px}.account-nav h1{font-size:17px}}

.account-page:is([data-account-page="settings"],[data-account-page="language"],[data-account-page="profile"],[data-account-page="name"],[data-account-page="gender"]){padding-bottom:calc(17.333vw + env(safe-area-inset-bottom))}
.account-page:is([data-account-page="settings"],[data-account-page="language"],[data-account-page="profile"],[data-account-page="name"],[data-account-page="gender"]) .account-nav{height:13.333vw;padding:0 4.267vw;grid-template-columns:8vw minmax(0,1fr) 8vw;background:transparent;border-bottom:.267vw solid #f0f0f2}
.account-page:is([data-account-page="settings"],[data-account-page="language"],[data-account-page="profile"],[data-account-page="name"],[data-account-page="gender"]) .account-nav h1{font-size:4.667vw;font-weight:500;color:#000;line-height:1.3}
.account-page:is([data-account-page="settings"],[data-account-page="language"],[data-account-page="profile"],[data-account-page="name"],[data-account-page="gender"]) .account-nav__back{width:5.333vw;height:100%;color:#000;border-radius:0}
.account-page:is([data-account-page="settings"],[data-account-page="language"],[data-account-page="profile"],[data-account-page="name"],[data-account-page="gender"]) .account-nav__back>svg{width:5.333vw;height:5.333vw}
.account-page:is([data-account-page="settings"],[data-account-page="language"],[data-account-page="profile"],[data-account-page="name"],[data-account-page="gender"]) .account-main{width:100%;max-width:none;margin:0;padding:0 0 6.667vw}
.account-page:is([data-account-page="settings"],[data-account-page="language"],[data-account-page="profile"]) .account-list{border-radius:0;box-shadow:none}
.account-page:is([data-account-page="settings"],[data-account-page="language"],[data-account-page="profile"]) .account-row{gap:0;border-bottom-color:#f0f0f2;font-size:4.267vw;line-height:1.5}
.account-page:is([data-account-page="settings"],[data-account-page="profile"]) .account-row>svg{width:4vw;height:4vw;color:#c8c8d0}
.account-page[data-account-page="settings"] .account-nav{background:#fff}
.account-page[data-account-page="settings"] .account-nav h1{font-size:4.8vw;font-weight:600;color:#333}
.account-page[data-account-page="settings"] .account-nav__back{color:#333}
.account-page[data-account-page="settings"] .account-list{margin-top:2.667vw;padding:0 4vw;background:#fff}
.account-page[data-account-page="settings"] .account-row{height:14.667vw;min-height:0;padding:0;color:#2b2b3a}
.account-page[data-account-page="settings"] .account-row__icon{flex:0 0 6.4vw;width:6.4vw;height:6.4vw;margin-right:3.467vw;font-size:6.4vw;color:#7030a0}
.account-page[data-account-page="settings"] .account-row__icon>svg{width:100%;height:100%}
.account-page[data-account-page="settings"] .account-row__icon>img{display:block;width:100%;height:100%;object-fit:contain}
.account-page[data-account-page="settings"] .account-logout{width:calc(100% - 8vw);min-height:0;margin:8vw 4vw;padding:4vw 0;gap:2.4vw;background:#7030a0;color:#fff;border-radius:8vw;font-size:4.533vw;font-weight:600;line-height:1.5}
.account-page[data-account-page="settings"] .account-logout>svg{width:4.8vw;height:4.8vw}
.account-page[data-account-page="settings"] .account-button--wide,.account-page[data-account-page="gender"] .account-button--wide{width:calc(100% - 8vw);min-height:0;margin:5.333vw 4vw 0;padding:4vw 0;border-radius:8vw;font-size:4.533vw;line-height:1.5}
.account-page[data-account-page="language"] .account-nav{background:linear-gradient(180deg,#7a34ad,#6a2c9c);border-bottom:0}
.account-page[data-account-page="language"] .account-nav h1,.account-page[data-account-page="language"] .account-nav__back{color:#fff}
.account-page[data-account-page="language"] .account-list{padding:3.333vw;background:#fff}
.account-page[data-account-page="language"] .account-row{height:auto;min-height:0;padding:2.667vw 0;color:#000;font-size:4vw;border-bottom-width:.4vw}
.account-page[data-account-page="language"] .account-language__flag{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:5.333vw;line-height:1;margin-right:2.667vw}
.account-page[data-account-page="language"] .account-language__check>svg{width:5.6vw;height:5.6vw}
.account-page[data-account-page="profile"] .account-list{background:transparent}
.account-page[data-account-page="profile"] .account-row{height:auto;min-height:14.667vw;margin-top:1.333vw;padding:4vw 5.333vw;border:0;color:#2b2b3a;font-size:4vw}
.account-page[data-account-page="profile"] .account-row__value{font-size:4vw;font-weight:700;color:#979799;margin-right:2.133vw}
.account-page[data-account-page="name"] .account-form__field{min-height:0;padding:2.667vw 4.267vw;gap:4.533vw;border-radius:0}
.account-page[data-account-page="name"] .account-form__field label{font-size:4.667vw;line-height:10.667vw;color:#323233}
.account-page[data-account-page="name"] .account-form__field input{min-height:0;height:10.667vw;padding:0;font-size:4.667vw;line-height:10.667vw;color:#323233}
.account-page[data-account-page="name"] .account-form>.account-button--wide{position:fixed;top:0;right:4.267vw;z-index:6;width:auto;height:13.333vw;min-height:0;margin:0;padding:0;border-radius:0;background:transparent;color:#000;font-size:4vw;font-weight:400}
.account-page[data-account-page="gender"] .account-gender-options{min-width:0;margin:0;padding:0 5.333vw;border:0;background:#fff}
.account-page[data-account-page="gender"] .account-gender-option{display:flex;align-items:center;padding:4vw 0;border-bottom:.4vw solid #ebedf0;color:#323233;font-size:4.667vw;line-height:6.667vw;cursor:pointer}
.account-page[data-account-page="gender"] .account-gender-option:last-child{border-bottom:0}
.account-page[data-account-page="gender"] .account-gender-option>span{margin-left:4vw}
.account-page[data-account-page="gender"] .account-gender-option>input{appearance:none;box-sizing:border-box;display:grid;place-content:center;flex:0 0 4vw;width:4vw;height:4vw;margin:0;padding:0;border:.267vw solid #c8c9cc;border-radius:50%;background:#fff;cursor:pointer}
.account-page[data-account-page="gender"] .account-gender-option>input:checked{background:#7e5678;border-color:#7e5678}
.account-page[data-account-page="gender"] .account-gender-option>input:checked:after{content:"";width:1.067vw;height:1.867vw;margin-top:-.533vw;border:solid #fff;border-width:0 .4vw .4vw 0;transform:rotate(45deg)}
.account-page[data-account-page="gender"] .account-gender-option>input:focus-visible{outline:.533vw solid #c49edb;outline-offset:.8vw}
.account-page[data-account-page="gender"] .account-gender-option>input:disabled{opacity:.55;cursor:wait}