:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.chat-list{flex-direction:column;gap:10px;margin-top:18px;display:flex}.chat-message{text-align:left;background:#f5f5f5;border-radius:14px;padding:10px 14px}.chat-name{color:#777;margin-bottom:4px;font-size:13px}.chat-box{gap:8px;margin-top:16px;display:flex}.chat-box input{border:1px solid #ddd;border-radius:20px;outline:none;flex:1;padding:11px 14px}.chat-box button{color:#fff;cursor:pointer;background:#ff7a00;border:none;border-radius:20px;padding:10px 18px}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#222;background:#f5f6f8;font-family:Arial,Microsoft YaHei,PingFang SC,sans-serif}button,textarea,input{font:inherit}button{cursor:pointer}.app{width:100%;min-height:100vh;padding-bottom:85px}.header{color:#fff;background:linear-gradient(135deg,#e53935,#ff7043);padding:28px 20px 34px}.header-inner{max-width:760px;margin:0 auto}.header h1{letter-spacing:2px;margin:0;font-size:38px;font-weight:800}.subtitle{opacity:.92;margin-top:7px;font-size:15px}.login-btn{color:#e53935;background:#fff;border:none;border-radius:18px;margin-top:14px;padding:7px 18px;font-weight:700}.main{width:100%;max-width:1280px;margin:5px auto 0;padding:0 24px 100px}.help-card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 5px 20px #00000014}.help-card h2{margin:0 0 6px;font-size:23px}.help-card p{color:#777;margin:0 0 14px;font-size:14px}.help-card textarea{resize:vertical;background:#fafafa;border:1px solid #ddd;border-radius:12px;outline:none;width:100%;min-height:95px;padding:12px}.help-card textarea:focus{background:#fff;border-color:#ff7043}.post-tools{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tool-btn{background:#fff;border:1px solid #ddd;border-radius:20px;padding:8px 13px}.publish-btn{color:#fff;background:#e53935;border:none;border-radius:20px;margin-left:auto;padding:8px 18px;font-weight:700}.section{margin-top:24px}.section-title{margin-bottom:13px;font-size:21px;font-weight:800}.categories{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.category{text-align:center;background:#fff;border:1px solid #eee;border-radius:14px;justify-content:center;align-items:center;min-height:75px;padding:12px 5px;font-weight:700;display:flex;box-shadow:0 2px 7px #0000000a}.hall-card{background:linear-gradient(135deg,#fff4e8,#fff);border:1px solid #ffe1c4;border-radius:16px;padding:18px}.hall-card h2{margin:0 0 6px;font-size:21px}.hall-card p{color:#666;margin:0 0 12px}.hall-btn{color:#fff;background:#ff8a3d;border:none;border-radius:20px;padding:9px 18px;font-weight:700}.feed{flex-direction:column;gap:11px;display:flex}.post{background:#fff;border:1px solid #eee;border-radius:15px;padding:16px;box-shadow:0 2px 8px #0000000a}.post-location{color:#333;font-size:16px;font-weight:600}.post-title{font-size:17px;font-weight:700;line-height:1.5}.post-footer{color:#999;margin-top:12px;font-size:13px}.bottom-nav{z-index:1000;background:#fffffff7;border-top:1px solid #ddd;justify-content:center;width:100%;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav-inner{grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;width:100%;max-width:1280px;margin:0 auto;display:grid}.nav-btn{color:#222;background:0 0;border:none;width:100%;min-width:0;padding:10px 3px 12px;font-size:13px;font-weight:700}.nav-btn.active{color:#e53935;font-weight:700}@media (width<=600px){.header{padding-top:22px}.header h1{font-size:30px}.main{padding-left:10px;padding-right:10px}.categories{grid-template-columns:repeat(3,1fr);gap:8px}.category{font-size:14px}.help-card{padding:16px}.publish-btn{margin-left:0}}.reply-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#f59e0b;border:none;border-radius:23px;min-width:120px;height:46px;margin-right:8px;padding:0 16px;font-size:15px;font-weight:700}.reply-box{gap:8px;margin-top:12px;display:flex}.reply-box input{border:1px solid #ddd;border-radius:18px;outline:none;flex:1;padding:10px 12px}.reply-box button{color:#fff;cursor:pointer;background:#ff7a00;border:none;border-radius:18px;padding:8px 16px}.reply-list{margin-top:10px}.reply-item{background:#f5f5f5;border-radius:10px;margin-top:6px;padding:8px 12px;font-size:14px}.my-message{background:#fff0e0;border:1px solid #ffb36b;align-self:flex-end;max-width:75%}.other-message{background:#f3f3f3;align-self:flex-start;max-width:75%}.chat-message button{color:#888;cursor:pointer;background:0 0;border:none;margin-top:6px;padding:2px 4px;font-size:12px}.chat-message button:hover{color:#d9534f}.recalled-message{color:#999;text-align:center;background:0 0;border:none;align-self:center;max-width:90%;font-size:13px}.chat-list{flex-direction:column;gap:10px;max-height:420px;margin-top:18px;display:flex;overflow-y:auto}.chat-list::-webkit-scrollbar{width:6px}.chat-list::-webkit-scrollbar-track{background:0 0}.chat-list::-webkit-scrollbar-thumb{background:#cfcfcf;border-radius:10px}.chat-list::-webkit-scrollbar-thumb:hover{background:#aaa}.hall-help-message{box-sizing:border-box;text-align:left;background:#fff7e6;border:1px solid #f0b45a;border-radius:12px;width:100%;padding:12px 16px}.hall-help-title{margin-bottom:6px;font-size:15px;font-weight:700}.hall-help-text{color:#222;margin-bottom:6px;font-size:16px}.hall-help-user{color:#888;font-size:12px}.help-message{background:0 0;border:none;align-self:stretch;width:100%;max-width:100%;padding:0}.hall-help-message{z-index:20;pointer-events:auto;position:relative}.hall-help-btn{z-index:30;pointer-events:auto;cursor:pointer;position:relative}.selected-post{outline:3px solid #f59e0b;transition:all .3s;box-shadow:0 0 0 5px #f59e0b2e}.reply-item{background:#f7f7f7;border-radius:10px;margin-top:8px;padding:10px 12px}.reply-user{color:#888;margin-bottom:4px;font-size:12px}.reply-text{color:#222;font-size:15px;line-height:1.4}.reply-person-btn{color:#e67e22;cursor:pointer;background:0 0;border:none;margin-top:3px;padding:3px 6px;font-size:12px}.reply-person-btn:hover{text-decoration:underline}.show-replies-btn{color:#e67e22;cursor:pointer;background:0 0;border:none;margin-top:8px;font-size:13px}.show-replies-btn:hover{text-decoration:underline}.admin-hide-reply-btn{color:#c0392b;cursor:pointer;background:0 0;border:none;margin-left:8px;font-size:12px}.admin-hide-reply-btn:hover{text-decoration:underline}.liked-btn{outline:3px solid #ffb000;font-weight:700;transform:scale(1.03)}.helpful-mark{background:#fff3cd;border-radius:8px;margin-top:8px;padding:6px 10px;font-size:15px;font-weight:700;display:inline-block}.example-post{opacity:.9}.example-label{color:#e86a00;background:#fff0e6;border-radius:999px;margin-bottom:8px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.example-tip{color:#777;margin-top:10px;font-size:13px}.post-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:14px;display:flex}.post-action{cursor:pointer;background:#f5f5f5;border:none;border-radius:20px;padding:9px 14px;font-size:15px}.post-action:hover{background:#eee}.post-action.liked{font-weight:700}.header-actions{justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.language-btn{color:#fff;cursor:pointer;background:#ffffff2e;border:1px solid #fffc;border-radius:12px;padding:9px 14px;font-size:16px}.header-actions .login-btn{margin:0}.site-logo{object-fit:contain;width:220px;height:auto}.hall-layout{grid-template-columns:22% 56% 22%;align-items:stretch;gap:12px;width:100%;max-width:1280px;margin:18px auto 0;display:grid}.hall-help-sidebar{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:12px;overflow-y:auto;box-shadow:0 2px 8px #0000000d}.hall-help-sidebar,.hall-chat{box-sizing:border-box;height:calc(100vh - 195px);min-height:520px;max-height:none}.hall-chat{flex-direction:column;width:100%;min-width:0;display:flex;overflow:hidden}.hall-help-item{cursor:pointer;border-bottom:1px solid #eee;padding:12px 10px}.hall-help-city{color:#777;margin-bottom:5px;font-size:13px}.hall-help-text{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.hall-help-stats{color:#888;margin-top:7px;font-size:13px}.hall-chat .chat-list{flex:1;min-height:0;overflow-y:auto}@media (width<=600px){.hall-layout{grid-template-columns:34% 66%;gap:6px;padding:0 4px}.hall-help-sidebar{border-radius:12px;padding:8px 6px}.hall-help-sidebar h2{margin-bottom:8px;font-size:15px}.hall-help-item{padding:9px 4px}.hall-help-city{font-size:11px}.hall-help-text{-webkit-line-clamp:1;line-clamp:1;font-size:12px;line-height:1.3}.hall-help-stats{font-size:11px}.hall-chat{border-radius:12px}}.hall-right-sidebar{box-sizing:border-box;background:#fff;border-radius:16px;height:calc(100vh - 195px);min-height:520px;max-height:none;padding:14px;overflow-y:auto}.hall-right-sidebar h2{text-align:center;margin-top:0}.online-summary{text-align:center;background:#f5f5f5;border-radius:12px;margin-bottom:18px;padding:12px;font-weight:600}.right-section-title{margin:14px 0 8px;font-weight:700}.right-placeholder{color:#777;font-size:14px;line-height:1.5}#help-section.section-title{min-height:0;box-shadow:none;background:0 0;border:none;align-items:center;margin:0;padding:0;font-size:20px;font-weight:700;display:inline-flex}.city-filter-bar{background:0 0;align-items:center;gap:8px;margin:0 0 0 12px;padding:0;display:inline-flex}.city-filter-bar button{cursor:pointer;border-radius:18px;padding:6px 14px;font-size:14px}.official-emergency-post{background:#fff5f5;border:2px solid #e53935;border-left:7px solid #d71920}.official-emergency-badge{color:#fff;background:#d71920;border-radius:16px;margin-bottom:10px;padding:5px 10px;font-size:14px;font-weight:700;display:inline-block}.emergency-missing{background:#fff0f3;border:2px solid #d9365c}.emergency-medical{background:#fff4e6;border:2px solid #e67e22}.emergency-other{background:#f5f0ff;border:2px solid #7e57c2}.hall-help-text.expanded{-webkit-line-clamp:unset;line-clamp:unset;white-space:pre-wrap;max-height:none;display:block;overflow:visible}.resolved-badge{color:#237a3b;background:#e8f7ec;border:1px solid #38a169;border-radius:18px;margin:8px 0;padding:6px 12px;font-weight:700;display:inline-block}.resolved-post{background:#f1fbf4!important;border:2px solid #38a169!important}.service-message{background:#eef8fc!important;border:2px solid #2f80a8!important}.post-attachments{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.post-image{object-fit:cover;cursor:pointer;border-radius:10px;width:180px;max-width:100%;height:140px}.post-video{border-radius:10px;width:320px;max-width:100%;max-height:260px}.attachment-preview-list{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.attachment-preview-item{width:110px;height:90px;position:relative}.attachment-preview-media{object-fit:cover;border-radius:10px;width:100%;height:100%}.attachment-remove-btn{color:#fff;cursor:pointer;background:#d93025;border:none;border-radius:50%;width:24px;height:24px;font-size:18px;line-height:24px;position:absolute;top:-7px;right:-7px}.help-card p{color:#444}.help-card textarea{color:#222}.help-card textarea::placeholder{color:#555;opacity:1}.help-card input{color:#222}.help-card input::placeholder{color:#555;opacity:1}.hide-post-btn{color:#c96b18;cursor:pointer;background:#fff7ed;border:1px solid #e6a15c;border-radius:18px;padding:7px 14px;font-size:14px;font-weight:600}.delete-post-btn{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:18px;padding:7px 14px;font-size:14px;font-weight:600}.hide-post-btn:hover,.delete-post-btn:hover{transform:translateY(-1px)}.admin-hide-post-btn{color:#c96b18;cursor:pointer;background:#fff7ed;border:1px solid #e6a15c;border-radius:18px;margin-left:6px;font-size:14px;font-weight:600;height:auto!important;min-height:0!important;padding:6px 13px!important;font-size:14px!important;line-height:1.2!important}.admin-hide-post-btn:hover{background:#ffedd5;transform:translateY(-1px)}.back-choice-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:8px 14px;font-weight:600}.back-choice-btn:hover{background:#e5e7eb}.support-menu-btn{color:#222;padding:14px 18px;font-size:18px;font-weight:700}.support-page{color:#222;font-size:18px}.support-page h2{color:#111;font-size:24px;font-weight:700}.support-page h3{color:#111;font-size:22px;font-weight:700}.support-page p{color:#333;font-size:18px;line-height:1.9}.support-page input,.support-page textarea{font-size:17px}.support-page strong{color:#111}.hero-brand{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.hero-logo{object-fit:contain;mix-blend-mode:multiply;width:470px;max-width:82vw;height:auto;margin:10px auto 0;display:block}.hero-title{color:#fff;text-shadow:0 3px 8px #00000040;margin:0 0 12px;font-size:76px;font-weight:900;line-height:1}.hero-slogan{color:#fff;justify-content:center;align-items:center;gap:18px;margin-bottom:22px;font-size:24px;font-weight:700;display:flex}.hero-line{background:#fffc;width:90px;height:2px;display:block}