:root{color-scheme:light;font-family:Inter,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;color:#111827;background:radial-gradient(circle at top left,rgba(86,135,255,.08),transparent 22%),radial-gradient(circle at 90% 5%,rgba(215,230,255,.44),transparent 20%),linear-gradient(180deg,#f5f7fb,#f0f2f5);--text-main: #111827;--text-soft: #667085;--text-faint: #98a2b3;--line-soft: rgba(208, 213, 221, .72);--line-strong: rgba(255, 255, 255, .88);--surface: rgba(255, 255, 255, .82);--surface-strong: rgba(255, 255, 255, .96);--surface-muted: rgba(247, 248, 250, .94);--accent: #1877f2;--accent-deep: #0f5ec9;--accent-blue: #1877f2;--accent-gradient: linear-gradient(135deg, #1877f2 0%, #1363d1 100%);--shadow-soft: 0 10px 24px rgba(16, 24, 40, .06);--shadow-strong: 0 24px 60px rgba(16, 24, 40, .12);--radius-panel: 24px;--radius-control: 18px;--radius-pill: 999px}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text-main);background:transparent;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit}.shell{min-height:100vh;padding:24px}.shell-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding:16px 18px;border-radius:28px;background:#ffffffdb;border:1px solid rgba(255,255,255,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-soft);position:sticky;top:12px;z-index:10}.shell-header h1,.panel h2,.panel h3,.panel p{margin-top:0}.shell-nav{display:flex;gap:8px;flex-wrap:wrap;padding:6px;border-radius:var(--radius-pill);background:#1118270a}.nav-link,.button{border:1px solid rgba(208,213,221,.72);background:#fffffff5;color:var(--text-main);border-radius:var(--radius-pill);padding:10px 16px;text-decoration:none;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;box-shadow:0 1px 2px #1018280a;font-weight:600}.nav-link:hover,.button:hover{transform:translateY(-1px);border-color:#1877f247;box-shadow:0 8px 18px #10182814}.nav-link-active,.button-primary{background:var(--accent-gradient);color:#fff;border-color:#1877f22e;box-shadow:0 8px 18px #1877f238}.button-secondary{background:#fffffff5;color:var(--text-main)}.shell-brand{display:grid;gap:4px}.shell-brand h1,.panel h2,.panel h3,.panel p{margin-top:0}.shell-brand h1{margin-bottom:0;font-size:clamp(1.75rem,2.6vw,2.4rem);letter-spacing:-.04em;line-height:1}.shell-subtitle{margin:0;max-width:460px;font-size:14px;line-height:1.5}.shell-toolbar,.shell-userbox{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.shell-toolbar{justify-content:flex-end}.shell-content{display:grid}.page-grid{display:grid;gap:16px}.contacts-layout{grid-template-columns:1.2fr .8fr}.contacts-qq-layout{grid-template-columns:320px minmax(0,1fr);align-items:start}.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.user-center-layout{grid-template-columns:1.2fr .8fr}.map-layout{grid-template-columns:1.5fr 1fr 1fr}.map-nearby-layout{grid-template-columns:minmax(0,1.45fr) 360px;align-items:start}.avatars-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.map-main-panel{display:grid;gap:16px;align-content:start;min-height:calc(100vh - 164px)}.map-discovery-strip{display:grid;gap:14px}.map-discovery-metrics{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.map-filter-switch{width:fit-content}.panel{background:var(--surface);border:1px solid rgba(255,255,255,.84);border-radius:var(--radius-panel);padding:22px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panel-hero,.avatar-publish-panel{grid-column:span 2}.user-profile-hero{position:relative;overflow:hidden;padding:0}.user-profile-cover{min-height:160px;background:radial-gradient(circle at 12% 22%,rgba(255,216,176,.92),transparent 24%),radial-gradient(circle at 86% 14%,rgba(165,206,255,.86),transparent 23%),linear-gradient(135deg,#ff7b5f,#ff5e75 42%,#8e84ff)}.user-profile-main{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:20px;align-items:end;padding:0 24px 24px;margin-top:-56px}.user-profile-avatar-lg{width:140px;height:140px;object-fit:cover;border-radius:36px;border:5px solid rgba(255,255,255,.95);box-shadow:0 14px 34px #14305029;background:#fff}.user-profile-copy{display:grid;gap:10px;align-content:end}.user-profile-copy h2,.user-profile-copy p{margin:0}.user-profile-actions{display:flex;align-items:end}.user-edit-layout{display:grid;gap:18px;grid-template-columns:240px minmax(0,1fr);align-items:start}.hero-row{display:flex;justify-content:space-between;gap:18px;align-items:start}.hero-actions,.inline-actions,.search-row,.tag-cloud,.profile-grid{display:flex;gap:10px;flex-wrap:wrap}.eyebrow,.muted{color:var(--text-soft)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700;color:#1877f2}.pill,.tag{display:inline-flex;align-items:center;border-radius:var(--radius-pill);padding:7px 12px;background:#ffffffeb;color:#344054;font-size:12px;border:1px solid rgba(208,213,221,.68)}.pill-strong{background:var(--accent-gradient);color:#fff;border-color:transparent}.pill-soft{background:#f8fafcf5}.tag-active{background:#d7fbe9f5}.tag-online{background:#e0ecfff5}.tag-offline{background:#eef1f7fa}.map-side-section{margin-top:18px}.avatar-publish-form .field{display:grid;gap:8px}.field-checkbox{align-content:center}.field input,.field textarea,.field select{width:100%;border-radius:18px;border:1px solid rgba(221,227,239,.95);background:#ffffffeb;padding:12px 14px;color:var(--text-main);resize:vertical}.success-text{color:#117a4e;margin:0}.avatar-card{display:grid;gap:14px}.avatar-card-head,.avatar-card-footer,.avatar-card-identity{display:flex;gap:12px;align-items:center;justify-content:space-between}.avatar-card-identity{justify-content:flex-start}.avatar-card-cover,.avatar-card-cover-fallback{width:64px;height:64px;border-radius:20px;object-fit:cover;background:#f6f8fff2}.avatar-card-cover-fallback{display:grid;place-items:center;font-weight:700}.avatar-card-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.avatar-card-gallery img{width:100%;height:108px;border-radius:18px;object-fit:cover}.avatar-gallery-button{padding:0;border:0;background:transparent;cursor:pointer}.map-stage{position:relative;min-height:calc(100vh - 260px);overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#f0f7ffe6,#e2eefff5),#dceef7;border:1px solid rgba(208,213,221,.5);box-shadow:inset 0 1px #fffc}.map-stage-real{padding:0;background:#d7e8f7}.real-map-canvas{height:calc(100vh - 260px);width:100%}.real-map-canvas .leaflet-control-attribution{font-size:11px}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:72px 72px}.marker{position:absolute;width:18px;height:18px;border-radius:50%;border:3px solid #fff;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #1020331f}.marker span{position:absolute;top:-34px;left:-6px;white-space:nowrap;background:#111f31d6;color:#fff;padding:4px 8px;border-radius:999px;font-size:12px}.marker-self{background:#1d5eb3}.marker-active{background:#20925d}.marker-online{background:#3f7ef3}.marker-offline{background:#9ba9b7}.map-summary{position:absolute;right:16px;bottom:16px;width:220px;padding:14px;border-radius:18px;background:#fffffff0;z-index:500;box-shadow:0 12px 30px #18314d29}.map-pin{background:transparent;border:none;position:relative}.map-pin-dot{display:block;width:18px;height:18px;border-radius:50%;border:3px solid #fff;box-shadow:0 6px 16px #10203347}.map-pin-badge{position:absolute;top:-8px;right:-10px;min-width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:#111f31f0;color:#fff;font-size:10px;font-weight:700;border:2px solid rgba(255,255,255,.92)}.map-pin-label{position:absolute;left:50%;bottom:26px;transform:translate(-50%);white-space:nowrap;background:#111827db;color:#fff;border-radius:999px;padding:4px 8px;font-size:12px}.map-pin-self .map-pin-dot{background:#1d5eb3}.map-pin-active .map-pin-dot{background:#20925d}.map-pin-avatar .map-pin-dot{width:20px;height:20px;background:linear-gradient(135deg,#ff8d5f,#ff5b6d);box-shadow:0 8px 20px #ff5d6d5c}.map-pin-avatar .map-pin-label{background:#722634eb}.map-pin-npc .map-pin-dot{width:22px;height:22px;background:linear-gradient(135deg,#f5b14c,#d96a1b);box-shadow:0 8px 20px #c9691f66}.map-pin-npc .map-pin-label{background:#5a320ff0}.map-pin-npc .map-pin-badge{background:linear-gradient(135deg,#f0bc62,#d16a20);color:#fff7ec}.map-pin-online .map-pin-dot{background:#3f7ef3}.map-pin-offline .map-pin-dot{background:#9ba9b7}.avatar-detail-card{display:grid;gap:12px;margin-bottom:12px;background:linear-gradient(180deg,#f7f9fcfa,#fffffffa)}.avatar-detail-head{display:flex;align-items:center;justify-content:space-between}.avatar-detail-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.avatar-detail-gallery img{width:100%;height:92px;border-radius:16px;object-fit:cover}.avatar-detail-layout{display:grid;grid-template-columns:minmax(0,1.2fr) 320px;gap:16px;margin-top:16px}.avatar-detail-main,.avatar-detail-side{display:grid;gap:16px;align-content:start}.avatar-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.avatar-gallery-grid img{width:100%;height:160px;border-radius:18px;object-fit:cover}.avatar-interaction-card{display:grid;gap:8px}.avatar-interaction-card p{margin:0}.avatar-interaction-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.avatar-detail-feed{margin-top:12px}.image-lightbox-shell{z-index:1200}.image-lightbox-panel{width:min(960px,calc(100vw - 48px));background:#0f1521f0;border-color:#ffffff24}.image-lightbox-close{justify-self:end}.image-lightbox-preview{width:100%;max-height:calc(100vh - 180px);object-fit:contain;border-radius:22px}.map-popup-action{margin-top:10px}.nearby-users-panel{display:grid;gap:14px;align-content:start;min-height:calc(100vh - 164px);background:#fffffff0}.map-side-header{display:grid;gap:4px}.map-chat-overlay{width:min(760px,100%)}.map-discovery-overlay{width:min(820px,100%);background:#fffffffa}.map-chat-history{min-height:420px;max-height:420px}.amap-stage{position:relative}.amap-canvas{position:relative;z-index:1}.map-unavailable{position:absolute;inset:16px;z-index:2;display:grid;place-content:center;gap:10px;text-align:center;padding:20px;border-radius:22px;background:#ffffffe0;border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-soft)}.discovery-card{border-radius:24px}.discovery-card .contact-list-body p{color:#475467}.stack{display:grid;gap:12px}.list-card,.metric-card{border:1px solid rgba(229,233,243,.92);border-radius:22px;padding:16px;background:var(--surface-strong);box-shadow:0 4px 16px #1018280d}.list-card-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.profile-grid{margin-top:16px}.metric-card{min-width:180px;display:grid;gap:6px}.metric-card-accent{background:linear-gradient(180deg,#ecf4fff5,#f9fbfffa);border-color:#99c5ffb8}.metric-card span{color:#64748b;font-size:13px}.search-row input,textarea,input[type=search]{border:1px solid rgba(208,213,221,.76);border-radius:var(--radius-control);padding:13px 15px;background:#fffffff5;color:var(--text-main);box-shadow:inset 0 1px 2px #10182805;transition:.16s ease}textarea:focus,input:focus,select:focus{outline:none;border-color:#1877f27a;box-shadow:0 0 0 4px #1877f21f}.search-row input{flex:1}.simple-list{margin:0;padding-left:18px;color:#364b63}.auth-form{display:grid;gap:14px;margin-top:18px}.form-section{display:grid;gap:16px;padding:20px;border:1px solid rgba(230,234,242,.92);border-radius:24px;background:#fffc}.form-section-head h3{margin-bottom:6px}.form-section-body{display:grid;gap:14px}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.register-layout{display:grid;gap:16px;grid-template-columns:220px minmax(0,1fr)}.profile-preview-card{display:grid;gap:10px;align-content:start;padding:18px;border-radius:24px;background:linear-gradient(180deg,#f5f8fffa,#fffffff5);border:1px solid rgba(208,213,221,.72)}.profile-preview-avatar,.profile-avatar{width:96px;height:96px;object-fit:cover;border-radius:24px;border:3px solid #dce8f4}.option-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.choice-card{display:grid;gap:6px;padding:16px;border-radius:20px;border:1px solid rgba(230,234,244,.92);background:#ffffffe6;cursor:pointer}.choice-card input{margin:0}.choice-card strong{font-size:15px}.choice-card span{color:#64748b;font-size:13px}.choice-card-active{border-color:#1877f247;background:#eff6ffeb;box-shadow:inset 0 0 0 1px #1877f21f}.form-field{display:grid;gap:8px}.form-field span{color:#4f657d;font-size:13px}.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid rgba(223,228,239,.96);border-radius:18px;padding:13px 15px;background:#fffffff5}.checkbox-row{display:flex;gap:18px;flex-wrap:wrap}.checkbox-field{display:inline-flex;align-items:center;gap:8px;color:#30475f}.checkbox-field input{width:16px;height:16px}.user-hero{display:flex;gap:16px;align-items:center;margin-top:12px}.segmented-switch-item-active{background:var(--accent-gradient);color:#fff;box-shadow:0 10px 20px #1877f22e}.card-highlight{background:linear-gradient(180deg,#eff6fff5,#fffffffa);border-color:#99c5ffb3}.auth-layout{grid-template-columns:minmax(0,1.15fr) 360px;align-items:start}.auth-panel{min-height:100%}.auth-panel-main{display:grid;gap:16px}.auth-panel-side{align-content:start}.segmented-switch{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:6px;gap:6px;border-radius:999px;background:#f8f9ffe6;border:1px solid rgba(228,232,242,.92);width:fit-content}.segmented-switch-item{border:0;background:transparent;border-radius:999px;padding:10px 18px;cursor:pointer;color:var(--text-soft)}.segmented-switch-item-active{background:var(--accent-gradient);color:#fff;box-shadow:0 10px 20px #ff685c2e}.profile-preview-header,.avatar-card-footer{display:flex;justify-content:space-between;gap:12px;align-items:center}.card-highlight{background:linear-gradient(180deg,#fff4eef5,#fffffffa);border-color:#ffc1aab3}.card-empty{background:#fcfdffcc}.avatars-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.avatar-card p{margin-bottom:0}.contact-profile{display:grid;gap:12px;align-content:start}.contact-profile textarea{width:100%}.contacts-sidebar,.chat-stage{min-height:720px}.meta-sidebar,.meta-chat-stage{background:#ffffffe6}.contacts-sidebar{display:grid;gap:16px;align-content:start}.contacts-sidebar-head,.chat-stage-head,.contact-list-head,.message-bubble-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.contacts-group-tabs{display:grid;gap:10px}.contacts-group-tab,.contact-list-item{width:100%;border:1px solid rgba(229,233,243,.92);background:#ffffffdb;border-radius:22px;cursor:pointer;transition:.16s ease}.contacts-group-tab{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;color:#17304d}.contacts-group-tab:hover,.contact-list-item:hover{transform:translateY(-1px);border-color:#1877f247}.contacts-group-tab-active,.contact-list-item-active{border-color:#1877f247;background:#eff6ffe6;box-shadow:inset 0 0 0 1px #1877f21f}.contacts-list{display:grid;gap:10px}.contact-list-item{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;text-align:left;padding:13px}.contact-list-avatar,.chat-stage-avatar{width:52px;height:52px;border-radius:16px;object-fit:cover}.contact-list-avatar-fallback{display:grid;place-items:center;background:var(--accent-gradient);color:#fff;font-weight:700}.contact-list-body,.chat-stage,.chat-stage-title,.chat-stage-body,.chat-history,.chat-profile-card,.chat-composer,.overlay-panel,.overlay-section{display:grid;gap:12px}.contact-list-body p,.chat-stage-title h3,.chat-stage-title p,.message-bubble-card p{margin:0}.contact-list-meta{display:flex;justify-content:space-between;gap:10px;color:#5b738d;font-size:12px}.chat-stage-head{align-items:start}.chat-stage-title{grid-template-columns:52px minmax(0,1fr);align-items:center}.chat-stage-body{grid-template-columns:minmax(0,1fr) 280px;align-items:start}.chat-history{min-height:500px;max-height:500px;overflow:auto;padding-right:4px}.meta-chat-composer{padding:16px;border-radius:22px;background:#f8fafce6;border:1px solid rgba(208,213,221,.56)}.chat-profile-card{align-content:start}.chat-composer textarea{width:100%}.message-row{display:flex;margin-bottom:10px}.message-row-self{justify-content:flex-end}.message-bubble-card{width:auto;min-width:0;max-width:min(78%,360px);border-radius:20px;padding:12px 14px;background:#fffffffa;border:1px solid rgba(208,213,221,.6);display:inline-grid;gap:6px;justify-items:start;word-break:break-word;box-shadow:0 4px 16px #1018280d}.message-row-self .message-bubble-card{background:var(--accent-gradient);color:#fff;border-color:transparent;border-bottom-right-radius:8px}.message-row:not(.message-row-self) .message-bubble-card{border-bottom-left-radius:8px}.message-row-self .message-bubble-card .muted{color:#ffffffbf}.message-bubble-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.message-bubble-author{display:inline-flex;align-items:center;gap:8px;min-width:0}.message-bubble-head .muted{flex:0 0 auto;white-space:nowrap;font-size:11px}.message-ai-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:3px 8px;border-radius:999px;background:#4d7dff24;color:var(--accent-blue);font-size:11px;font-weight:700;letter-spacing:.04em}.message-row-self .message-ai-badge{background:#ffffff2e;color:#fff}.contact-avatar-fallback{width:96px;height:96px;display:grid;place-items:center;border-radius:24px;background:var(--accent-gradient);color:#fff;font-size:34px;font-weight:700}.reply-suggestion-bar{display:grid;gap:12px;margin-bottom:12px}.reply-suggestion-list{display:flex;flex-wrap:wrap;gap:10px}.reply-suggestion-chip{border:1px solid rgba(15,23,42,.12);background:#ffffffdb;color:#0f172a;border-radius:999px;padding:10px 14px;text-align:left;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.reply-suggestion-chip:hover{transform:translateY(-1px);border-color:#1877f247;box-shadow:0 10px 24px #1877f21a}.overlay-shell{position:fixed;inset:0;background:#13182657;display:grid;place-items:center;padding:24px;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.overlay-panel{width:min(980px,100%);max-height:min(88vh,920px);overflow:auto;padding:24px;border-radius:30px;background:#fffffff5;border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow-strong)}.overlay-groups{grid-template-columns:repeat(3,minmax(0,1fr))}.manager-mini-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #e5edf5}.manager-mini-row:first-of-type{border-top:0;padding-top:0}.error-text{margin:0;color:#d94841;font-size:13px}@media(max-width:1080px){.map-layout,.contacts-layout,.contacts-qq-layout,.user-center-layout,.two-column,.avatars-layout,.auth-layout{grid-template-columns:1fr}.panel-hero{grid-column:span 1}.register-layout,.user-edit-layout,.option-grid,.form-grid{grid-template-columns:1fr}.hero-row,.shell-header,.user-hero,.user-profile-main{flex-direction:column;align-items:stretch}.shell-toolbar{justify-content:flex-start}.shell-nav{width:100%;justify-content:space-between}.user-profile-main{display:flex;margin-top:-44px}.user-profile-actions{align-items:stretch}.chat-stage-body,.overlay-groups{grid-template-columns:1fr}.contacts-sidebar,.chat-stage{min-height:auto}.avatar-detail-layout{grid-template-columns:1fr}.avatar-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-discovery-metrics{grid-template-columns:1fr}.overlay-shell{padding:12px}}