/* Web member center layout (desktop) � shares API with mobile H5 */
.member-web{display:flex;min-height:100vh;background:var(--bg)}
.member-sidebar{width:240px;flex-shrink:0;background:linear-gradient(180deg,var(--ink) 0%,#221030 55%,var(--ink-2) 100%);
  color:#E8D5ED;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.member-sidebar .sb-brand{padding:22px 20px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.member-sidebar .sb-nav{flex:1;overflow-y:auto;padding:12px}
.member-sidebar .sb-item{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:10px;
  font-size:14px;color:#C9B0D4;margin-bottom:3px;transition:var(--tr)}
.member-sidebar .sb-item:hover{background:rgba(255,255,255,.08);color:#fff}
.member-sidebar .sb-item.active{background:linear-gradient(90deg,rgba(102,8,116,.85),rgba(47,158,111,.55));color:#fff;font-weight:600}
.member-sidebar .sb-foot{padding:16px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#9A7AA8}
.member-main{flex:1;min-width:0;display:flex;flex-direction:column}
.member-topbar{height:58px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);
  display:flex;align-items:center;gap:16px;padding:0 28px;position:sticky;top:0;z-index:30}
.member-content{padding:28px 32px 48px;max-width:1180px;width:100%}
.member-content .grid.g-4{grid-template-columns:repeat(4,1fr)}
.member-sync{font-size:12px;color:var(--green-700);display:flex;align-items:center;gap:6px}
.member-sync::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}
.parkmap{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
.plot{aspect-ratio:1/1;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-size:12px;font-weight:600;cursor:pointer;border:1.5px solid transparent;transition:var(--tr);line-height:1.15;color:#fff}
.plot small{font-size:10px;font-weight:500;opacity:.9}
.plot.mine{background:var(--brand-grad);border-color:var(--tsinghua-700)}
.plot.free{background:var(--green-50);color:var(--green-700);border:1.5px dashed var(--green)}
.plot.free:hover{background:var(--tsinghua-50);border-color:var(--tsinghua);box-shadow:0 0 0 3px rgba(102,8,116,.12)}
.plot.taken{background:#E6EAE5;color:var(--text-faint);cursor:not-allowed}
.plot.fix{background:var(--amber-50);color:var(--amber-600);border:1.5px dashed var(--amber)}
.zone-band{grid-column:1/-1;font-size:12px;font-weight:600;color:var(--text-muted);padding:8px 2px 2px}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.quick-grid a{text-decoration:none;padding:18px 12px;border-radius:14px;background:#fff;border:1px solid var(--border);
  text-align:center;transition:var(--tr)}
.quick-grid a:hover{border-color:var(--tsinghua);box-shadow:var(--shadow-md);transform:translateY(-2px)}
.quick-grid .ic{font-size:28px;margin-bottom:6px}
.ai-chat-box{min-height:420px;max-height:560px;overflow-y:auto;padding:16px;background:var(--bg-warm);border-radius:14px;border:1px solid var(--border-soft)}
.ai-input-row{display:flex;gap:10px;margin-top:14px}
.ai-input-row input{flex:1;padding:12px 16px;border:1px solid var(--border);border-radius:12px;font-size:14px;outline:none}
.ai-input-row input:focus{border-color:var(--tsinghua);box-shadow:0 0 0 3px rgba(102,8,116,.1)}
.community-compose-preview{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.community-compose-preview[hidden]{display:none!important}
.community-compose-thumb{position:relative;width:76px;height:76px;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--bg-warm)}
.community-compose-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.community-compose-thumb .rm{position:absolute;top:4px;right:4px;width:22px;height:22px;border:0;border-radius:50%;background:rgba(34,16,48,.72);color:#fff;font-size:14px;line-height:22px;cursor:pointer;padding:0}
.community-post-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.community-post-images a{display:block;max-width:100%}
.community-post-images img{max-width:min(100%,280px);max-height:220px;border-radius:12px;object-fit:cover;display:block;border:1px solid var(--border-soft)}
.community-compose-sheet{position:fixed;inset:0;z-index:80;background:rgba(34,16,48,.45);display:flex;align-items:flex-end;justify-content:center}
.community-compose-sheet .sheet{width:100%;max-width:420px;background:#fff;border-radius:18px 18px 0 0;padding:16px 16px 22px;box-shadow:0 -8px 28px rgba(34,16,48,.18)}
@media(max-width:900px){
  .member-web{flex-direction:column}
  .member-sidebar{width:100%;height:auto;position:relative}
  .member-sidebar .sb-nav{display:flex;flex-wrap:wrap;padding:8px 12px 12px}
  .member-sidebar .sb-item{padding:8px 12px;font-size:13px}
  .parkmap{grid-template-columns:repeat(4,1fr)}
  .quick-grid{grid-template-columns:repeat(2,1fr)}
  .member-content .grid.g-4{grid-template-columns:repeat(2,1fr)}
}