/* 页面基础 */
body {background: #F7F8FA;min-height: 100vh;}
/* 设置列表 */
.setting-list {background: #fff;margin-top: 8px;}
.setting-item {display: flex;align-items: center;justify-content: space-between;padding: 16px 16px;border-bottom: 1px solid #F5F5F5;cursor: pointer;}
.setting-item:last-child {border-bottom: none;}
.item-left {display: flex;align-items: center;gap: 12px;}
.item-title {font-size: 17px;color: #1D1E25;font-weight: 500;}
.item-value {font-size: 16px;color: #333;text-align: right;margin-left: auto;}
.arrow {width: 20px;height: 20px;opacity: 0.6;margin-left: 8px;}
.arrow svg {width: 100%;height: 100%;fill: #999;}
.avatar-icon {width: 40px;height: 40px;border-radius: 50%;background: #E5E5E5;display: flex;align-items: center;justify-content: center;}
.avatar-icon svg {width: 24px;height: 24px;fill: #BDBDBD;}
/* 退出登录按钮 */
.logout-btn {width: calc(100% - 32px);height: 56px;margin: 40px 16px 0;font-size: 18px;}
/* 底部版权 */
.footer {text-align: center;padding: 60px 0 40px;color: #999;font-size: 14px;}
.agreement {color: #FFC107;font-size: 16px;text-decoration: underline;margin-bottom: 8px;cursor: pointer;}
.copyright {margin: 8px 0;font-size: 15px;}
/* 用户名输入框美化 - 完全贴合你的页面 */

/* ======================
   你要的输入框样式（已适配 class="input-item-value"）
   占满右侧宽度 + 左对齐
======================= */
.input-item-value {
    font-size: 16px;
    color: #333;
    background: transparent;
    border: none;
    outline: none;
    text-align: left; /* 文字左移 */
    margin-left: auto;
    width: 100%; /* 占满右边所有宽度 */
    max-width: calc(100% - 60px); /* 不挤压箭头 */
}

/* 输入时高亮 */
.input-item-value:focus {
    color: #1677ff;
}