:root{font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#111827;background:#f7f8fa;font-synthesis:none;--blue:#0866ff;--line:#e4e8ee;--muted:#737e91;--surface:#fff;--viewport-height:100dvh}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;min-height:44px;border:0;background:none;color:inherit;transition:background .15s}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #7daeff;outline-offset:3px}a{color:inherit;text-decoration:none}.app{height:var(--viewport-height);display:flex;flex-direction:column}.site-header{height:60px;flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:750;white-space:nowrap}.logo{width:42px;height:38px}.site-header nav{display:flex;gap:8px}.site-header nav button{font-size:13px;color:var(--muted);padding:0 4px}.chat-mode .site-header{display:none}.home{background:var(--surface);flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 20px 32px;overflow:auto}.hero-logo{width:156px;height:126px;margin:30px 0 32px}h1{font-size:30px;letter-spacing:-1px;margin:0 0 12px;line-height:1.4}.subtitle{font-size:17px;color:var(--muted);margin:0}.start-block{width:min(100%,400px);margin-top:64px}.age{display:flex;align-items:center;gap:10px;text-align:left;font-size:14px;color:#596579;margin:0 4px 18px}.age input{width:20px;height:20px;accent-color:var(--blue);flex-shrink:0}.age button{font-size:inherit;color:var(--blue);padding:0;min-height:32px;text-decoration:underline}.primary,.secondary{border-radius:12px;padding:12px 22px;min-height:48px}.primary{background:var(--blue);color:#fff;font-weight:550}.primary:hover:not(:disabled){background:#0057df}.secondary{border:1px solid #1a263c;background:var(--surface)}.secondary:hover:not(:disabled){background:#f0f3f7}.start{width:100%;height:60px;font-size:20px;display:flex;justify-content:center;align-items:center;gap:24px}.quiet{color:var(--muted);font-size:14px;margin-top:20px}.chat-shell{flex:1;min-height:0;background:var(--surface);display:flex;flex-direction:column;width:100%;overflow:hidden}.chat-header{display:flex;justify-content:space-between;align-items:center;height:64px;flex-shrink:0;padding:12px 16px;border-bottom:1px solid var(--line)}.chat-header>div{text-align:center}.chat-header strong{font-size:20px}.back{font-size:36px;width:44px;line-height:1}.report{color:var(--muted);font-size:15px}.connection{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;color:var(--muted);margin-top:5px}.connection i{width:8px;height:8px;background:#9aa3b2;border-radius:50%}.online i{background:#23cb79}.messages{flex:1;min-height:0;overflow:auto;padding:0 16px 20px;overscroll-behavior:contain}.chat-tip{text-align:center;font-size:12px;color:var(--muted);margin:12px 0 16px}.message{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:22px}.message.self{align-items:flex-end}.bubble{background:#f0f1f4;border-radius:18px;padding:12px 16px;max-width:85%;font-size:16px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}.self .bubble{background:#dcecff}.bubble.failed{background:#fff1ef;color:#a2443a}.time{font-size:12px;color:#8590a3;margin-top:6px;padding:0 2px}.composer-area{padding:10px 16px max(16px,env(safe-area-inset-bottom));flex-shrink:0;background:var(--surface)}.consent-bar{width:100%;border:1px solid #d6e1f4;border-radius:10px;color:#6780a5;font-size:13px;min-height:40px;display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:12px}.consent-bar.enabled{background:#eef9f3;color:#27855c}.consent-bar span{font-size:20px}.composer{display:flex;gap:10px;align-items:flex-end}.composer textarea{width:100%;min-width:0;resize:none;border:1px solid #e8ebf0;border-radius:16px;background:#f7f8fa;padding:15px;min-height:52px;max-height:100px;font-size:16px;line-height:22px;color:inherit}.send{padding:12px 18px;border-radius:14px;min-height:52px;white-space:nowrap}.actions{display:flex;gap:12px;margin-top:14px}.actions button{flex:1}.waiting{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;overflow:auto}.waiting h2{font-size:23px;margin:32px 0 12px}.waiting p{font-size:15px;color:var(--muted);line-height:1.8;max-width:400px}.waiting>.secondary{margin-top:36px;min-width:200px}.spinner{width:90px;height:90px;border:8px solid #f0f2f5;border-top-color:var(--blue);border-radius:50%;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice{font-size:14px;line-height:1.6;color:#965530;text-align:center;margin:8px 0;overflow-wrap:anywhere}.end-note{text-align:center;border:1px solid var(--line);background:#f8fafc;border-radius:12px;margin:28px auto 0;padding:18px;font-size:14px;max-width:420px}.end-note small{display:block;color:var(--muted);margin-top:9px}.overlay{position:fixed;inset:0;background:#101c334d;display:flex;align-items:center;justify-content:center;padding:20px;z-index:5}.dialog{position:relative;background:var(--surface);border-radius:18px;padding:30px 24px;width:min(100%,480px);max-height:85dvh;overflow:auto;box-shadow:0 20px 80px #12234322}.dialog h2{font-size:22px;margin:0 28px 20px 0}.dialog p{font-size:15px;line-height:1.9;color:#5e6b7f}.close{position:absolute;right:12px;top:12px;font-size:26px;width:44px}.dialog>.primary{width:100%;margin-top:18px}.dialog select{display:block;width:100%;margin:10px 0 20px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:inherit}.dialog-actions{display:flex;gap:12px;margin-top:20px}.dialog-actions button{flex:1}.admin{max-width:1000px;margin:40px auto;padding:20px}.admin input{padding:12px;border:1px solid var(--line);border-radius:8px}.admin article{padding:20px;background:var(--surface);margin:20px 0;border:1px solid var(--line);border-radius:12px}.admin pre{white-space:pre-wrap;overflow-wrap:anywhere}.admin button{margin:4px;padding:10px;border:1px solid var(--line);border-radius:8px}@media(min-width:900px){.site-header{height:56px;padding:0 32px}.site-header nav{gap:24px}.site-header nav button{font-size:15px}.chat-mode .site-header{display:flex}.chat-shell{max-width:none;width:calc(100% - 48px);margin:12px auto;border:1px solid var(--line);border-radius:16px}.chat-header{height:64px;padding:8px 24px}.messages{padding:0 28px 24px}.bubble{max-width:min(70%,680px)}.composer-area{padding:8px 24px 14px}.control-row{display:flex;align-items:flex-end;gap:12px}.control-row .composer{flex:1;min-width:0}.control-row .actions{flex-shrink:0;margin-top:0;gap:12px}.control-row .actions button{flex:0 0 auto;min-width:112px;min-height:52px;white-space:nowrap}.send{min-width:88px}.home{padding-top:50px}.hero-logo{margin-top:30px}h1{font-size:38px}.subtitle{font-size:20px}.chat-tip{font-size:13px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@media(prefers-color-scheme:dark){:root{color:#e6eaf0;background:#101723;--surface:#17202d;--line:#2b3747;--muted:#a2afc2;--blue:#247aff}.bubble{background:#263143}.self .bubble{background:#173e70}.composer textarea,.end-note{background:#1c293a;color:#e6eaf0}.secondary{border-color:#8b9cb5}.secondary:hover:not(:disabled){background:#253349}.age,.dialog p{color:#a2afc2}.consent-bar{border-color:#365070;color:#adbed5}.consent-bar.enabled{background:#18382a;color:#90d4af}.notice{color:#e7b47f}.bubble.failed{background:#472a2a;color:#efb3aa}}.lock-icon{width:18px;height:18px;flex-shrink:0}.previous-report{display:block;margin:0 auto 16px;font-size:13px;color:var(--muted);text-decoration:underline}@media(max-width:899px){.control-row{display:flex;flex-direction:column;gap:20px}.control-row .actions{order:-1;width:100%;margin-top:0;padding-bottom:16px;border-bottom:1px solid var(--line)}.control-row .composer{width:100%}.control-row .actions .primary{background:var(--surface);color:var(--blue);border:1px solid var(--line)}}@media(max-width:899px){html,body,#root{height:100%;overflow:hidden}.app{position:fixed;left:0;right:0;top:var(--viewport-top,0px);height:var(--viewport-height);overflow:hidden}.keyboard-open .chat-header{height:48px;padding:4px 12px}.keyboard-open .chat-header strong{font-size:16px}.keyboard-open .connection{font-size:11px;margin-top:1px}.keyboard-open .chat-tip{display:none}.keyboard-open .composer-area{padding:4px 12px 6px}.keyboard-open .consent-bar{min-height:28px;margin-bottom:4px;font-size:11px}.keyboard-open .control-row{gap:6px}.keyboard-open .control-row .actions{padding-bottom:6px;gap:12px}.keyboard-open .actions button{min-height:36px;padding:6px 12px;font-size:13px}.keyboard-open .composer textarea{min-height:44px;padding:10px 12px}.keyboard-open .send{min-height:44px;padding:10px 16px}.keyboard-open .messages{padding-bottom:8px}.keyboard-open .message{margin-bottom:12px}}