[data-v-67f03ff1]{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Microsoft YaHei,sans-serif}.layout[data-v-67f03ff1]{min-height:100vh;display:flex;flex-direction:column;width:100%}.header[data-v-67f03ff1]{padding:16px;background-color:rgba(20,20,20,.7);border-bottom:1px solid #333}.user-avatar[data-v-67f03ff1]{width:32px;height:32px;border-radius:50%;background-color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer}.main-content[data-v-67f03ff1]{flex:1;padding:20px 0;width:100%;margin:0 auto}.container[data-v-67f03ff1]{margin:0 auto;padding:20px}.navigation[data-v-67f03ff1]{display:flex;align-items:center;margin-bottom:40px;padding:10px 0}.nav-link[data-v-67f03ff1]{color:#4183c4;text-decoration:none;font-size:14px}.nav-link.active[data-v-67f03ff1]{color:#fff;pointer-events:none}.separator[data-v-67f03ff1]{margin:0 8px;color:#4183c4}.page-title[data-v-67f03ff1]{font-size:28px;text-align:center;margin-bottom:40px;font-weight:400}.password-form[data-v-67f03ff1]{max-width:486px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.form-title[data-v-67f03ff1]{font-size:16px;margin-bottom:20px;align-self:flex-start}.input-container[data-v-67f03ff1]{position:relative;width:100%;margin-bottom:20px}.password-input[data-v-67f03ff1]{width:100%;padding:12px 40px 12px 16px;background-color:#0f0f0f;border:1px solid #333;border-radius:4px;color:#fff;font-size:16px;outline:none}.password-input[data-v-67f03ff1]::-moz-placeholder{color:#666}.password-input[data-v-67f03ff1]::placeholder{color:#666}.toggle-password[data-v-67f03ff1]{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center}.note[data-v-67f03ff1]{color:#666;font-size:12px;margin-bottom:30px;width:100%;text-align:left}.submit-button[data-v-67f03ff1]{width:100%;padding:14px;background-color:#00cce1;color:#000;border:none;border-radius:24px;font-size:16px;cursor:pointer;font-weight:700;transition:background-color .3s}.submit-button[data-v-67f03ff1]:hover{background-color:#00b0c2}@media(max-width:768px){.header[data-v-67f03ff1]{padding:12px}.navigation[data-v-67f03ff1]{margin-left:12px}.main-content[data-v-67f03ff1]{padding:15px 0}.container[data-v-67f03ff1]{padding:16px}.page-title[data-v-67f03ff1]{font-size:24px;margin-bottom:30px}.password-form[data-v-67f03ff1]{max-width:100%}.submit-button[data-v-67f03ff1]{padding:12px}}@media(max-width:480px){.container[data-v-67f03ff1]{padding:15px}.navigation[data-v-67f03ff1]{margin-bottom:20px}.page-title[data-v-67f03ff1]{font-size:22px;margin-bottom:20px}.form-title[data-v-67f03ff1],.input-container[data-v-67f03ff1]{margin-bottom:15px}.note[data-v-67f03ff1]{margin-bottom:20px}}@media screen and (min-width:768px){.main-content[data-v-67f03ff1]{width:600px}.navigation[data-v-67f03ff1]{margin-left:80px}}