:root{--warm:#f48a48;--warm-dark:#d96f34;--ink:#191919;--muted:#7b7b7b;--paper:#ededed;--panel:#fff;--line:#d8d8d8;--user:#95ec69;--wechat:#07c160;--shadow:0 12px 34px rgba(84,55,38,.12)}
*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}button,input,textarea{font:inherit}.hidden{display:none!important}
.login-view{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#ffe3d2 0,#fffaf6 55%)}.login-card{width:min(100%,390px);background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow);text-align:center}.login-card h1{margin:14px 0 6px;font-size:28px}.login-card p{margin:0 0 24px;color:var(--muted)}.login-card label{display:block;text-align:left;font-size:14px;margin-bottom:8px}.login-card input{width:100%;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:22px;letter-spacing:6px;text-align:center;outline:none}.login-card input:focus{border-color:var(--warm);box-shadow:0 0 0 3px rgba(244,138,72,.16)}.primary{width:100%;border:0;border-radius:14px;background:var(--warm);color:white;padding:14px;margin-top:14px;font-weight:700}.error{min-height:24px;color:#b53939;padding-top:8px}.login-card small{display:block;color:var(--muted)}.android-download{display:inline-block;margin-top:18px;color:var(--warm-dark);font-size:14px;text-decoration:none;border-bottom:1px solid rgba(217,111,52,.35)}
.app{height:100dvh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;background:var(--paper)}.topbar{min-height:78px;padding:calc(12px + env(safe-area-inset-top)) 12px 9px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:end;gap:8px;background:#ededed;border-bottom:1px solid #d9d9d9;z-index:4}.identity{height:40px;display:flex;align-items:center;justify-content:center;min-width:0;text-align:center}.identity .avatar{display:none}.identity strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:17px;font-weight:600;line-height:40px}.avatar{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:white;background:linear-gradient(145deg,#ff9d59,#ee7441);font-weight:800;box-shadow:0 5px 14px rgba(226,108,49,.22)}.avatar.large{width:68px;height:68px;border-radius:22px;margin:auto;font-size:28px}.icon-button,.install{border:0;background:transparent;color:var(--ink);padding:9px;border-radius:5px;align-self:end}.icon-button{font-size:24px;justify-self:start;line-height:26px}.install{background:#e2e2e2;color:#555;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}.apk-top-link{display:inline-block}.native-android .apk-top-link,.native-android #installButton{display:none!important}.native-android .topbar{grid-template-columns:46px minmax(0,1fr) 46px}.native-android .topbar::after{content:"";width:46px;height:40px}
.messages{overflow-y:auto;padding:20px max(12px,calc((100% - 760px)/2)) 26px;scroll-behavior:smooth;background:var(--paper)}.message-time{text-align:center;color:#a3a3a3;font-size:12px;line-height:18px;margin:0 0 16px;user-select:none}.message{display:flex;align-items:flex-start;gap:10px;margin:0 0 20px}.message.user{flex-direction:row-reverse}.message-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:5px;display:grid;place-items:center;background:linear-gradient(145deg,#ff9d59,#ee7441);color:#fff;font-size:17px;font-weight:700}.dayu-avatar{background-image:url('/dayu-avatar-v3a.png')!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;color:transparent!important;text-shadow:none!important}.user .message-avatar{background:#5f8fc9}.user-avatar{background-image:url('/user-avatar-v2.png')!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;color:transparent!important;text-shadow:none!important}.bubble{position:relative;max-width:min(72%,610px);padding:10px 12px;border-radius:5px;line-height:1.58;white-space:pre-wrap;word-break:break-word;background:#fff;border:0;box-shadow:none;font-size:16px;color:#161616;touch-action:manipulation}.assistant .bubble::before{content:"";position:absolute;left:-7px;top:13px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #fff}.user .bubble{background:var(--user)}.user .bubble::after{content:"";position:absolute;right:-7px;top:13px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid var(--user)}.typing .bubble{color:var(--muted)}.message-sheet-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.message-sheet-overlay.open{pointer-events:auto}.message-sheet-scrim{position:absolute;inset:0;border:0;background:rgba(0,0,0,.32);opacity:0;transition:opacity .18s}.message-sheet-overlay.open .message-sheet-scrim{opacity:1}.message-sheet{position:relative;width:min(100%,520px);padding:12px 12px calc(12px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;background:#f5f5f5;box-shadow:0 -10px 36px rgba(0,0,0,.17);transform:translateY(105%);transition:transform .2s}.message-sheet-overlay.open .message-sheet{transform:translateY(0)}.message-sheet>strong{display:block;padding:5px 8px 10px;text-align:center;font-size:15px}.message-sheet>p{margin:0 8px 10px;color:#777;font-size:12px;line-height:1.5;text-align:center}.message-sheet-action{display:block;width:100%;min-height:48px;margin:0 0 7px;border:0;border-radius:9px;background:#fff;color:#222;font-size:16px}.message-sheet-action.danger{color:#d24747}.message-sheet-input{display:block;width:100%;margin:0 0 10px;padding:10px 12px;border:1px solid #d6d6d6;border-radius:8px;background:#fff;resize:vertical;outline:none;font-size:15px;line-height:1.5}.message-sheet-input:focus{border-color:#07c160;box-shadow:0 0 0 2px rgba(7,193,96,.12)}
.composer{position:relative;display:flex;align-items:flex-end;gap:9px;padding:8px max(10px,calc((100% - 760px)/2)) calc(8px + env(safe-area-inset-bottom));background:#f7f7f7;border-top:1px solid #d7d7d7;z-index:3}.composer textarea{flex:1;resize:none;max-height:132px;min-height:40px;border:0;border-radius:5px;padding:9px 11px;background:white;outline:none;box-shadow:none;font-size:16px;line-height:22px}.composer textarea:focus{box-shadow:0 0 0 1px rgba(7,193,96,.2)}.send{min-width:62px;height:40px;padding:0 12px;border:0;border-radius:5px;background:var(--wechat);color:white;font-size:15px;font-weight:600}.send:disabled{opacity:.45}
.drawer{position:fixed;z-index:8;left:0;top:0;bottom:0;width:min(86vw,350px);background:white;box-shadow:var(--shadow);transform:translateX(-105%);transition:transform .22s ease;display:grid;grid-template-rows:auto 1fr auto;padding-top:calc(10px + env(safe-area-inset-top))}.drawer.open{transform:translateX(0)}.scrim{position:fixed;inset:0;background:rgba(0,0,0,.32);z-index:7;opacity:0;pointer-events:none;transition:opacity .22s}.scrim.open{opacity:1;pointer-events:auto}.drawer-head{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.new-chat{border:0;border-radius:5px;padding:8px 10px;background:#e9e9e9;color:#333}.conversation-list{overflow:auto;padding:8px}.conversation{width:100%;display:block;text-align:left;border:0;background:transparent;border-radius:5px;padding:12px;margin:2px 0;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation.active{background:#e8e8e8;color:#111;font-weight:700}.drawer-foot{border-top:1px solid var(--line);padding:16px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:14px}.text-button{border:0;background:transparent;color:#576b95}.empty{text-align:center;color:var(--muted);padding:80px 20px}.empty strong{display:block;color:var(--ink);font-size:19px;margin-bottom:8px}
@media(min-width:900px){.drawer{position:relative;transform:none;grid-row:1/4;grid-column:1;width:320px;box-shadow:none;border-right:1px solid var(--line)}.app{grid-template-columns:320px 1fr}.topbar,.messages,.composer{grid-column:2}.icon-button,.scrim{display:none}}
.composer{display:block;padding-top:8px}.composer-row{display:flex;align-items:flex-end;gap:8px;width:100%}.composer-row textarea{min-width:0}.round-tool{width:40px;height:40px;flex:0 0 40px;border:0;background:transparent;color:#272727;border-radius:50%;font-size:30px;font-weight:300;line-height:40px;padding:0}.round-tool.active{transform:rotate(45deg);background:#e2e2e2}.voice-tool{font-size:20px;border:1.5px solid #333;line-height:34px}.voice-tool.recording{border-color:#e24a4a;color:#e24a4a;background:#ffe9e9;animation:voice-pulse 1.2s infinite}.round-tool:disabled{opacity:.4}.media-panel{display:grid;grid-template-columns:repeat(2,76px);gap:22px;padding:18px 4px 12px;border-top:1px solid #dedede;margin-top:8px}.media-panel button,.media-panel label{border:0;background:transparent;color:#555;padding:0;text-align:center;font-size:13.333px;cursor:pointer}.media-panel label:focus-visible{outline:2px solid var(--wechat);outline-offset:3px;border-radius:7px}.media-icon{width:58px;height:58px;margin:0 auto 6px;border-radius:10px;background:#fff;display:grid;place-items:center;font-size:29px;color:#505050}.hidden-file{position:fixed!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.recording-status{margin:0 48px 8px;padding:8px 12px;border-radius:5px;background:#fff0f0;color:#c73e3e;text-align:center;font-size:13px}.pending-media{position:relative;min-height:62px;margin:0 48px 8px;padding:8px 38px 8px 8px;border-radius:7px;background:#fff;display:flex;align-items:center;gap:10px}.pending-media>img{width:54px;height:54px;object-fit:cover;border-radius:5px}.pending-name{font-size:13px;color:#666}.pending-media audio{width:min(210px,55vw);height:36px}.pending-audio{color:#16864c;white-space:nowrap}.pending-remove{position:absolute;right:7px;top:7px;width:28px;height:28px;border:0;border-radius:50%;background:#ededed;color:#666;font-size:20px}.bubble.has-image{padding:4px;overflow:hidden}.bubble.has-image .bubble-text{padding:7px 8px 5px}.chat-image{display:block;width:min(230px,58vw);max-height:330px;object-fit:cover;border-radius:3px;cursor:zoom-in}.chat-audio{display:flex;align-items:center;gap:6px;min-width:min(250px,62vw)}.chat-audio audio{width:min(190px,45vw);height:34px}.voice-mark{color:#17643a;font-weight:700;letter-spacing:-4px;transform:rotate(180deg)}.audio-duration{font-size:12px;color:#4d6656;white-space:nowrap}.bubble-text:not(:first-child){margin-top:6px}.image-viewer{position:fixed;inset:0;z-index:30;background:rgba(0,0,0,.94);display:grid;place-items:center;padding:44px 12px}.image-viewer img{max-width:100%;max-height:100%;object-fit:contain}.image-viewer button{position:absolute;right:16px;top:calc(14px + env(safe-area-inset-top));width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:30px}.image-viewer.hidden{display:none}@keyframes voice-pulse{50%{box-shadow:0 0 0 6px rgba(226,74,74,.12)}}
@media(max-width:380px){.composer-row{gap:6px}.send{min-width:54px;padding:0 9px}.round-tool{width:36px;height:36px;flex-basis:36px}.pending-media,.recording-status{margin-left:42px;margin-right:42px}}
.media-panel{grid-template-columns:repeat(3,76px)}.call-icon{color:#07a958}.call-view{position:fixed;inset:0;z-index:40;display:grid;grid-template-rows:auto 1fr auto;padding:calc(54px + env(safe-area-inset-top)) 24px calc(42px + env(safe-area-inset-bottom));color:#fff;text-align:center;background:radial-gradient(circle at 50% 18%,#667974 0,#34433f 42%,#1d2825 100%)}.call-view.hidden{display:none}.call-top{display:grid;justify-items:center}.call-avatar{width:92px;height:92px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#ff9d59,#ed7442);box-shadow:0 16px 40px rgba(0,0,0,.26);font-size:37px;font-weight:800}.call-top h2{font-size:25px;margin:18px 0 4px}.call-top p{margin:0;color:rgba(255,255,255,.62);font-size:13px}.call-center{align-self:center;display:grid;justify-items:center;gap:15px}.call-center strong{font-size:18px;font-weight:500}.call-subtitle{width:min(100%,330px);min-height:48px;color:rgba(255,255,255,.7);font-size:15px;line-height:1.55}.call-wave{height:42px;display:flex;align-items:center;justify-content:center;gap:5px}.call-wave i{display:block;width:4px;height:10px;border-radius:5px;background:#86e4b1;animation:call-wave .9s ease-in-out infinite;animation-play-state:paused}.call-wave i:nth-child(2),.call-wave i:nth-child(4){animation-delay:.15s}.call-wave i:nth-child(3){animation-delay:.3s}.call-view.listening .call-wave i,.call-view.speaking .call-wave i{animation-play-state:running}.call-view.thinking .call-wave i{height:4px;animation:call-thinking 1.2s ease-in-out infinite}.call-controls{display:flex;justify-content:center;gap:68px}.call-controls>div{display:grid;justify-items:center;gap:9px;font-size:13px;color:rgba(255,255,255,.75)}.call-control{width:68px;height:68px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:27px;backdrop-filter:blur(8px)}.call-control.muted{background:#fff;color:#273630}.end-call{background:#ed4c4c;transform:none}.end-call{font-size:29px}.end-call::first-letter{transform:rotate(135deg)}@keyframes call-wave{0%,100%{height:9px}50%{height:38px}}@keyframes call-thinking{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-7px)}}
@media(max-height:650px){.call-view{padding-top:calc(28px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom))}.call-avatar{width:74px;height:74px;font-size:30px}.call-top h2{margin-top:10px}.call-controls{gap:54px}}
.drawer-foot{display:block;padding:0;color:var(--ink)}.drawer-settings{padding:8px;border-bottom:1px solid var(--line)}.native-status{margin:2px 8px 7px;padding:7px 9px;border-radius:5px;background:#e8f4eb;color:#27834f;font-size:12px}.native-status.disconnected{background:#fff1e5;color:#b25b19}.drawer-setting{width:100%;min-height:48px;border:0;background:transparent;border-radius:5px;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;text-align:left;padding:8px 10px;color:#222;text-decoration:none}.drawer-setting:active{background:#ededed}.drawer-setting>span{grid-row:1/3;align-self:center;font-size:23px;color:#576b95}.drawer-setting>b{font-size:15px;font-weight:500}.drawer-setting>small{font-size:11px;color:#8a8a8a;margin-top:2px}.drawer-bottom{padding:13px 16px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:14px}.native-only{display:none!important}.native-android .native-only{display:grid!important}.message-avatar{border:0;padding:0;cursor:pointer}