.teacher-works-preview-page[data-v-ea7a0324]{width:100%;height:100vh;overflow:hidden}.top-bar[data-v-ea7a0324]{width:100%;height:70px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:fixed;top:0;left:0;z-index:100;box-shadow:0 2px 22px 0 rgba(0,0,0,.04);box-sizing:border-box}.top-bar .top-bar-back[data-v-ea7a0324]{display:flex;align-items:center;gap:10px;cursor:pointer;min-width:80px}.top-bar .top-bar-back .back-icon[data-v-ea7a0324]{width:9px;height:auto}.top-bar .top-bar-back .back-text[data-v-ea7a0324]{font-family:PingFang SC;font-size:16px;font-weight:500;color:#2f3655}.top-bar .top-bar-title[data-v-ea7a0324]{font-family:PingFang SC;font-size:18px;font-weight:500;color:#2f3655;position:absolute;left:50%;transform:translateX(-50%);max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-bar .top-bar-placeholder[data-v-ea7a0324]{min-width:80px}.page-content[data-v-ea7a0324]{padding-top:90px;display:flex;justify-content:center;height:100%}.main-card[data-v-ea7a0324]{width:1280px;border-radius:16px;padding:0 40px;box-sizing:border-box;height:calc(100vh - 110px);display:flex;flex-direction:column;overflow:hidden}.main-card .preview-content-placeholder[data-v-ea7a0324]{flex:1;overflow:auto}.main-card .preview-content-placeholder .loading-container[data-v-ea7a0324]{height:100%;display:flex;justify-content:center;align-items:center}.main-card .preview-content-placeholder .error-container[data-v-ea7a0324]{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;color:#909399}.main-card .preview-content-placeholder .error-container .el-icon-warning-outline[data-v-ea7a0324]{font-size:48px;color:#e6a23c}.main-card .preview-content-placeholder .error-container p[data-v-ea7a0324]{font-size:14px;margin:0}.main-card .preview-content-placeholder .ai-coding-work-wrap[data-v-ea7a0324]{height:100%}.main-card .preview-content-placeholder .ai-coding-work-wrap .iframe-wrap[data-v-ea7a0324]{display:flex;height:100%;gap:20px}.main-card .preview-content-placeholder .ai-coding-work-wrap .iframe-wrap .html-iframe[data-v-ea7a0324]{flex:1;height:100%;border:0}.main-card .preview-content-placeholder .ai-coding-work-wrap .iframe-wrap .case-info[data-v-ea7a0324]{width:300px;height:100%;display:flex;flex-direction:column;gap:16px;flex-shrink:0}.main-card .preview-content-placeholder .ai-coding-work-wrap .iframe-wrap .case-info .case-name[data-v-ea7a0324]{font-family:PingFang SC;font-weight:500;font-size:18px;color:#000}.main-card .preview-content-placeholder .ai-coding-work-wrap .iframe-wrap .case-info .case-desc[data-v-ea7a0324]{font-family:PingFang SC;font-size:14px;color:#000;line-height:1.7;white-space:pre-line;overflow:auto;padding-right:8px;-webkit-overflow-scrolling:touch}.main-card .preview-content-placeholder .ai-coding-work-wrap .iframe-wrap .case-info .case-desc[data-v-ea7a0324]::-webkit-scrollbar{width:4px}.main-card .preview-content-placeholder .ai-coding-work-wrap .iframe-wrap .case-info .case-desc[data-v-ea7a0324]::-webkit-scrollbar-thumb{background:#d1d1d1;border-radius:4px}.main-card .preview-content-placeholder .coding-work-wrap[data-v-ea7a0324]{position:relative}.main-card .preview-content-placeholder .coding-work-wrap .aicase-iframe[data-v-ea7a0324]{width:100%;height:auto;max-height:calc(100vh - 120px);aspect-ratio:830/720;border:0}.main-card .preview-content-placeholder .coding-work-wrap .tip[data-v-ea7a0324]{position:absolute;left:20px;bottom:23px;width:730px;color:#515863;font-family:PingFang SC;font-size:12px;font-style:normal;font-weight:400;line-height:20px;text-align:left}