:root{color-scheme:light;font-family:Avenir Next,Noto Sans SC,Microsoft YaHei,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f3f8f6;color:#182b24;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 9% 4%,rgba(116,205,232,.28),transparent 28rem),radial-gradient(circle at 88% 0%,rgba(255,206,102,.22),transparent 26rem),radial-gradient(circle at 78% 82%,rgba(239,111,143,.14),transparent 31rem),linear-gradient(rgba(31,48,41,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(31,48,41,.028) 1px,transparent 1px),#f5faf7;background-size:auto,auto,auto,40px 40px,40px 40px;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.app-shell{min-height:100vh;max-width:1520px;margin:0 auto;padding:18px;overflow-x:hidden}.topbar{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(320px,1.3fr) auto;align-items:center;gap:16px;min-height:68px;border:1px solid rgba(31,48,41,.12);border-radius:8px;padding:12px 16px;background:#ffffffeb;box-shadow:0 12px 34px #2a4e421c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-block,.status-pill,.map-card-head,.field-heading,.primary-action,.copy-share,.share-bottom,.share-card-head,.share-avatar-chip,.avatar-preview,.activity-head,.live-pill,.activity-empty,.activity-item,.hero-principles,.share-actions,.share-image-loading{display:flex;align-items:center}.brand-block{gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:linear-gradient(135deg,#f4b740,#ff6f7d);color:#173027;box-shadow:inset 0 -10px 18px #1f302924}h1,h2,h3,h4,p{margin:0}h1{color:#17251f;font-size:1.6rem;line-height:1.05;letter-spacing:0}.brand-kicker,.eyebrow{margin:0;color:#64746c;font-size:.78rem}.slogan{color:#21362e;max-width:680px;font-weight:900;text-align:left}.status-pill{justify-self:end;gap:8px;min-height:38px;border:1px solid rgba(33,141,111,.24);border-radius:8px;padding:0 14px;background:#1f8f70;color:#11684f;color:#fff;text-decoration:none;white-space:nowrap;box-shadow:0 10px 24px #1f8f702e;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.status-pill:hover{background:#167d61;box-shadow:0 14px 30px #1f8f7038;transform:translateY(-1px)}.map-dashboard{display:grid;grid-template-columns:minmax(620px,1.24fr) minmax(360px,.76fr);align-items:start;gap:16px;margin-top:16px;min-width:0}.hero-copy,.map-card,.join-card,.activity-card,.insight-card{border:1px solid rgba(31,48,41,.12);border-radius:8px;background:#ffffffdb;box-shadow:0 18px 44px #3b52481f;min-width:0}.hero-copy{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);align-items:center;gap:28px;min-height:168px;overflow:hidden;padding:26px 30px;position:relative;border-color:#74cde859;background:#ffffffe0}.hero-copy:before{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(112deg,rgba(255,226,122,.42),transparent 42%),linear-gradient(28deg,transparent 48%,rgba(116,205,232,.28)),radial-gradient(circle at 88% 70%,rgba(31,143,112,.12),transparent 18rem),repeating-linear-gradient(90deg,transparent 0 56px,rgba(31,48,41,.028) 57px 58px)}.hero-copy>*{position:relative}.eyebrow{color:#b17914;font-weight:900}.hero-text{position:relative;display:grid;gap:12px;min-width:0}.hero-copy h2{max-width:820px;color:#17251f;font-size:clamp(2.1rem,3vw,3.15rem);line-height:1.1;letter-spacing:0;overflow-wrap:anywhere;word-break:break-word}.hero-copy h2 span{display:block;min-width:0}.mobile-title-break{display:none}.hero-copy p{max-width:760px;color:#43554d;font-size:.98rem;line-height:1.62}.hero-principles{display:grid;grid-template-columns:1fr;gap:10px;align-content:center;min-width:0}.hero-principles span{display:grid;gap:2px;min-height:48px;border:1px solid rgba(31,48,41,.09);border-radius:8px;padding:9px 12px;background:#ffffffb8;color:#243a31;font-size:.78rem;font-weight:900;box-shadow:0 10px 24px #3b524814;min-width:0;overflow-wrap:anywhere}.hero-principles strong{color:#11684f;font-size:1rem;line-height:1.1}.map-card{padding:16px;border-color:#74cde852;background:linear-gradient(180deg,#ffffffeb,#f7fcffd1),#ffffffdb}.map-card-head{flex-wrap:wrap;gap:10px;min-height:50px}.map-card-head h3,.join-card h3{margin-top:2px;color:#1a2c24;font-size:1.35rem;letter-spacing:0}.map-summary{display:grid;gap:2px;margin-left:auto;min-width:86px;border:1px solid rgba(31,48,41,.08);border-radius:8px;padding:7px 10px;background:#ffffffc7;text-align:center}.map-summary+.map-summary{margin-left:0}.map-summary strong{color:#173027;font-size:1.25rem}.map-summary span,.map-legend span,.share-card p,.share-bottom,.insight-card span,.insight-card p{color:#64746c;font-size:.8rem}.map-canvas{position:relative;height:clamp(440px,39vw,540px);margin-top:12px;overflow:hidden;border:1px solid rgba(36,78,117,.12);border-radius:8px;background:radial-gradient(circle at 22% 14%,rgba(116,205,232,.34),transparent 25rem),radial-gradient(circle at 78% 72%,rgba(255,226,122,.28),transparent 25rem),linear-gradient(rgba(36,78,117,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(36,78,117,.045) 1px,transparent 1px),#edf8ff;background-size:auto,auto,42px 42px,42px 42px}.china-map{position:absolute;inset:1% 1.2% .4%;width:97.6%;height:98.6%;filter:drop-shadow(0 18px 30px rgba(76,99,88,.14))}.province-path{fill:var(--province-fill);stroke:#2637457a;stroke-width:1.2;stroke-linejoin:round;cursor:pointer;transition:filter .16s ease,opacity .16s ease,stroke-width .16s ease}.province-path:hover,.province-path.active{filter:saturate(1.18) drop-shadow(0 7px 11px color-mix(in srgb,var(--province-accent),transparent 42%));stroke:#173027;stroke-width:2.3}.province-path.active{filter:saturate(1.28) drop-shadow(0 11px 18px color-mix(in srgb,var(--province-accent),transparent 32%));transform:scale(1.018);transform-box:fill-box;transform-origin:center}.south-sea-path{fill:#6fc8ff47;stroke:#244e7538;stroke-width:1;stroke-linejoin:round}.province-label{cursor:pointer;filter:drop-shadow(0 5px 10px rgba(59,82,72,.18))}.province-label circle{fill:#ffffffe6;stroke:#17302733;stroke-width:2}.province-label.active circle{fill:#fff;stroke:#173027;stroke-width:2.2}.province-label text{fill:#173027;font-size:12px;font-weight:900;text-anchor:middle;pointer-events:none}.province-label .score-text{fill:#b32d48;font-size:10px}.preview-badge rect{fill:#f4b740;stroke:#17302724}.preview-badge text{fill:#173027;font-size:11px;font-weight:900;text-anchor:middle}.selected-region-card{filter:drop-shadow(0 12px 24px rgba(59,82,72,.2))}.selected-region-card rect{fill:#fffffff0;stroke:#1f8f7047;stroke-width:1.4}.selected-region-card text{fill:#173027;text-anchor:middle}.selected-region-card .selected-name{font-size:14px;font-weight:900}.selected-region-card .selected-score{fill:#b17914;font-size:24px;font-weight:900}.selected-region-card .selected-note{fill:#64746c;font-size:10px;font-weight:800}.anxiety-point-svg{fill:var(--point-color);stroke:#fffffff2;stroke-width:1.5;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--point-color),transparent 20%))}.anxiety-point-svg.fresh{animation:svg-pop .9s ease both,svg-pulse 2s ease-out infinite .9s}.map-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.map-legend span{display:inline-flex;align-items:center;gap:7px}.legend-dot,.legend-ring{display:inline-block;width:12px;height:12px;border-radius:50%}.legend-scale{min-width:min(100%,310px)}.legend-scale i{display:inline-block;width:142px;height:12px;border:1px solid rgba(31,48,41,.14);border-radius:999px;background:linear-gradient(90deg,#5fd69f,#6fc8ff,#ffdf6d,#ffad59,#ff6f7d,#a66cff)}.legend-ring{border:2px solid #f4b740}.join-card{display:grid;align-self:stretch;align-content:start;gap:14px;padding:16px;border-color:#1f8f7038;background:linear-gradient(155deg,#fffffff5,#effaf4c7),#ffffffe0}.join-card-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding-bottom:10px;border-bottom:1px solid rgba(31,48,41,.08)}.avatar-preview{flex-direction:column;justify-content:center;gap:6px;min-width:104px;border:1px solid color-mix(in srgb,var(--avatar-color),transparent 62%);border-radius:8px;padding:10px 8px;background:radial-gradient(circle at 50% 22%,color-mix(in srgb,var(--avatar-color),transparent 78%),transparent 4.8rem),#ffffffa8;color:#64746c;font-size:.78rem;font-weight:900;text-align:center}.avatar-preview .avatar-sprite{width:84px;height:84px}.avatar-sprite{position:relative;flex:0 0 auto;width:60px;height:60px;overflow:hidden;border:2px solid color-mix(in srgb,var(--avatar-color),transparent 28%);border-radius:8px;background:#fffaf0;box-shadow:0 12px 26px #3b524824;animation:avatar-float 3.8s ease-in-out infinite}.avatar-sprite img{position:absolute;left:0;top:0;width:300%;height:200%;max-width:none;transform:translate(var(--avatar-offset-x),var(--avatar-offset-y))}.field-group{display:grid;gap:9px}.field-heading{gap:8px}.field-heading span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#f4b740;color:#173027;font-size:.76rem;font-weight:900}.field-heading strong{color:#1a2c24}.field-heading em{margin-left:auto;color:#64746c;font-size:.78rem;font-style:normal}.location-picker{display:grid;grid-template-columns:minmax(0,1fr) 126px;gap:8px}.location-picker label,.location-stats{border:1px solid rgba(31,48,41,.12);border-radius:8px;background:#f4f7f1d1}.location-picker label{display:flex;align-items:center;gap:10px;min-height:50px;padding:0 12px;color:#1f8f70}.location-picker select{width:100%;border:0;background:transparent;color:#1a2c24;font-weight:900;outline:none}.location-picker option{background:#fff;color:#1a2c24}.location-stats{display:grid;align-content:center;gap:2px;min-height:50px;padding:7px 9px}.location-stats span,.location-stats em{color:#64746c;font-size:.72rem;font-style:normal}.location-stats strong{color:#173027;font-size:1.35rem;line-height:1}.type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.type-button{display:grid;gap:4px;min-height:58px;border:1px solid rgba(31,48,41,.11);border-radius:8px;padding:8px;background:#f4f7f1c7;color:#1a2c24;text-align:left;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.type-button span{color:#1a2c24;font-weight:900}.type-button small{color:#64746c;font-size:.7rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-button.active{border-color:color-mix(in srgb,var(--type-color),transparent 18%);background:color-mix(in srgb,var(--type-color),#fff 76%)}.intensity-control{display:grid;gap:5px;border:1px solid rgba(31,48,41,.12);border-radius:8px;padding:9px 11px;background:#f4f7f1cc}.intensity-control input{width:100%;accent-color:#1f8f70}.intensity-labels{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#64746c;font-size:.78rem}.intensity-labels strong{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f4b740;color:#173027}.intensity-labels span:last-child{text-align:right}.primary-action,.copy-share{justify-content:center;gap:8px;border:0;border-radius:8px;font-weight:900}.primary-action{margin-top:auto;min-height:48px;background:linear-gradient(135deg,#1f8f70,#167d61);color:#fff;box-shadow:0 16px 34px #1f8f7038}.sync-note{min-height:18px;color:#64746c;font-size:.74rem;font-weight:800;text-align:center}.sync-note.online{color:#1f8f70}.activity-card{grid-column:1 / -1;display:grid;gap:14px;padding:16px;overflow:hidden;border-color:#1f30291a;background:linear-gradient(90deg,#fffffff0,#f7fcffc7),#ffffffe0}.activity-head{justify-content:space-between;gap:12px}.activity-head h3{margin-top:2px;color:#1a2c24;font-size:1.25rem}.live-pill{flex:0 0 auto;gap:6px;min-height:32px;border:1px solid rgba(31,48,41,.1);border-radius:999px;padding:0 10px;background:#f4f7f1d1;color:#64746c;font-size:.78rem;font-weight:900}.live-pill.online{border-color:#1f8f702e;background:#4fc3a11f;color:#11684f}.activity-viewport{position:relative;min-height:92px;overflow:hidden}.activity-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,260px);gap:10px;width:max-content}.activity-track.scrolling{animation:activity-scroll 28s linear infinite}.activity-item{gap:10px;min-height:82px;border:1px solid color-mix(in srgb,var(--activity-color),transparent 70%);border-radius:8px;padding:10px;background:linear-gradient(120deg,color-mix(in srgb,var(--activity-color),transparent 84%),transparent 58%),#f4f7f1b8}.activity-item .avatar-sprite{width:50px;height:50px;border-width:1px;animation:none;box-shadow:none}.activity-item div{display:grid;gap:4px;min-width:0}.activity-item strong{color:#173027;font-size:1rem}.activity-item span{color:#64746c;font-size:.78rem;font-weight:800;line-height:1.35}.activity-empty{justify-content:center;gap:8px;min-height:72px;border:1px dashed rgba(31,48,41,.16);border-radius:8px;background:#ffffff94;color:#64746c;font-weight:900}.share-card{grid-column:1 / -1;justify-self:center;width:min(100%,1280px);display:grid;grid-template-columns:210px minmax(804px,1fr) 170px;align-items:stretch;gap:14px;border:1px solid rgba(244,183,64,.38);border-radius:8px;padding:14px;background:linear-gradient(120deg,rgba(244,183,64,.22),transparent 58%),#ffffffb8}.share-result-panel,.share-tool-panel{display:grid;align-content:start;gap:12px;border:1px solid rgba(31,48,41,.08);border-radius:8px;padding:14px;background:#ffffffa8}.share-result-panel{grid-column:1}.share-result-heading{display:grid;gap:4px}.share-card h4{margin-top:3px;color:#1a2c24;font-size:1.75rem;letter-spacing:0}.share-card p{margin-top:4px;line-height:1.45}.result-avatar-card{display:grid;justify-items:center;gap:10px;border:1px solid rgba(31,48,41,.08);border-radius:8px;padding:14px 10px;background:linear-gradient(135deg,#4fc3a11f,#f4b7401f),#ffffffb3;color:#1a2c24;font-size:.92rem;font-weight:900}.result-avatar-card .avatar-sprite{width:124px;height:124px}.share-mini-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.share-mini-metrics span{display:grid;gap:3px;border:1px solid rgba(31,48,41,.08);border-radius:8px;padding:9px;background:#f4f7f1b8}.share-mini-metrics em{color:#64746c;font-size:.7rem;font-style:normal}.share-mini-metrics strong{color:#173027;font-size:.9rem}.share-builder{grid-column:2;display:grid;grid-template-columns:270px minmax(440px,520px);align-items:stretch;justify-content:center;gap:14px}.avatar-rail{display:grid;align-content:center;justify-items:center;gap:14px;border:1px solid rgba(31,48,41,.1);border-radius:8px;padding:16px;background:#ffffff9e}.avatar-rail-head{display:grid;gap:2px;justify-items:center;text-align:center}.avatar-rail-head strong{color:#1a2c24;font-size:1.05rem}.avatar-rail-head span{color:#64746c;font-size:.92rem;font-weight:800;line-height:1.25}.avatar-rail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.avatar-choice,.avatar-random{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(31,48,41,.1);border-radius:8px;background:#f4f7f1c7;color:#1f8f70}.avatar-choice{width:92px;height:92px;padding:7px;transition:border-color .16s ease,background .16s ease,transform .16s ease}.avatar-choice:hover{transform:translateY(-1px)}.avatar-choice.active{border-color:color-mix(in srgb,var(--avatar-color),transparent 10%);background:color-mix(in srgb,var(--avatar-color),#fff 80%)}.avatar-choice .avatar-sprite{width:78px;height:78px;border-width:1px;animation:none;box-shadow:none}.avatar-random{gap:5px;width:100%;min-height:46px;padding:0 12px;border-style:dashed;font-size:.92rem;font-weight:900}.share-image-preview{justify-self:center;width:100%;max-width:480px;aspect-ratio:4 / 5;height:auto;overflow:hidden;border:1px solid rgba(31,48,41,.12);border-radius:8px;background:linear-gradient(120deg,rgba(255,223,109,.2),transparent 46%),linear-gradient(28deg,transparent 48%,rgba(111,200,255,.16)),#f7fbff}.share-image-preview img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.share-image-loading{justify-content:center;gap:8px;width:100%;height:100%;color:#64746c;font-size:.86rem;font-weight:900}.share-tool-panel{grid-column:3}.share-level{display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--level-color),transparent 34%);border-radius:8px;min-height:34px;padding:5px 8px;background:color-mix(in srgb,var(--level-color),#fff 78%);color:#1a2c24;font-weight:900}.share-score-card{display:grid;gap:2px;border-radius:8px;padding:14px;background:#173027;color:#fff}.share-score-card span,.share-score-card em{color:#ffffffb8;font-size:.76rem;font-style:normal;font-weight:800}.share-score-card strong{color:#f4b740;font-size:3rem;line-height:1}.copy-share{min-height:40px;background:#1f302914;color:#1a2c24}.share-actions{display:grid;gap:8px}.share-actions .copy-share{min-width:0;padding:0 10px}.copy-share.main{background:#1f8f70;color:#fff}.copy-share.quiet{background:#ffffffad;color:#64746c}.insight-row{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.insight-card{display:grid;gap:8px;min-height:148px;padding:16px}.insight-card svg{color:#1f8f70}.insight-card strong{color:#173027;font-size:1.35rem}.insight-card p{line-height:1.6}@keyframes pulse{0%{opacity:.8;transform:scale(.72)}to{opacity:0;transform:scale(1.8)}}@keyframes pop-point{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes svg-pop{0%{opacity:0;transform:scale(.35)}to{opacity:1;transform:scale(1)}}@keyframes svg-pulse{0%{opacity:1;stroke-width:1.5}to{opacity:.58;stroke-width:4}}@keyframes avatar-float{0%,to{transform:translateY(0) rotate(-1deg) scale(1)}50%{transform:translateY(-4px) rotate(1deg) scale(1.025)}}@keyframes activity-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.activity-track,.avatar-sprite,.anxiety-point-svg.fresh{animation:none}}@media(max-width:1180px){.topbar,.map-dashboard,.insight-row{grid-template-columns:1fr}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.share-card{grid-template-columns:180px minmax(0,1fr) 150px}.share-builder{grid-template-columns:230px minmax(0,430px)}.result-avatar-card .avatar-sprite{width:104px;height:104px}.avatar-choice{width:78px;height:78px}.avatar-choice .avatar-sprite{width:66px;height:66px}.join-card{align-self:start}.primary-action{margin-top:0}.slogan{text-align:left}.status-pill{justify-self:start}}@media(max-width:900px){.share-card{grid-template-columns:1fr}.share-result-panel,.share-builder,.share-tool-panel{grid-column:auto;grid-row:auto}.share-result-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center}.share-mini-metrics{grid-column:1 / -1}.share-builder{grid-template-columns:220px minmax(0,1fr);justify-content:stretch}.share-image-preview{max-width:min(100%,440px)}.share-tool-panel{grid-template-columns:auto minmax(96px,130px) minmax(0,1fr);align-items:center}.share-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.share-score-card{padding:10px 12px}.share-score-card strong{font-size:2.15rem}}@media(max-width:520px){.share-builder,.share-result-panel,.share-tool-panel{grid-template-columns:1fr}.share-image-preview{max-width:100%}.result-avatar-card .avatar-sprite{width:96px;height:96px}.avatar-rail{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;justify-items:start}.avatar-rail-grid{grid-template-columns:repeat(6,48px);max-width:100%;overflow-x:auto}.avatar-choice{width:48px;height:48px}.avatar-choice .avatar-sprite{width:39px;height:39px}.share-actions{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{padding:10px}.topbar,.hero-copy,.map-card,.join-card{padding:12px}h1{font-size:1.4rem}.hero-copy h2{font-size:2rem}.hero-copy{grid-template-columns:1fr}.hero-principles{justify-content:flex-start}.map-card-head,.join-card-head{grid-template-columns:1fr}.map-summary{margin-left:0;text-align:left}.map-canvas{height:420px;min-height:0}.province-label text{font-size:11px}.province-label .score-text{font-size:9px}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.location-picker{grid-template-columns:1fr}.avatar-preview{justify-self:start}}@media(max-width:760px){.app-shell,.map-dashboard,.hero-copy,.map-card,.join-card,.activity-card,.share-card{max-width:100%;min-width:0}.topbar{grid-template-columns:minmax(0,1fr);gap:10px}.brand-block{min-width:0}.slogan{max-width:100%;font-size:.94rem;line-height:1.45}.status-pill{justify-self:start;width:max-content;max-width:100%}.hero-copy{gap:16px;padding:18px 16px}.hero-copy h2{max-width:100%;font-size:clamp(1.72rem,7vw,2.08rem);line-height:1.16;word-break:break-all}.mobile-title-break{display:block}.hero-copy p{max-width:100%;font-size:.93rem;line-height:1.58}.hero-principles{grid-template-columns:1fr;gap:8px}.hero-principles span{min-height:44px;padding:8px 10px;font-size:.74rem;line-height:1.25}.hero-principles strong{font-size:.95rem}.map-card-head{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.map-card-head>div:first-child{grid-column:1 / -1}.map-summary{width:100%;min-width:76px;padding:6px 8px}.map-canvas{height:360px}.china-map{inset:5% 4% 4%;width:92%;height:91%}.selected-region-card,.preview-badge{display:none}.activity-head{align-items:flex-start}.activity-empty{min-height:64px;padding:0 12px;text-align:center}.share-card{padding:10px}}@media(max-width:520px){.join-card-head{grid-template-columns:minmax(0,1fr) auto}.avatar-preview{justify-self:end;min-width:92px;padding:8px 6px;font-size:.72rem}.avatar-preview .avatar-sprite{width:70px;height:70px}.activity-track{grid-auto-flow:row;grid-auto-columns:auto;width:100%}.activity-track.scrolling{animation:none}.activity-item{width:100%}}