.auth-page{height:100%;overflow:auto;background:#fff;display:flex;align-items:center;justify-content:center;padding:45px 20px;color:#151719}.auth-card{width:360px;max-width:100%;text-align:center}.auth-symbol{width:112px;height:112px;border-radius:50%;background:#2ca7e4;color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 28px}.auth-card h1{font-weight:600;font-size:26px;margin:0 0 10px}.auth-card>p{font-size:15px;color:#8b9098;margin:0 0 27px}.auth-tabs{display:flex;border-bottom:1px solid #e6e9ee;margin-bottom:25px}.auth-tabs button{flex:1;padding:12px;color:#999;border-bottom:2px solid transparent}.auth-tabs .active{color:#168dff;border-color:#168dff}.auth-card .field{text-align:left;font-size:12px;gap:9px;margin:20px 0;color:#7c8793}.auth-card .field input{font-size:16px;padding:15px;border-radius:10px;border-color:#d9dfe7}.auth-card .field input:focus{border-color:#168dff;box-shadow:0 0 0 1px #168dff}.auth-submit{width:100%;background:#168dff;color:#fff;border-radius:10px;padding:15px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:25px;font-weight:500}.auth-error{font-size:12px;color:#e15252;display:flex;align-items:flex-start;gap:6px;line-height:1.5;text-align:left}.auth-server{display:flex;align-items:center;justify-content:center;color:#999;font-size:11px;gap:6px;margin:22px 0}.auth-server>span{height:5px;width:5px;border-radius:50%;background:#c3c7cf}.auth-server>.connected{background:#45bf82}.auth-first-account{font-size:11px!important;line-height:1.5}.auth-card>footer{font-size:12px;color:#8397aa;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:22px}.auth-spin{animation:spin .8s linear infinite}@media(max-height:750px){.auth-page{align-items:flex-start;padding:28px 20px}.auth-symbol{width:85px;height:85px;margin-bottom:18px}.auth-symbol svg{width:50px}.auth-card>p{margin-bottom:15px}.auth-card .field{margin:14px 0}}html,body,#root{height:100%;overflow:hidden}.lan-root{height:100dvh;display:flex;flex-direction:column}.surface-header{height:48px;min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#f9fafc;border-bottom:1px solid #dde0e6;gap:15px;z-index:30;position:relative;color:#424a55}.lan-brand{display:flex;align-items:center;gap:8px}.lan-brand>span{width:27px;height:27px;border-radius:8px;background:#168dff;color:#fff;display:flex;align-items:center;justify-content:center}.lan-brand strong{font-size:15px;color:#1c2736;font-weight:650;letter-spacing:.5px}.lan-brand small{font-size:11px;color:#8b94a0;letter-spacing:.3px}.surface-header nav{display:flex;align-items:center;gap:4px;position:absolute;left:50%;transform:translate(-50%);height:34px;padding:3px;background:#eceff3;border:1px solid #e4e7eb;border-radius:9px}.surface-header nav a{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;padding:5px 15px;height:27px;border-radius:6px;white-space:nowrap;color:#7c8591}.surface-header nav a[aria-current=page]{background:#fff;color:#2188e9;box-shadow:0 1px 4px #1a376417;font-weight:600}.lan-demo{font-size:11px;color:#8b94a0;display:flex;align-items:center;gap:6px}.lan-demo i{width:5px;height:5px;background:#56bc81;border-radius:50%}.surface-stage{height:calc(100dvh - 48px);flex:1;min-height:0;position:relative;overflow:hidden}.surface-mobile .surface-stage{display:flex;align-items:center;justify-content:center;background:#e8eaee;background-image:radial-gradient(#fff7 1px,transparent 1px);background-size:10px 10px}.lan-loading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#168dff;font-size:13px}.lan-loading svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:700px){.surface-header{padding:0 10px}.lan-brand small,.lan-demo{display:none}.surface-header nav{position:static;transform:none;margin-left:auto;gap:0}.surface-header nav a{padding:5px 9px;font-size:11px;gap:4px}.surface-mobile .surface-stage{background:#fff}.lan-brand strong{font-size:13px}.lan-brand{gap:5px}.lan-brand>span{width:24px;height:24px}}:root .m-message-text{font-size:var(--lan-message-font, 16px)}:root .m-bubble,:root .d-bubble{border-radius:var(--lan-message-radius, 16px)}:root .d-bubble{font-size:calc(var(--lan-message-font, 16px) - 2px)}:root[data-chat-theme=晴空] .has-conversation{background:linear-gradient(140deg,#c9e5f8,#a7cfdd)}:root[data-chat-theme=雪夜] .has-conversation{background:linear-gradient(140deg,#9fbeda,#bebfe6)}:root[data-chat-theme=糖果] .has-conversation{background:linear-gradient(140deg,#bdeae8,#ebc4ee)}:root[data-chat-wallpaper=纯色蓝] .has-conversation,:root[data-chat-wallpaper=纯色蓝] .d-main{background:#b6d4ec}:root[data-chat-wallpaper=纯色绿] .has-conversation,:root[data-chat-wallpaper=纯色绿] .d-main{background:#b8d7b8}:root[data-chat-wallpaper=纯色粉] .has-conversation,:root[data-chat-wallpaper=纯色粉] .d-main{background:#e5c9dc}.native-shell .surface-stage{height:100dvh}.reference-shell.surface-mobile .surface-stage{background:#fff}.reference-shell .mobile-app{height:855.5px;max-height:100dvh;border-radius:0;box-shadow:none}.reference-shell .mobile-app .m-home-indicator{display:none}.lan-account{display:flex;align-items:center;gap:7px;font-size:12px;color:#697787}.lan-invite-indicator{position:fixed;right:20px;top:15px;z-index:40;border-radius:22px;background:#168dff;color:#fff;padding:10px 15px;display:flex;gap:8px;align-items:center;box-shadow:0 4px 20px #168dff30;font-size:12px}.lan-invite-row{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #eee;font-size:13px}.lan-invite-row>span{flex:1}.lan-invite-row>button{font-size:12px;padding:8px 12px}.lan-security{text-align:center}.lan-security>h3{font-size:18px;margin:15px 0}.lan-security>p{font-size:13px;color:#77828e}.lan-security-engine{font-size:10px!important;word-break:break-all}.lan-security details{text-align:left;font-size:12px;margin:20px 0}.lan-security pre{font-size:10px;white-space:pre-wrap;word-break:break-all}.lan-device{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #eee;text-align:left;font-size:13px}.lan-device>span{flex:1}.lan-device small{display:block;color:#929eaa;margin-top:4px;font-size:10px}.lan-device b{font-size:10px;color:#21a46e;font-weight:500}@media(max-width:600px){.native-shell .mobile-app,.reference-shell .mobile-app{height:100dvh;max-height:100dvh}}.account-auth .modal-content{padding:0}.account-auth .auth-page{padding:24px;min-height:480px}.account-auth .auth-symbol{width:68px;height:68px;margin-bottom:18px}.account-auth .auth-symbol svg{width:39px}.account-auth .auth-card h1{font-size:22px}.account-auth .auth-card footer{display:none}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Helvetica Neue,sans-serif}body{background:#e8e9ec;color:#17191c}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}input,textarea,select{outline:none}button:focus-visible,a:focus-visible{outline:3px solid #168dff;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button,input,textarea{-webkit-tap-highlight-color:transparent}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:linear-gradient(#97e884,#49c957);color:#fff;font-size:24px;line-height:1;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-4{background:linear-gradient(#e79bec,#c85bdd)}.avatar-5{background:linear-gradient(#ff9b62,#fa5779)}.avatar-6{background:linear-gradient(#9badfd,#7986ef)}.avatar-7{background:linear-gradient(#48c8eb,#168ccc)}.avatar-1{background:linear-gradient(#ffb374,#fa6a54)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;flex-shrink:0}.icon-button:hover{background:#8882}.primary-button{background:#168dff;color:#fff;padding:10px 20px;border-radius:9px;font-weight:600}.secondary-button{background:#eef1f5;padding:10px 20px;border-radius:9px}.danger-button{background:#ff4d4f;color:#fff;padding:10px 20px;border-radius:9px}.field{display:flex;flex-direction:column;gap:7px;margin:14px 0;color:#7c8490;font-size:13px}.field input,.field textarea,.field select{padding:12px;border:1px solid #dce1e8;background:#fff;border-radius:9px;color:#222;width:100%}.field textarea{min-height:100px;resize:vertical}.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.modal{width:440px;max-width:100%;max-height:88dvh;overflow:auto;border-radius:20px;background:var(--modal-bg, #fff);color:var(--modal-text, #17191c);box-shadow:0 20px 90px #0003}.modal>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #8882}.modal h3{margin:0;font-size:18px}.modal-content{padding:20px}.modal>footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid #8882}.toggle{width:51px;height:31px;border-radius:30px;background:#c8c8ca;padding:2px;flex-shrink:0;transition:.2s}.toggle span{display:block;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:.2s}.toggle.on{background:#34c759}.toggle.on span{transform:translate(20px)}.toast{position:fixed;z-index:300;bottom:100px;left:50%;transform:translate(-50%);padding:13px 22px;background:#24292feb;color:#fff;border:1px solid #ffffff20;box-shadow:0 6px 30px #0002;display:flex;gap:9px;align-items:center;border-radius:30px;white-space:nowrap;font-size:14px;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}