/* Account pages reuse the existing site palette and background. */
.member-page { min-height:100vh; }
.member-page *, .member-page *::before, .member-page *::after { box-sizing:border-box; }
.member-breadcrumb { display:flex; gap:12px; margin:22px auto; color:var(--site-ink-soft); font-size:14px; }
.member-page #member { width:min(1280px,calc(100% - 32px)); margin:0 auto 44px; display:grid; grid-template-columns:230px minmax(0,1fr); gap:24px; align-items:start; }
.member-page #member::after { display:none; }
.member-sidebar, .member-page #right, .member-auth-card, .member-auth-aside { border:1px solid var(--site-line); border-radius:var(--site-radius); background:var(--site-panel); box-shadow:var(--site-shadow-soft); }
.member-page #left { float:none; width:auto; min-height:0; overflow:hidden; padding:22px 14px; }
.member-identity { display:flex; flex-direction:column; align-items:center; gap:8px; padding:8px 6px 22px; text-align:center; overflow-wrap:anywhere; }
.member-identity img { width:76px; height:76px; object-fit:cover; border-radius:50%; border:4px solid white; box-shadow:var(--site-shadow-soft); }
.member-identity strong { font-size:18px; }
.member-identity span { color:var(--site-ink-soft); font-size:13px; }
.member-sidebar nav { display:grid; gap:5px; }
.member-sidebar nav a, .member-logout { display:block; padding:11px 16px; border-radius:14px; color:var(--site-ink-soft); line-height:1.5; }
.member-sidebar nav a:hover, .member-sidebar nav a.is-active { color:var(--site-ink); background:linear-gradient(110deg,rgba(255,142,188,.2),rgba(141,220,255,.2)); }
.member-logout { border-top:1px solid var(--site-line); margin-top:18px; text-align:center; }
.member-page #right { float:none; width:auto; min-width:0; padding:30px; overflow-x:auto; }
.member-page #right h2 { font-size:25px; line-height:1.4; padding-bottom:18px; margin-bottom:20px; border-bottom:1px solid var(--site-line); }
.member-eyebrow { font-size:12px; font-weight:700; letter-spacing:.1em; color:var(--site-ink-soft); margin-bottom:10px; }
.member-page p { line-height:1.8; }
.member-muted, .member-page .hui, .member-page .tishi { color:var(--site-ink-soft); font-size:13px; }
.member-page .member-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:24px 0; }
.member-stat { background:linear-gradient(135deg,rgba(255,142,188,.13),rgba(141,220,255,.16)); border:1px solid var(--site-line); border-radius:20px; padding:20px; }
.member-stat span { display:block; font-size:13px; color:var(--site-ink-soft); margin-bottom:8px; }
.member-stat strong { font-size:22px; overflow-wrap:anywhere; }
.member-actions, .member-page .gong { display:flex; flex-wrap:wrap; gap:10px; margin:20px 0; }
.member-button, .member-page input[type=button], .member-page input[type=submit], .member-page button:not(.site-action), .member-page .grade { border:0; border-radius:14px; padding:12px 22px; background:linear-gradient(110deg,var(--site-pink),var(--site-blue)); color:var(--site-ink); font:inherit; font-weight:700; cursor:pointer; min-height:44px; box-shadow:var(--site-shadow-soft); }
.member-button--soft, .member-page .gong a { background:white; border:1px solid var(--site-line); border-radius:14px; padding:10px 16px; color:var(--site-ink-soft); }
.member-page button:disabled, .member-page input:disabled { opacity:.55; cursor:wait; }
.member-page :focus-visible { outline:3px solid var(--site-blue-strong); outline-offset:3px; }
.member-form { display:grid; gap:18px; max-width:650px; }
.member-field { display:flex; flex-direction:column; gap:8px; min-width:0; }
.member-field > label { font-size:14px; font-weight:700; }
.member-field input, .member-field select, .member-page .member-input, .member-page .jifen-input, .member-page select, .member-page .page-input { border:1px solid var(--site-line); background:rgba(255,255,255,.94); border-radius:13px; padding:12px 14px; color:var(--site-ink); font:inherit; min-height:44px; max-width:100%; }
.member-field input:focus { border-color:var(--site-blue-strong); }
.member-field-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; }
.member-field-row img { max-width:135px; height:44px; border-radius:10px; cursor:pointer; }
.member-form-message { display:none; padding:12px 16px; border-radius:12px; background:rgba(255,142,188,.18); line-height:1.7; overflow-wrap:anywhere; }
.member-form-message.is-visible { display:block; }
.member-form-message.is-success { background:rgba(141,220,255,.22); }
.member-auth { width:min(1080px,calc(100% - 32px)); margin:36px auto 55px; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); gap:26px; align-items:start; }
.member-auth-card { padding:36px; }
.member-auth-card h1 { font-size:30px; margin:0 0 12px; }
.member-auth-card > p { margin-bottom:26px; color:var(--site-ink-soft); }
.member-auth-aside { padding:32px; background:linear-gradient(145deg,rgba(255,240,247,.93),rgba(237,248,255,.92)); }
.member-auth-aside img { width:90px; margin-bottom:20px; }
.member-auth-aside h2 { font-size:23px; margin-bottom:14px; }
.member-auth-aside p { color:var(--site-ink-soft); margin-bottom:18px; }
.member-auth-links { display:flex; gap:16px; flex-wrap:wrap; margin-top:20px; font-size:14px; }
.member-separator { height:1px; background:var(--site-line); margin:22px 0; }
.member-details { display:grid; grid-template-columns:160px minmax(0,1fr); gap:14px; margin:25px 0; font-size:14px; }
.member-details dt { color:var(--site-ink-soft); }
.member-details dd { overflow-wrap:anywhere; }
.member-page #tab .list ul { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:20px; }
.member-page #tab .list li { border-radius:12px; padding:8px 14px; background:rgba(141,220,255,.15); }
.member-page .line40 { padding:20px 0; border-bottom:1px solid var(--site-line); line-height:2.3; }
.member-page .xiang { display:inline-block; min-width:140px; color:var(--site-ink-soft); }
.member-page .table { border-collapse:collapse; width:100%; min-width:520px; font-size:14px; }
.member-page .table td, .member-page .table th { background:transparent; padding:14px 12px; border-bottom:1px solid var(--site-line); line-height:1.6; }
.member-page .table tr:first-child td { background:rgba(141,220,255,.14); font-weight:700; }
.member-page .table tr:hover { background:rgba(255,142,188,.07); }
.member-page .member-page { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:20px; min-height:0; }
.member-page .page_link { border:1px solid var(--site-line); padding:7px 12px; border-radius:11px; background:white; }
.member-page .page_current { background:linear-gradient(110deg,var(--site-pink),var(--site-blue)); }
.member-page .page-input { width:70px; }
.member-empty { padding:28px; text-align:center; color:var(--site-ink-soft); border:1px dashed var(--site-line); border-radius:18px; }
.member-page .shengji { display:flex; gap:14px; flex-wrap:wrap; }
.member-page .grade { width:auto!important; min-width:180px; margin:0!important; color:var(--site-ink)!important; padding:14px; }
.member-page .you, .member-page .wu, .member-page .quanxian { display:inline-block; padding:4px 12px; margin:4px; border-radius:9px; }
.member-page .you { background:rgba(141,220,255,.25); }
.member-page .wu { background:#edf0f5; color:var(--site-ink-soft); }
.member-page #listCon > .cur > p { margin:12px 0; }
.member-mini { padding:22px; color:var(--site-ink); }
.mac_pop { box-sizing:border-box; max-width:calc(100vw - 28px); max-height:calc(100vh - 32px); height:auto!important; bottom:auto; top:50%; transform:translateY(-50%); overflow-y:auto; border:1px solid var(--site-line); border-radius:26px; background:var(--site-panel); box-shadow:var(--site-shadow-soft); color:var(--site-ink); }
.mac_pop .pop_top { border-color:var(--site-line); }
.mac_pop .mac_login.member-mini { width:100%; height:auto; padding:20px 0 0; background:transparent; }
.mac_pop .mac_login .mac_login_form input.login_form_submit, .mac_pop .mac_login .mac_login_form input.login_form_submit:hover { border:0; background:linear-gradient(110deg,var(--site-pink),var(--site-blue)); color:var(--site-ink); border-radius:14px; cursor:pointer; min-height:44px; font-weight:700; }
.member-mini input { width:100%; border:1px solid var(--site-line); border-radius:12px; padding:12px; margin:8px 0; }
.member-mini .mac_verify_img { width:130px; cursor:pointer; }
@media(max-width:900px) { .member-page #member { grid-template-columns:1fr; } .member-sidebar nav { grid-template-columns:repeat(3,minmax(0,1fr)); } .member-identity { flex-direction:row; justify-content:center; flex-wrap:wrap; padding:0 0 15px; } .member-identity img { width:44px; height:44px; } .member-auth { grid-template-columns:1fr; max-width:650px; } }
@media(max-width:560px) { .member-auth-card,.member-auth-aside,.member-page #right { padding:22px; border-radius:22px; } .member-auth-card h1 { font-size:26px; } .member-page .member-stats { grid-template-columns:1fr; } .member-sidebar nav { grid-template-columns:repeat(2,minmax(0,1fr)); } .member-sidebar nav a { padding:10px; } .member-details { grid-template-columns:100px minmax(0,1fr); } .member-page .xiang { min-width:0; display:block; } }