.app-container{display:flex;height:100vh;margin:0;padding:0;overflow:hidden}.nav-sidebar{width:160px;background-color:#f5f5f5;padding:15px 0;border-right:1px solid #ddd;height:100%;box-sizing:border-box}.nav-item{padding:12px 15px;cursor:pointer;transition:all .3s;font-size:14px;margin:4px 0}.nav-item:hover{background-color:#e0e0e0}.nav-item.active{background-color:#1890ff;color:#fff}.content-area{flex:1;padding:15px;background-color:#fff;height:100%;box-sizing:border-box;overflow-y:auto}.digital-human{height:100%;display:flex;flex-direction:column;overflow:hidden}.digital-human .display-area{flex:1;width:100%;margin-bottom:10px;border-radius:4px;min-height:0;position:relative}.digital-human .display-area,.loading-container{display:flex;justify-content:center;align-items:center}.loading-container{position:absolute;top:0;left:0;right:0;bottom:0;flex-direction:column;z-index:10}.loading-spinner{width:50px;height:50px;border:4px solid hsla(0,0%,100%,.3);border-top-color:#1890ff;border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:16px;color:#fff;font-size:14px}@keyframes spin{to{transform:rotate(1turn)}}.config-panel{background-color:#f5f5f5;padding:15px;border-radius:8px;margin-bottom:15px}.config-title{font-size:16px;font-weight:700;color:#333;margin-bottom:15px}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.config-item{display:flex;align-items:center;gap:8px}.config-item label{white-space:nowrap;font-size:13px;color:#666;min-width:60px}.config-input{flex:1;padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px}.config-input:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.config-select{flex:1;padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;background-color:#fff;cursor:pointer}.config-select:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.speech-container{height:100%;display:flex;flex-direction:column;gap:20px}.speech-section{flex:1;display:flex;flex-direction:column;background-color:#fafafa;border-radius:8px;padding:15px}.speech-section h3{margin:0 0 15px 0;color:#333;font-size:16px}.text-display-area{overflow-y:auto}.text-display-area,.text-input-area{flex:1;border:1px solid #ddd;padding:15px;margin-bottom:15px;border-radius:4px;background-color:#fff;min-height:150px}.text-input-area{resize:none}.control-buttons{display:flex;gap:10px;flex-wrap:wrap;padding:10px 0;background-color:transparent;flex-shrink:0}.control-buttons button{padding:8px 16px;background-color:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s;font-size:14px;min-width:100px}.control-buttons button:hover{background-color:#40a9ff;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.control-buttons button:active{transform:translateY(0);box-shadow:none}.message-input-area{margin-bottom:10px;flex-shrink:0}.message-textarea{width:100%;height:60px;padding:8px 12px;border:1px solid #ddd;border-radius:4px;resize:none;font-size:14px;line-height:1.5;background-color:#fff}.message-textarea:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.control-buttons button:disabled{cursor:not-allowed}.control-buttons button:disabled,.control-buttons button:disabled:hover{background-color:#d9d9d9;transform:none;box-shadow:none}.toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:1000}.toast-content{background-color:rgba(0,0,0,.8);color:#fff;padding:12px 24px;border-radius:4px;font-size:14px;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.url-input{display:none}#video-container{width:100%;height:100%}