:root{--page-bg:#f3faf6;--cover-a:#0f9f7b;--cover-b:#075c49;--accent:#0d8b6d;--accent-soft:#dff4ec;--surface:#fff;--text:#17362e;--subtle:#6c7e77;--border:#dce9e4}*{box-sizing:border-box}body{margin:0;background:var(--page-bg);color:var(--text);font-family:'Be Vietnam Pro',sans-serif}.member-page{min-height:100vh;background:var(--page-bg);transition:.25s}.theme-ocean{--page-bg:#f0f8fc;--cover-a:#3188b8;--cover-b:#164e73;--accent:#267ca9;--accent-soft:#dcedf7;--text:#173545;--border:#d9e8ef}.theme-sunset{--page-bg:#fff7f1;--cover-a:#f28b57;--cover-b:#b74d55;--accent:#d46749;--accent-soft:#fde7da;--text:#4b2d2b;--border:#f0ded4}.theme-lavender{--page-bg:#f8f5fc;--cover-a:#9374c8;--cover-b:#57417d;--accent:#7555aa;--accent-soft:#ebe3f7;--text:#352b47;--border:#e5ddef}.theme-midnight{--page-bg:#111a25;--cover-a:#233a56;--cover-b:#0b111b;--accent:#74c8b0;--accent-soft:#243c3a;--surface:#182431;--text:#edf6f3;--subtle:#aebfba;--border:#2b3c48}.member-cover{position:relative;display:flex;min-height:270px;padding:50px max(6vw,25px);overflow:hidden;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--cover-a),var(--cover-b));color:#fff}.member-identity{position:relative;z-index:2;display:flex;gap:25px;align-items:center}.member-avatar{display:grid;width:145px;height:145px;overflow:hidden;place-items:center;border:7px solid rgba(255,255,255,.85);border-radius:38% 62% 52% 48%;background:var(--accent-soft);box-shadow:0 20px 38px #09251e44;color:var(--accent);font-size:4.5rem;font-weight:800}.member-avatar img,.mini-avatar img,.comment-avatar img{width:100%;height:100%;object-fit:cover}.member-label{font-size:.66rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.member-cover h1{margin:8px 0 3px;font-size:clamp(2.5rem,5vw,4.8rem);letter-spacing:-3px}.member-cover p{margin:0;color:rgba(255,255,255,.8);font-size:.78rem}.customize-link,.wall-login{position:relative;z-index:2;padding:11px 15px;border-radius:12px;background:rgba(255,255,255,.17);color:#fff;text-decoration:none;font-size:.67rem;font-weight:700;backdrop-filter:blur(8px)}.cover-orb{position:absolute;border-radius:50%;background:rgba(255,255,255,.07)}.orb-one{right:12%;top:-120px;width:300px;height:300px}.orb-two{left:43%;bottom:-140px;width:230px;height:230px}.member-layout{display:grid;max-width:1180px;margin:auto;padding:48px 24px 90px;grid-template-columns:285px 1fr;gap:30px}.member-about,.wall-composer,.wall-post,.wall-empty{border:1px solid var(--border);border-radius:21px;background:var(--surface);box-shadow:0 12px 32px rgba(26,65,53,.065)}.member-about{height:max-content;padding:23px;position:sticky;top:90px}.member-about h2{margin:0 0 13px}.member-about>p{color:var(--subtle);font-size:.7rem;line-height:1.75}.member-about dl{margin:20px 0 0}.member-about dl div{padding:11px 0;border-top:1px solid var(--border)}.member-about dt{color:var(--subtle);font-size:.57rem}.member-about dd{margin:4px 0 0;font-size:.67rem;font-weight:700}.wall-heading{display:flex;margin-bottom:18px;align-items:end;justify-content:space-between}.wall-heading span{color:var(--accent);font-size:.6rem;font-weight:800;text-transform:uppercase}.wall-heading h2{margin:5px 0 0;font-size:1.65rem}.wall-heading b{color:var(--subtle);font-size:.62rem}.wall-composer{padding:17px;margin-bottom:20px}.wall-composer textarea,.post-edit textarea{width:100%;padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--page-bg);color:var(--text);font:500 .74rem 'Be Vietnam Pro';resize:vertical}.wall-composer>div{display:flex;margin-top:10px;align-items:center;justify-content:space-between}.wall-composer small{color:var(--subtle);font-size:.57rem}.wall-composer button,.post-edit button,.comment-composer button{padding:10px 14px;border:0;border-radius:10px;background:var(--accent);color:#fff;font:700 .63rem 'Be Vietnam Pro';cursor:pointer}.wall-login{display:block;margin-bottom:20px;background:var(--accent);text-align:center}.wall-feed{display:grid;gap:16px}.wall-empty{padding:45px;color:var(--subtle);text-align:center;font-size:.72rem}.wall-post{padding:20px}.wall-post>header{display:flex;gap:11px;align-items:center}.mini-avatar{display:grid;width:44px;height:44px;flex:0 0 44px;overflow:hidden;place-items:center;border-radius:14px;background:var(--accent-soft);color:var(--accent);font-weight:800}.wall-post header strong,.wall-comment strong{display:block;font-size:.7rem}.wall-post header small{display:block;margin-top:3px;color:var(--subtle);font-size:.54rem}.post-delete{margin-left:auto}.post-delete button,.wall-comment form button{border:0;background:transparent;color:var(--subtle);cursor:pointer;font-size:1.2rem}.post-content{padding:17px 2px;color:var(--text);font-size:.76rem;line-height:1.8;overflow-wrap:anywhere}.post-edit{padding:10px 0;border-top:1px solid var(--border)}.post-edit summary{color:var(--accent);cursor:pointer;font-size:.6rem;font-weight:700}.post-edit form{display:grid;gap:8px;margin-top:9px}.post-edit button{justify-self:end}.comment-list{padding-top:13px;border-top:1px solid var(--border)}.wall-comment{display:grid;margin:8px 0;padding:10px;border-radius:13px;background:var(--page-bg);grid-template-columns:33px 1fr auto;gap:9px}.comment-avatar{display:grid;width:33px;height:33px;overflow:hidden;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:.65rem;font-weight:800}.wall-comment p{margin:4px 0;color:var(--text);font-size:.64rem;line-height:1.55}.wall-comment time{color:var(--subtle);font-size:.5rem}.comment-composer{display:flex;gap:8px;margin-top:10px}.comment-composer input{min-width:0;flex:1;padding:10px 12px;border:1px solid var(--border);border-radius:99px;background:var(--page-bg);color:var(--text);font:500 .63rem 'Be Vietnam Pro'}.wall-notice{display:grid;gap:3px;margin-bottom:15px;padding:12px 14px;border-radius:12px;font-size:.66rem}.wall-notice.success{background:#e4f6ef;color:#17654f}.wall-notice.error{background:#fff0f1;color:#933e43}@media(max-width:760px){.member-cover{align-items:flex-start;flex-direction:column;gap:20px}.member-identity{align-items:flex-start;flex-direction:column}.member-avatar{width:110px;height:110px;font-size:3.5rem}.member-layout{grid-template-columns:1fr}.member-about{position:static}.wall-heading{align-items:start;flex-direction:column;gap:7px}.wall-composer>div{align-items:flex-start;flex-direction:column;gap:10px}}