body{font-family:Arial,sans-serif;background-color:#f5f5f5;height:100vh;box-sizing:border-box;overflow:hidden}.main{max-width:800px;margin:0 auto;height:100%;position:relative;box-sizing:content-box;transition:padding-left 0.1s;transition-delay:0.2s;display:flex;flex-direction:column}.show-drawer .main{padding-left:300px}.chat-container{height:calc(100vh - 209px);border:1px solid #ddd;border-radius:8px;background-color:#fff;overflow-y:auto;padding:20px;margin-bottom:20px}.message{margin-bottom:15px;padding:10px;border-radius:5px}.user-message{margin-left:20%;display:flex;justify-content:flex-end;align-items:center}.bot-message{background-color:#f5f5f5;margin-right:20%;margin-left:5px}.input-wrapper{background:#f5f5f5;padding:30px 20px 10px;box-shadow:0 -2px 10px rgb(0 0 0 / .05);width:120%;margin-left:-10%;box-sizing:border-box;position:relative}.input-container{position:relative;max-width:900px;margin:0 auto;border:1px solid #ddd;border-radius:8px;padding:12px 12px 28px 12px;background:#fff}.input-container[disabled]{background-color:light-dark(rgb(239 239 239 / .3),rgb(59 59 59 / .3))}#user-input{width:100%;min-height:42px;max-height:193px;border:none;outline:none;border-radius:8px;font-size:14px;line-height:1.5;resize:none;box-sizing:border-box;margin-bottom:8px;overflow:auto;background:#fff0}#user-input::-webkit-scrollbar{width:3px}#user-input[disabled]{background:#fff0}#send-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:8px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color 0.3s;z-index:2;width:68px}.deep-mode{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:8px;z-index:2}.search-mode{position:absolute;left:120px;bottom:10px;display:flex;align-items:center;gap:8px;z-index:2}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#007bff}input:checked+.slider:before{transform:translateX(20px)}.mode-label{font-size:12px;color:#666;white-space:nowrap}#send-btn:hover{background-color:#0056b3}#send-btn:disabled{background-color:#ccc;cursor:not-allowed}.message-content{line-height:1.6;overflow-x:auto;font-size:14px}.message-content h1,.message-content h2,.message-content h3{margin:1em 0 .5em;border-bottom:1px solid #eee}.message-content p{margin:8px 0}.message-content pre{background-color:#f6f8fa;padding:1em;border-radius:6px;margin:1em 0;white-space:pre-wrap}.message-content img{max-width:100%}.message-content code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;padding:.2em .4em;border-radius:3px;white-space:pre-wrap;position:relative;display:block!important;background-color:transparent!important}.message-content code:before{content:"复制"!important;position:absolute;top:0;right:0;cursor:pointer;color:#666;visibility:hidden}.message-content pre:hover code:before{color:#333;visibility:visible}.bot-message.generating .message-content code:before{display:none}.message-content blockquote{border-left:4px solid #ddd;margin:1em 0;padding:0 1em;color:#666}.message-content table{border-collapse:collapse;margin:1em 0}.message-content th,.message-content td{border:1px solid #ddd;padding:.6em 1em}.message{margin-bottom:20px;padding:4px 15px}.bot-message{background:none;display:flex;padding-left:0}.bot-message::before{content:'';display:inline-block;width:30px;height:30px;background-image:url(../img/deepseek.png);background-size:cover;margin-right:10px;margin-top:6px;flex-shrink:0;flex-grow:0}.user-message .message-content{background:#e3f2fd;padding:0 8px;border-radius:8px}.message-content details summary{background:#efefef;padding:6px 8px;font-size:13px;color:#333;align-items:center;line-height:13px;border-radius:6px;width:78px;margin-bottom:6px;cursor:pointer}.reasoning{color:#666;border-left:2px solid #999;padding-left:8px;margin-bottom:8px}#stop-btn{display:none;border:none;color:#666;padding:8px;border-radius:4px;font-size:20px}#stop-btn:hover{color:#333;cursor:pointer}.button-container{position:absolute;right:10px;bottom:8px;display:flex;gap:8px;width:68px;height:33px;align-items:center}.drawer-wrap{position:absolute;top:0;left:0;z-index:9}#menu-button{margin:8px;display:inline-block;padding:8px;cursor:pointer;font-size:20px}.drawer-box{position:absolute;top:0;left:0;width:300px;height:100vh;background:#fff;box-shadow:0 0 10px rgb(0 0 0 / .1);transform:translateX(-100%);transition:transform 0.2s ease-in-out;box-sizing:border-box;padding:12px}.show-drawer .drawer-box{transform:translateX(0)}.user-box{display:flex;align-items:center;justify-content:space-between}#close-menu{font-size:20px;padding:8px;cursor:pointer}.logout-button{padding:3px 6px;background:#007bff;cursor:pointer;font-size:12px;border-radius:4px;color:#fff}.logout-button:hover{background:#0056b3}.new-chat{cursor:pointer;font-size:16px;color:#4d6bfe;background:#dbeafe;width:150px;height:40px;border-radius:8px;margin:30px 0 20px;display:flex;align-items:center;justify-content:center;line-height:16px;flex-shrink:0}.new-chat:hover{background:#c6dcf8}.history-item{padding:6px 8px;font-size:16px;color:#333;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:space-between}.history-item .history-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:22px;font-size:14px;height:22px}.delete-history-button{display:none;color:#f56c6c;cursor:pointer;font-size:16px;border-radius:50%;width:22px;height:22px;align-items:center;justify-content:center}.delete-history-button:hover{color:#d81e06}.history-item:hover .delete-history-button{display:flex}.history-item:hover{background:#dbeafe;color:#4d6bfe}.message-status{font-size:12px;color:#666}.copy-button{padding:4px;font-size:22px;cursor:pointer;align-items:center;color:#666;margin-right:2px;display:flex;visibility:hidden}.copy-button:hover{color:#4d6bfe}.user-message:hover .copy-button{visibility:visible}.drawer-content{display:flex;flex-direction:column;overflow:hidden;height:100%}.history-list{overflow-y:auto}.reference{margin-bottom:20px}.reference-button{padding:4px;cursor:pointer;font-size:20px;color:#4d6bfe}.reference-item,.reference-item a{font-size:12px;color:#666}.reference-item:hover,.reference-item:hover a{color:#333}.file-input-box{position:absolute;left:230px;bottom:10px;display:flex;align-items:center;gap:8px;z-index:2;cursor:pointer}#file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer!important}.upload-icon{font-size:20px;color:#007bff;cursor:pointer;display:flex;align-items:center;padding:0 4px;position:relative;z-index:2}.file-input-box:hover .upload-icon{color:#0056b3}.upload-icon.disable{color:#ccc!important;cursor:default}.file-info{position:absolute;top:4px;right:20px;font-size:12px;align-items:center;color:#0056b3;display:none}.file-remove{display:flex;align-items:center;font-size:14px;padding:3px;cursor:pointer;color:#666}.file-remove:hover{color:#333}#loading-box{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:9999;background:rgb(255 255 255 / .5);display:flex;align-items:center;justify-content:center}.loading-content{display:flex;align-items:center;justify-content:center;flex-direction:column}.loading-text{margin-top:6px}.loading-icon{font-size:24px;animation:rotate 1s linear infinite;display:flex;align-items:center}.drawer-content .history-header{display:flex;align-items:center;justify-content:space-between}.history-header .clear-all{display:flex;color:#666;cursor:pointer;font-size:18px;padding:3px;visibility:hidden}.history-header .clear-all:hover{color:#d81e06}.drawer-content .history-header:hover .clear-all{visibility:visible}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#fff0;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px;transition:background 0.2s}::-webkit-scrollbar-thumb:hover{background:#888}::-webkit-scrollbar-button{display:none;width:0;height:0}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:920px){body{padding:36px 0 0}.input-wrapper{padding:0;width:100vw!important;margin-left:-8px!important}.chat-container{height:calc(100vh - 160px);padding:8px;margin-bottom:8px;margin-top:0}.message{margin-bottom:6px}.bot-message{margin-right:10%;padding-right:0}.user-message{margin-left:10%}.main{padding-left:0!important;padding-right:0;margin:0;max-width:920px}}