.topic-container[data-v-8b884dee]{font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px}.left-panel[data-v-8b884dee]{-webkit-box-flex:1;-ms-flex:1;flex:1;border-right:2px solid hsla(0,0%,100%,.3)}.right-panel[data-v-8b884dee]{width:360px}.info-item[data-v-8b884dee]{line-height:28px;margin-bottom:16px;padding:10px;background:hsla(0,0%,100%,.8);border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.label[data-v-8b884dee]{font-weight:700;margin-right:8px;color:#ff6f61}.value[data-v-8b884dee]{color:#555}.album[data-v-8b884dee]{margin-top:20px}.album-title[data-v-8b884dee]{margin-bottom:10px;font-weight:700;color:#ff6f61;font-size:18px}.album-grid[data-v-8b884dee]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.album-image[data-v-8b884dee]{width:100%;height:auto;min-height:80px;border-radius:8px;border:2px solid #fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.album-image[data-v-8b884dee]:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.dialog-item[data-v-8b884dee]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 10px;margin-bottom:10px;background:hsla(0,0%,100%,.8);border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.dialog-item[data-v-8b884dee]:hover{-webkit-transform:translateX(5px);transform:translateX(5px)}.listen-dialog-content[data-v-8b884dee]{-webkit-box-flex:1;-ms-flex:1;flex:1}.dialog-title[data-v-8b884dee]{margin-bottom:8px}.dialog-summary[data-v-8b884dee]{color:#888}.grey-text[data-v-8b884dee]{color:#999;font-size:14px;margin-top:8px}.questions[data-v-8b884dee]{font-size:16px;font-weight:700;margin-bottom:10px}.question[data-v-8b884dee]{background-color:#f9f9f9;border-radius:8px;padding:10px;margin-bottom:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.question[data-v-8b884dee]:hover{-webkit-transform:scale(1.02);transform:scale(1.02);background-color:#fff}.org-tree[data-v-8395e752]{width:100%;height:calc(100vh - 194px)}.org-tree-c[data-v-8395e752]{padding-right:16px;width:100%;height:100%;overflow-y:auto}.org-tree-c .el-tree[data-v-8395e752]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100%}.students[data-v-1b9bbe1e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;padding:10px;background-color:#f9f9f9;border-radius:12px;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1)}.student[data-v-1b9bbe1e]{-webkit-box-flex:1;-ms-flex:1 1 23%;flex:1 1 23%;max-width:24%;-webkit-box-sizing:border-box;box-sizing:border-box}.student-item[data-v-1b9bbe1e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px;background-color:#fff;border-radius:12px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease;cursor:pointer;border:2px solid transparent}.student-item[data-v-1b9bbe1e]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 4px 8px rgba(0,0,0,.2);box-shadow:0 4px 8px rgba(0,0,0,.2)}.student-item.active[data-v-1b9bbe1e]{background-color:#e3f2fd;border:2px solid #2196f3}.el-avatar[data-v-1b9bbe1e]{width:60px;height:60px;border:2px solid #fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.student-name[data-v-1b9bbe1e]{margin-top:10px;font-size:14px;font-weight:700;color:#333}.topic[data-v-2b80f468]{margin-right:16px;width:320px;margin-bottom:16px;cursor:pointer;border-radius:15px;background:linear-gradient(135deg,#fff3f4,#fffaf8);-webkit-box-shadow:0 4px 8px rgba(0,0,0,.2);box-shadow:0 4px 8px rgba(0,0,0,.2);-webkit-transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease}.topic[data-v-2b80f468]:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 8px 16px rgba(0,0,0,.3);box-shadow:0 8px 16px rgba(0,0,0,.3)}.topic-item[data-v-2b80f468]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.topic-item-img[data-v-2b80f468]{width:80px;height:60px;border-radius:10px;border:2px solid #fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.topic-item-title[data-v-2b80f468]{padding-left:8px;font-size:18px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.topic-item-num[data-v-2b80f468]{padding:4px;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:8px;font-size:14px;background:rgba(255,189,189,.2);text-align:center;border-radius:4px}.topic-item-time[data-v-2b80f468]{font-size:12px;opacity:.8}@media (max-width:768px){.topic[data-v-2b80f468]{width:100%}}@media (max-width:480px){.topic[data-v-2b80f468]{width:100%}}.topic-mode-items[data-v-2b80f468]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}