/* 会员页面（登录 / 注册 / 个人中心）——颜色沿用 play.css 里的 --pc-* 变量，随首页模板自动换色 */
.user-page{--pc-card:#fff;--pc-line:#e3ecfa;--pc-text:#14294d;--pc-muted:#8494b0;--pc-accent:#2f73f6;--pc-accent2:#5b9bff;--pc-on:#fff;--pc-shadow:0 6px 18px #3464a114;--pc-chip:#fff}
body.tpl-dark .user-page{--pc-card:rgba(255,255,255,.06);--pc-line:rgba(120,160,255,.24);--pc-text:#eaf1ff;--pc-muted:#8ea3cf;--pc-accent:#1fb4ff;--pc-accent2:#4f7bff;--pc-on:#04122a;--pc-shadow:0 8px 22px #0006;--pc-chip:rgba(255,255,255,.06)}
body.tpl-gold .user-page{--pc-card:#111114;--pc-line:rgba(231,191,115,.34);--pc-text:#fbe9b9;--pc-muted:#a8977a;--pc-accent:#e7bf73;--pc-accent2:#f6dc9d;--pc-on:#2a1d05;--pc-shadow:0 8px 22px #000a;--pc-chip:#111114}
body.tpl-aurora .user-page{--pc-card:rgba(255,255,255,.58);--pc-line:rgba(255,255,255,.8);--pc-text:#231a52;--pc-muted:#7a72a8;--pc-accent:#7a6bff;--pc-accent2:#4fb4ff;--pc-on:#fff;--pc-shadow:0 8px 24px #6a5ae01c;--pc-chip:rgba(255,255,255,.6)}

.user-page{max-width:560px;margin-top:18px;color:var(--pc-text)}
.u-card{background:var(--pc-card);border:1px solid var(--pc-line);border-radius:20px;box-shadow:var(--pc-shadow);padding:22px 22px 24px;margin:0 0 14px}
.u-auth{margin-top:8px}
.u-auth h1{margin:0 0 4px;font-size:24px;font-weight:800;letter-spacing:.5px}
.u-sub{margin:0 0 18px;color:var(--pc-muted);font-size:13px}
.u-form{display:flex;flex-direction:column;gap:14px}
.u-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--pc-text)}
.u-form input:not([type=checkbox]):not([type=file]){height:44px;border:1px solid var(--pc-line);border-radius:12px;padding:0 14px;background:var(--pc-chip);color:var(--pc-text);font-size:15px;outline:0;font-weight:400;width:100%}
.u-form input::placeholder{color:var(--pc-muted);opacity:.8}
.u-form input:focus{border-color:var(--pc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--pc-accent) 20%,transparent)}
.u-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;border-radius:24px;border:1px solid var(--pc-line);background:var(--pc-chip);color:var(--pc-text);font-size:15px;font-weight:600;cursor:pointer;text-decoration:none}
.u-btn.primary{background:linear-gradient(135deg,var(--pc-accent2),var(--pc-accent));border-color:transparent;color:var(--pc-on);box-shadow:0 6px 16px color-mix(in srgb,var(--pc-accent) 30%,transparent)}
.u-btn.danger{color:#e5484d;border-color:color-mix(in srgb,#e5484d 40%,transparent)}
.u-btn:active{transform:translateY(1px)}
.u-alt{margin:16px 0 0;text-align:center;color:var(--pc-muted);font-size:13px}
.u-alt a{color:var(--pc-accent);font-weight:600}
.u-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.u-flash{padding:11px 14px;border-radius:12px;margin:0 0 14px;font-size:13px;line-height:1.5;background:color-mix(in srgb,#22a559 14%,transparent);color:#1b8a49;border:1px solid color-mix(in srgb,#22a559 35%,transparent)}
.u-flash.error{background:color-mix(in srgb,#e5484d 12%,transparent);color:#d03a3f;border-color:color-mix(in srgb,#e5484d 35%,transparent)}
body.tpl-dark .u-flash,body.tpl-gold .u-flash{color:#7be0a3}body.tpl-dark .u-flash.error,body.tpl-gold .u-flash.error{color:#ff8e92}
.u-empty{text-align:center;padding:14px 0 4px}.u-empty b{font-size:17px}.u-empty p{color:var(--pc-muted);margin:6px 0 16px}

.u-avatar{display:inline-grid;place-items:center;border-radius:50%;overflow:hidden;flex:0 0 auto;width:40px;height:40px;background:linear-gradient(135deg,var(--pc-accent2),var(--pc-accent));color:var(--pc-on);font-weight:700;font-style:normal}
.u-avatar i{font-style:normal;font-size:.45em;font-size:calc(var(--s,40px)*.42)}
.u-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.u-avatar.sm{width:30px;height:30px;--s:30px}.u-avatar.lg{width:72px;height:72px;--s:72px}.u-avatar.xl{width:84px;height:84px;--s:84px;box-shadow:0 0 0 3px var(--pc-card),0 0 0 4px var(--pc-line)}
.user-chip-link{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 5px;border-radius:22px;border:1px solid var(--pc-line,#dce7f8);background:var(--pc-chip,#fff);color:var(--pc-text,#203858);font-size:14px;max-width:160px}
.user-chip-link b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.tpl-dark .user-chip-link{--pc-line:rgba(120,160,255,.24);--pc-chip:rgba(255,255,255,.06);--pc-text:#eaf1ff}
body.tpl-gold .user-chip-link{--pc-line:rgba(231,191,115,.34);--pc-chip:#111114;--pc-text:#fbe9b9}
.user-chip-link .u-avatar{background:linear-gradient(135deg,#5b9bff,#2f73f6);color:#fff}

.u-hero{display:flex;align-items:center;gap:16px}
.u-hero-info{min-width:0}.u-hero h1{margin:0;font-size:21px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.u-id{margin:3px 0 0;color:var(--pc-muted);font-size:12px}.u-bio{margin:8px 0 0;font-size:13px;line-height:1.5;word-break:break-all}
.u-tabs{display:flex;gap:8px;margin:0 0 12px}
.u-tab{height:34px;padding:0 16px;border-radius:18px;border:1px solid var(--pc-line);background:var(--pc-chip);color:var(--pc-muted);font-size:13px;font-weight:600;cursor:pointer}
.u-tab.active{background:color-mix(in srgb,var(--pc-accent) 16%,transparent);color:var(--pc-accent);border-color:color-mix(in srgb,var(--pc-accent) 40%,transparent)}
.u-avatar-edit{display:flex;align-items:center;gap:16px}.u-avatar-edit>div{display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-width:0}
.u-avatar-edit small{color:var(--pc-muted);font-size:12px;line-height:1.4}
.u-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.u-form .u-check{flex-direction:row;align-items:center;gap:6px;font-weight:400;color:var(--pc-muted)}
.u-logout{margin:18px 0 0;text-align:center}.u-logout .u-btn{width:100%}
.user-page [hidden]{display:none!important}
@media(max-width:640px){.user-page{width:calc(100% - 30px);margin-top:12px}.u-card{padding:18px 16px 20px;border-radius:18px}.user-chip-link{max-width:118px;height:36px;padding-right:11px}.top-actions .auth-button{height:34px;min-width:54px;padding:0 12px;font-size:13px}}
[data-ajax-pane]{transition:opacity .15s}[data-ajax-pane].is-loading{opacity:.55;pointer-events:none}

/* v7.10 图片数字验证码 */
.cap-row{display:flex;align-items:center;gap:10px;margin-top:0}
.cap-row input{flex:1;min-width:0}
.cap-img{flex:none;width:132px;height:46px;border-radius:12px;border:1px solid var(--pc-line,#d9e0f0);background:#eef2ff;cursor:pointer;display:block}
@media(max-width:360px){.cap-img{width:112px;height:39px}}