.timer{font-size:16px;font-weight:500}.timer .time{color:#1366ec}.timer .expired{color:#ff4d4f}.app-layout{min-height:100vh}.app-content{padding:0;margin:0;min-height:calc(100vh - 48px)}.code-input{display:flex;flex-direction:column;gap:8px;max-width:400px;margin:0 auto}.code-input .error{border-color:#ff4d4f}.error-message{color:#ff4d4f;font-size:14px}.home-container{max-width:800px;margin:0 auto;padding:48px 24px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.user-profile{text-align:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #eee}.user-profile .avatar{width:80px;height:80px;border-radius:50%;margin-bottom:12px;object-fit:cover}.user-profile h2{font-size:20px;color:#333;margin-bottom:8px}.user-profile .description{font-size:14px;color:#666;line-height:1.6;text-align:left}.home-right-column{padding:24px}.steps-title{font-size:24px;color:#333;margin-bottom:32px;text-align:center}.steps-container{display:flex;flex-direction:column;gap:24px}.scenes-section{margin-bottom:32px;flex-shrink:0}.scenes-section h2{font-size:16px;font-weight:600;line-height:24px;letter-spacing:.5px;color:#181818;margin-bottom:16px}.scenes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px}.scene-card{cursor:pointer;transition:all .3s;border:1px solid #e5e5e5;border-radius:4px;padding:16px;background:#fff}.scene-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#1366ec}.scene-card.selected{border-color:#1366ec;background-color:#f0f5ff}.scene-card h3{font-size:18px;font-weight:600;line-height:28px;letter-spacing:.15px;color:#181818;margin-bottom:8px}.scene-card p{font-size:14px;font-weight:400;line-height:24px;color:#717171;margin-bottom:12px}.difficulty-tag{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;background:#f5f5f5;color:#666}.settings-section{margin-bottom:32px;flex-shrink:0}.settings-section h2{font-size:16px;font-weight:600;line-height:24px;letter-spacing:.5px;color:#181818;margin-bottom:16px}.action-section{display:flex;justify-content:center;margin-top:auto;padding-top:24px;flex-shrink:0}.action-section .ant-btn{width:120px;height:40px;border-radius:4px;background:#1366ec;font-size:14px;font-weight:400;line-height:24px;color:#fff}.action-section .ant-btn:hover{background:#1154c0!important;color:#fff!important}.action-section .ant-btn:active{background:#0d3d8c!important;color:#fff!important}.learning-container{display:flex;flex-direction:column;width:100%;height:100%;background:#fff;border-radius:4px;overflow:hidden;min-width:980px;padding:24px;box-sizing:border-box}.titleContainer{display:flex;flex-direction:column;align-items:center;margin-bottom:32px;flex-shrink:0}.titleContainer img{width:64px;height:64px}.titleContainer .leftTitle{font-size:18px;font-weight:600;line-height:28px;letter-spacing:.15px;color:#181818;margin:16px 0}.titleContainer .desc{font-size:14px;font-weight:400;line-height:24px;color:#717171;padding:24px;background:linear-gradient(180deg,#ffffff80,#fff0);border:1px solid #FFFFFF;border-radius:4px;text-align:center}.titleContainer .desc p{font-size:16px;font-weight:500;line-height:24px;color:#181818;margin-top:0;margin-bottom:6px}.chooseListTemp{margin-top:24px;flex:1;display:flex;flex-direction:column}.chooseListTempTitle{font-size:16px;font-weight:600;line-height:24px;letter-spacing:.5px;color:#181818;margin-bottom:16px}.chooseListTempContent{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;flex:1}.chooseListTempItem{height:44px;border-radius:24px;padding:8px 24px;background:linear-gradient(180deg,#ffffff80,#fff0);border:1px solid #FFFFFF;cursor:pointer;transition:all .3s}.chooseListTempItem:hover,.chooseListTempItem.active{background:#edf2ff;border:1px solid #1B58F4}.chooseListTempItem .itemContainer{height:100%;display:flex;align-items:center;justify-content:center}.chooseListTempItem .itemContainer img{width:24px;height:24px}.chooseListTempItem .itemContainer .chooseListTempItemDesc{margin:0 8px;font-size:14px;color:#181818}.tipText{padding:10px 8px;margin-top:16px;flex-shrink:0}.tipText h5{font-size:16px;font-weight:600;line-height:24px;letter-spacing:.5px;color:#181818;margin-bottom:8px;margin-top:0}.tipText p{font-size:14px;font-weight:400;line-height:24px;letter-spacing:.5px;color:gray;margin:0}.learning-page-container{height:calc(100vh - 112px);padding:24px}.input-container{display:flex;padding:16px 24px;border-top:1px solid #e9e9e9;gap:8px;align-items:center;flex-shrink:0}.message-input{flex-grow:1;border-radius:20px}.voice-button,.send-button{border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;flex-shrink:0}@media screen and (max-width: 768px){.input-container{padding:12px 16px;gap:6px}.message-input{border-radius:16px}.voice-button,.send-button{width:36px;height:36px}}.chat-container{display:flex;flex-direction:column;width:100%;height:100%;background:#fff;border-radius:4px;overflow:hidden;min-width:980px}.messages-container{flex:1;overflow-y:auto;background-color:#f2f2f2;position:relative;display:flex;flex-direction:column}.input-container{flex:0 0 auto;padding:24px 0;border-top:1px solid #e5e5e5;background:#fff;display:flex;align-items:center;gap:8px}.message-input{flex:1;border-radius:21px}.voice-button,.send-button{flex-shrink:0;border:none;padding:4px 6px;font-size:20px}.call-message-list{flex:1;overflow-y:auto;padding:0 24px}.call-message-item{display:flex;margin:24px 0;justify-content:flex-end}.call-message-item ._content{padding:10px 16px;border:1px solid #ededed;border-radius:10px;background:#0064c814;white-space:normal;max-width:70%}.call-message-item ._content p{margin:0}.call-message-item.is-agent{justify-content:flex-start}.call-message-item.is-agent ._content{background:#fff}.call-message-item.is-agent:before{flex:0 0 auto;margin:6px 8px 6px 0;content:"";width:28px;height:28px;opacity:.8;border-radius:50%;font-size:12px;line-height:28px;font-weight:700;text-align:center;background-image:url(https://img.alicdn.com/imgextra/i1/O1CN01UBOWw01G0WpE337ve_!!6000000000560-2-tps-28-28.png)}.call-message-item.un-agent:after{flex:0 0 auto;margin:6px 0 6px 8px;content:"";width:28px;height:28px;opacity:.8;border-radius:50%;font-size:12px;line-height:28px;font-weight:700;text-align:center;background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01yoHNYa1HTDFLLlbgR_!!6000000000758-2-tps-59-63.png);background-size:cover}.chat-page-container,.loading-container{display:none}.chat-page-main{display:flex;flex-direction:column;width:100vw;height:100vh}.chat-page-top{flex:none;height:48px;border-bottom:1px solid #E6E8EB;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:#fff}.chat-page-full-content{flex:auto;display:flex;overflow:hidden}.chat-page-content{height:100%;overflow:auto;flex:auto;background-color:#f2f2f2}.chat-page-call{display:flex;width:100%;border-color:#e5e5e5;border-radius:4px;text-align:left;min-width:980px;height:100%}.chat-page-call-block{width:50%;position:relative;text-align:left;white-space:normal;background:#fff;border-radius:4px;margin:24px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.chat-page-call-block-container{height:100%;display:flex;flex-direction:column;padding:0 24px}.chat-page-call-block-title{display:flex;padding:12px 0;font-size:12px;font-weight:500;line-height:22px;color:#333;border-bottom:1px solid #e5e5e5}.chat-page-call-block-title ._text{flex:1 1}.chat-page-call-block-bd{flex:1 1;overflow:hidden}.chat-page-left-column{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:24px;text-align:center;flex-grow:1;padding:24px;background:#fff;border-radius:4px;margin:24px 12px 24px 24px;box-shadow:0 2px 8px #0000001a;overflow-y:auto}.chat-page-left-column.chat-started{justify-content:space-between}.chat-page-left-column .user-profile{width:100%;padding-bottom:24px;border-bottom:1px solid #eee;margin-bottom:24px}.chat-page-left-column .avatar{width:120px;height:120px;border-radius:50%;margin-bottom:16px;object-fit:cover}.chat-page-left-column h2{font-size:24px;color:#333;margin-bottom:8px}.chat-page-left-column .description{font-size:16px;color:#666;line-height:1.6}.chat-page-right-column{display:flex;flex-direction:column;height:100%;padding:24px;box-sizing:border-box;background:#fff;border-radius:4px;margin:24px 24px 24px 12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.chat-initial-right-content{display:flex;flex-direction:column;height:100%;overflow-y:auto;flex-grow:1;padding:24px}.call-controls{display:flex;flex-direction:column;align-items:center;gap:20px}.call-timer{font-size:36px;font-weight:700;color:#333}.button-group{display:flex;gap:20px}.control-button{width:60px;height:60px;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#fff;font-size:14px;font-weight:700;box-shadow:0 4px 8px #0000001a;transition:background-color .3s}.control-button.hang-up{background-color:#ff4d4f}.control-button.mute{background-color:#595959}.control-button:hover{opacity:.9}.steps-title{font-size:24px;color:#333;margin-bottom:32px;text-align:center;flex-shrink:0}.steps-container{display:flex;flex-direction:column;gap:24px;margin-bottom:32px;flex-shrink:0;flex-grow:1;overflow-y:auto}.step-item{display:flex;align-items:flex-start;gap:16px}.step-icon{width:40px;height:40px;min-width:40px;border-radius:50%;background-color:#1366ec;color:#fff;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700}.step-content h3{font-size:18px;color:#333;margin-bottom:4px}.step-content p{font-size:14px;color:#666;line-height:1.5}.chat-initial-right-content .ant-input-search{margin-top:16px}@media screen and (max-width: 768px){.chat-page-call{flex-direction:column;min-width:unset;height:auto}.chat-page-call-block{width:100%;margin:12px}.chat-page-left-column{flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;padding:16px;border-bottom:1px solid #eee;margin:0 0 16px;border-radius:0;box-shadow:none;gap:16px}.chat-page-left-column.chat-started{justify-content:flex-start}.chat-page-left-column .user-profile{border-bottom:none;padding-bottom:0;margin-bottom:0}.chat-page-left-column .avatar{width:60px;height:60px;margin-bottom:0}.chat-page-left-column h2{font-size:20px}.chat-page-left-column .description{display:none}.chat-page-left-column .call-controls{flex-direction:row;width:100%;justify-content:center}.chat-page-left-column .call-timer{font-size:24px}.chat-initial-right-content{padding:16px;margin:0}.steps-title{font-size:20px;margin-bottom:24px}.steps-container{gap:16px;margin-bottom:24px}.step-icon{width:32px;height:32px;min-width:32px;font-size:16px}.step-content h3{font-size:16px}}.admin-layout{min-height:100vh}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:0 24px;background:#fff;box-shadow:0 2px 8px #0000001a}.admin-header .logo{font-size:18px;font-weight:700;color:#1366ec}.header-right{display:flex;align-items:center}.logout-button{padding:4px 15px;border:1px solid #1366ec;border-radius:4px;background:transparent;color:#1366ec;cursor:pointer;transition:all .3s}.logout-button:hover{background:#1366ec;color:#fff}.admin-sider{background:#fff;border-right:1px solid #f0f0f0}.admin-content{padding:24px;background:#f0f2f5;min-height:calc(100vh - 64px)}.login-card{width:100%;max-width:400px}.code-management{padding:24px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header h2{margin:0}:root{--primary-color: #1366ec;--background-color: #f5f7fa;--text-color: #333;--border-color: #e8e8e8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color)}#root{height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#888;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}.user-container{min-height:100vh;background:#f0f2f5}.admin-container{min-height:100vh;padding:24px;background:#f0f2f5}.dashboard-container{padding:24px}.stats-row{margin-top:24px}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f5f7fa}.login-card{width:100%;max-width:400px;box-shadow:0 4px 12px #0000001a}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}