*{margin:0;padding:0;box-sizing:border-box;font-family:Microsoft YaHei,sans-serif}body{background-color:#fff;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.quiz-container{position:relative;min-height:80vh;width:95%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAR8AAAJ1CAYAAADg0PTsAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAfSSURBVHhe7dYhAcAwEACxShgcmICH82+uddEjAfGQ9XyzAW5b7/wb4DbzARLmAyTMB0iYD5AwHyBhPkDCfICE+QAJ8wES5gMkzAdImA+QMB8gYT5AwnyAhPkACfMBEuYDJMwHSJgPkDAfIGE+QMJ8gIT5AAnzARLmAyTMB0iYD5AwHyBhPkDCfICE+QAJ8wES5gMkzAdImA+QMB8gYT5AwnyAhPkACfMBEuYDJMwHSJgPkDAfIGE+QMJ8gIT5AAnzARLmAyTMB0iYD5AwHyBhPkDCfICE+QAJ8wES5gMkzAdImA+QMB8gYT5AwnyAhPkACfMBEuYDJMwHSJgPkDAfIGE+QMJ8gIT5AAnzARLmAyTMB0iYD5AwHyBhPkDCfICE+QAJ8wES5gMkzAdImA+QMB8gYT5AwnyAhPkACfMBEuYDJMwHSJgPkDAfIGE+QMJ8gIT5AAnzARLmAyTMB0iYD5AwHyBhPkDCfICE+QAJ8wES5gMkzAdImA+QMB8gYT5AwnyAhPkACfMBEuYDJMwHSJgPkDAfIGE+QMJ8gIT5AAnzARLmAyTMB0iYD5AwHyBhPkDCfICE+QAJ8wES5gMkzAdImA+QMB8gYT5AwnyAhPkACfMBEuYDJMwHSJgPkDAfIGE+QMJ8gIT5AAnzARLmAyTMB0iYD5AwHyBhPkDCfICE+QAJ8wES5gMkzAdImA+QMB8gYT5AwnyAhPkACfMBEuYDJMwHSJgPkDAfIGE+QMJ8gIT5AAnzARLmAyTMB0iYD5AwHyBhPkDCfICE+QAJ8wES5gMkzAdImA+QMB8gYT5AwnyAhPkACfMBEuYDJMwHSJgPkDAfIGE+QMJ8gIT5AAnzARLmAyTMB0iYD5AwHyBhPkDCfICE+QAJ8wES5gMkzAdImA+QMB8gYT5AwnyAhPkACfMBEuYDJMwHSJgPkDAfIGE+QMJ8gIT5AAnzARLmAyTMB0iYD5AwHyBhPkDCfICE+QAJ8wES5gMkzAdImA+QMB8gYT5AwnyAhPkACfMBEuYDJMwHSJgPkDAfIGE+QMJ8gIT5AAnzARLmAyTMB0iYD5AwHyBhPkDCfICE+QAJ8wES5gMkzAdImA+QMB8gYT5AwnyAhPkACfMBEuYDJMwHSJgPkDAfIGE+QMJ8gIT5AAnzARLmAyTMB0iYD5AwHyBhPkDCfICE+QAJ8wES5gMkzAdImA+QMB8gYT5AwnyAhPkACfMBEuYDJMwHSJgPkDAfIGE+QMJ8gIT5AAnzARLmAyTMB0iYD5AwHyBhPkDCfICE+QAJ8wES5gMkzAdImA+QMB8gYT5AwnyAhPkACfMBEuYDJMwHSJgPkDAfIGE+QMJ8gIT5AAnzARLmAyTMB0iYD5AwHyBhPkDCfICE+QAJ8wES5gMkzAdImA+QMB8gYT5AwnyAhPkACfMBEuYDJMwHSJgPkDAfIGE+QMJ8gIT5AAnzARLmAyTMB0iYD5AwHyBhPkDCfICE+QAJ8wES5gMkzAdImA+QMB8gYT5AwnyAhPkACfMBEuYDJMwHSJgPkDAfIGE+QMJ8gIT5AAnzARLmAyTMB0iYD5AwHyBhPkDCfICE+QAJ8wES5gMkzAdImA+QMB8gYT5AwnyAhPkACfMBEuYDJMwHSJgPkDAfIGE+QMJ8gIT5AAnzARLmAyTMB0iYD5AwHyBhPkDCfICE+QAJ8wES5gMkzAdImA+QMB8gYT5AwnyAhPkACfMBEuYDJMwHSJgPkDAfIGE+QMJ8gIT5AAnzARLmAyTMB0iYD5AwHyBhPkDCfICE+QAJ8wES5gMkzAdImA+QMB8gYT5AwnyAhPkACfMBEuYDJMwHSJgPkDAfIGE+QMJ8gIT5AAnzARLmAyTMB0iYD5AwHyBhPkDCfICE+QAJ8wES5gMkzAdImA+QMB8gYT5AwnyAhPkACfMBEuYDJMwHSJgPkDAfIGE+QMJ8gIT5AAnzARLmAyTMB0iYD5AwHyBhPkDCfICE+QAJ8wES5gMkzAdImA+QMB8gYT5AwnyAhPkACfMBEuYDJMwHSJgPkDAfIGE+QMJ8gIT5AAnzARLmAyTMB0iYD5AwHyBhPkDCfICE+QAJ8wES5gMkzAdImA+QMB8gYT5AwnyAhPkACfMBEuYDJMwHSJgPkDAfIGE+QMJ8gIT5AAnzARLmAyTMB0iYD5AwHyBhPkDCfICE+QAJ8wES5gMkzAdImA+QMB8gYT5AwnyAhPkACfMBEuYDJMwHSJgPkDAfIGE+QMJ8gIT5AAnzARLmAyTMB0iYD5AwHyBhPkDCfICE+QAJ8wES5gMkzAdImA+QMB8gYT5AwnyAhPkACfMBEuYDJMwHSJgPkDAfIGE+QMJ8gIT5AAnzARLmAyTMB0iYD5AwHyBhPkDCfICE+QAJ8wES5gMkzAdImA+QMB8gYT5AwnyAhPkACfMBEuYDJMwHSJgPkDAfIGE+QMJ8gIT5AAnzARLmAyTMB0iYD5AwHyBhPkDCfICE+QAJ8wES5gMkzAdImA+QMB8gYT5AwnyAhPkACfMBEuYDJMwHSJgPkDAfIGE+QMJ8gIT5AAnzARLmAyTMB0iYD5AwHyBhPkDCfICE+QAJ8wES5gMkzAdImA+QMB8gYT5AwnyAhPkACfMBEuYDJMwHSJgPkDAfIGE+QMJ8gIT5AAnzARLmAyTMBwjMPrYShY6/6+l+AAAAAElFTkSuQmCC);background-repeat:round;border-radius:15px;overflow:hidden;padding:20px;box-shadow:0 10px 30px #0000001a;display:flex;gap:20px}.sidebar{width:200px;background-color:transparent;position:relative;display:flex;flex-direction:column;height:100%}.sidebar ul{list-style:none;padding:0;margin:0;flex:1}.sidebar li{background-color:transparent;color:#fff;margin-bottom:8px;padding:8px 12px;border-radius:5px;cursor:pointer;transition:background-color .2s}.sidebar li:hover{background-color:#9aa3b8}.sidebar li.active{background-color:#b0b8d0}.sidebar-footer{display:flex;flex-direction:column;width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:10px;flex:1}.sidebar-buttons{flex:1;display:flex;flex-direction:column}.sidebar-btn{width:100%;background:#b0b8d0;color:#fff;border:none;border-radius:5px;padding:10px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s;margin-bottom:10px}.sidebar-btn:last-child{margin-bottom:0}.sidebar-btn:hover{background:#b0b8d0;color:#000}.sidebar-logo{text-align:center;padding:10px 0;position:static}.sidebar-logo img{max-width:80%;height:auto;opacity:.8;transition:opacity .2s}.sidebar-logo img:hover{opacity:1}.category-popup{position:absolute;left:96%;top:-10;width:180px;background:#b0b8d0;border-radius:0 5px 5px;padding:0;z-index:100;margin-left:5px}.category-header{padding:8px 12px;color:#fff;font-weight:700;border-bottom:1px solid #2e5a7a}.category-list{max-height:300px;overflow-y:auto}.category-list div{padding:8px 12px;color:#fff;cursor:pointer;transition:background .2s}.category-list div:hover{color:#fa0}.category-list div.selected{background:#ffd966;color:#0b1a2a}.main-content{flex:1;min-height:0;display:flex;flex-direction:column}.search-section{display:flex;gap:10px;align-items:center;margin-bottom:20px}.search-input{flex:1;padding:8px 12px;border:1px solid #ccc;border-radius:5px;background-color:#ffffffe6;font-size:16px;height:36px}.icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:5px;background-color:#e0e0e0;cursor:pointer;font-size:18px}.icon-btn:hover:after{content:attr(data-tooltip);position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none;z-index:100}.info-container{background-color:#b0b8d0;height:0;border-radius:8px;color:#333;flex:1;min-height:0;position:relative;overflow:hidden;display:flex;flex-direction:column}.mountain{position:absolute;bottom:0;left:0;width:100%;height:60px;pointer-events:none;z-index:0}.info-content{display:flex;flex-direction:column;height:100%;overflow-y:auto;flex:1;min-height:0;padding:20px}.info-content .mode-panel,#answerResult{flex:1;width:100%;min-height:0;display:flex;flex-direction:column}.info-content .param-item{margin-bottom:15px}.info-content .param-item label{display:block;color:#000;margin-bottom:5px;font-size:14px}.info-content .param-item input[type=range],.info-content .param-item input[type=number],.info-content .param-item select{width:100%;padding:8px 12px;border-radius:20px;border:none;background:#fff9;color:000000;font-size:14px}.info-content .param-item input[type=range]{padding:0}.info-content .param-item span{margin-left:10px;color:#000}.info-content .hint{font-size:12px;color:#aaa;margin-left:5px}.info-content .control-bar{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px;justify-content:center}.info-content .btn{background-color:#3a6d8c;color:#fff;border:none;border-radius:5px;padding:8px 16px;cursor:pointer;font-size:14px;transition:background-color .2s}.info-content .btn:hover{background-color:#4f8aa8}.info-content .btn.primary{background:linear-gradient(180deg,#4a7bc6,#2a4d96,#7ca2dd);box-shadow:inset 0 1px #ffffff4d,0 2px 4px #0006;color:#fff}.info-content .btn.primary:hover{background-color:#1a3b7a}.info-content .btn.warning{background-color:#eb5252}.info-content .btn.warning:hover{background-color:red}.info-content .btn:disabled{opacity:.5;cursor:not-allowed}.time-bar{margin-bottom:15px;display:flex;align-items:center;color:#fff;flex-shrink:0}.time-bar .btn{background:linear-gradient(180deg,#4a7bc6,#2a4d96,#7ca2dd);color:#fff;border:none;border-radius:5px;padding:5px 15px;cursor:pointer;margin-left:10px}#answerPanel{display:flex;flex-direction:column;height:100%;padding:0;border-radius:0}.tutorial-text{padding:20px;margin:20px;color:#000}.tutorial-text p{font-size:16px;font-weight:700;color:#000;margin-bottom:10px}.tutorial-text ul{margin-left:20px;line-height:1.8}#answerResult{display:flex;flex-direction:column;flex:1;min-height:0;height:0;max-height:100%;overflow:hidden;padding:0;margin-bottom:-50px}.info-content .mode-panel,#answerResult{flex:1;display:block;flex-direction:column;overflow-y:auto}.info-content .mode-panel.hidden{display:none!important}.result-question{padding:10px 0 5px;color:#000;font-weight:500;word-break:break-word}.result-table-wrapper{flex:1;min-height:0;overflow-y:auto;padding:0;margin:0;max-height:none}#answerResultList{width:100%;border-collapse:collapse;font-size:14px}#answerResultList td:last-child{color:red!important}#answerResultList td{padding:5px;color:#000}#answerResultList th{text-align:left;color:#000;padding:8px 5px}#answerResultList tr:nth-child(odd){background-color:#97a3c3}.answer-controls{position:sticky;bottom:30px;display:flex;gap:30px;justify-content:center;margin-top:auto}.answer-controls .btn{background:linear-gradient(180deg,#4a7bc6,#2a4d96,#7ca2dd);color:#fff;min-width:80px;padding:3px 20px;font-size:14px;border-radius:5px;width:140px;height:40px}#stopAnswerMonitorBtn{background:red}#startAnswerMonitorBtn:disabled{opacity:.5;cursor:not-allowed}#stopAnswerMonitorBtn{background:#eb5252;color:#fff}#stopAnswerMonitorBtn:disabled{opacity:.5;cursor:not-allowed}.status-area{margin-top:15px;background:#b0b8d0;border-radius:10px;padding:16px 20px;display:flex;flex-wrap:wrap;gap:18px 32px;font-size:.95rem}.status-area div{color:#333}.status-area .alert-log{color:#ffd966;font-size:13px;width:100%}#qrcodeModal .btn{background:#3a6d8c;color:#fff;border:none;border-radius:20px;padding:8px 20px;cursor:pointer}#qrcodeModal .btn.primary{background:#000;color:#333}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#b0b8d0;border-radius:8px;width:90%;max-width:900px;padding:20px;color:#000}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:18px}.modal-header .close-btn{background:none;border:none;color:#fff;font-size:28px;cursor:pointer}.modal-body .video-container{position:relative;width:100%;background:#000;border-radius:10px}.modal-body video{display:block;width:100%;height:auto;object-fit:contain}.modal-body canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto}.modal-footer{margin-top:20px;display:flex;gap:15px;justify-content:center}.modal-footer .btn{background-color:#3a6d8c;color:#fff;border:none;border-radius:30px;padding:8px 25px;font-size:16px;cursor:pointer;transition:background-color .2s}.modal-footer .btn:hover{background-color:#4f8aa8}.modal-footer .btn#modalConfirmBtn{background-color:#97a3c3;color:#333}.modal-footer .btn#modalConfirmBtn:hover{background-color:#fb2}#baiduConfigModal .param-item input,#baiduConfigModal .param-item select,#pushConfigModal .param-item input,#pushConfigModal .param-item select{width:100%;padding:10px 14px;border:1px solid #ccc;border-radius:8px;font-size:14px;background:#fff;color:#333;transition:all .2s ease}#baiduConfigModal .param-item input:focus,#baiduConfigModal .param-item select:focus,#pushConfigModal .param-item input:focus,#pushConfigModal .param-item select:focus{border-color:#fa0;outline:none;box-shadow:0 0 0 3px #fa03}#baiduConfigModal .btn,#pushConfigModal .btn{background:#e0e0e0;border:none;border-radius:30px;padding:8px 20px;font-size:14px;cursor:pointer;transition:all .2s}#baiduConfigModal .btn:hover,#pushConfigModal .btn:hover{background:#d0d0d0;transform:translateY(-1px)}#baiduConfigModal .btn.primary,#pushConfigModal .btn.primary{background:#fa0;color:#333}#baiduConfigModal .btn.primary:hover,#pushConfigModal .btn.primary:hover{background:#fb2}#downloadAppModal .btn{background:#e0e0e0;border:none;border-radius:30px;padding:8px 20px;font-size:14px;cursor:pointer;transition:all .2s}#downloadAppModal .btn:hover{background:#d0d0d0;transform:translateY(-1px)}#downloadAppModal .modal-content{background:#b0b8d0;border-radius:8px;padding:20px;max-width:400px;width:90%}.result-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.result-table-wrapper::-webkit-scrollbar-track{background:#97a3c3;border-radius:3px}.result-table-wrapper::-webkit-scrollbar-thumb{background:#fff;border-radius:3px}.result-table-wrapper::-webkit-scrollbar-thumb:hover{background:#2a4d96}#tutorialModal .btn.primary{background:linear-gradient(180deg,#4a7bc6,#2a4d96,#7ca2dd);border:none;border-radius:10px;padding:14px 30px;font-size:18px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 8px 20px #345fa166;transition:all .3s ease;position:relative;overflow:hidden;letter-spacing:1px}#tutorialModal .btn.primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #345fa17f;background:linear-gradient(180deg,#7ca2dd,#7ca2dd,#2a4d96)}#tutorialModal .btn.primary:active{transform:translateY(-1px);box-shadow:0 5px 15px #f806}#tutorialModal .modal-body p{font-size:16px;line-height:1.8;color:#333;margin-bottom:25px}#tutorialModal .modal-body strong{color:#000}.main-content,.info-container{max-height:100%}#answerResult{flex:1 1 0;min-height:0;height:0;max-height:100%;overflow:hidden}.result-table-wrapper{flex:1 1 0;min-height:0;overflow-y:auto}#mapModal .modal-content{padding:0;background:transparent}#mapModal .modal-header{display:none}#mapModal .modal-footer{position:absolute;top:10px;right:10px;z-index:10;background:#00000080;border-radius:50%;padding:5px;border:none;margin:0}#mapModal .modal-footer .btn{background:#3a6d8c;border:none;color:#fff;font-size:16px;padding:5px 10px;line-height:2}#mapModal .modal-body{text-align:center;padding:0;position:relative}#mapImage{display:block;margin:0 auto;max-width:100%;height:auto}#mapDotCanvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#videoModal .modal-content{max-width:60vw;width:auto;display:inline-block}#videoModal .modal-body{padding:0}#videoModal .video-container{position:relative}#videoModal video,#videoModal canvas{display:block;max-width:100%;max-height:90vh;width:auto;height:auto}