.student-comment-panel[data-v-1233ea69]{display:flex;flex-direction:column;gap:12px;padding-top:24px;width:100%}.student-comment-panel .work-info-section[data-v-1233ea69]{display:flex;flex-direction:column;gap:12px;margin-bottom:40px;width:100%}.student-comment-panel .work-info-section .work-name-row[data-v-1233ea69]{align-items:center;display:flex;gap:6px;padding-top:10px}.student-comment-panel .work-info-section .work-name-row .label[data-v-1233ea69]{color:#777e90;font-family:"OPPO Sans 4.0",sans-serif;font-size:16px;font-weight:400;line-height:24px;max-width:141px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-comment-panel .work-info-section .work-name-row .divider-line[data-v-1233ea69]{background:#e6e8ec;border-radius:1px;height:16px;width:1px}.student-comment-panel .work-info-section .work-name-row .value[data-v-1233ea69]{color:#23262f;font-family:"OPPO Sans 4.0",sans-serif;font-size:16px;font-weight:400;line-height:24px;max-width:141px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-comment-panel .work-info-section .prompt-section[data-v-1233ea69]{display:flex;flex-direction:column;gap:12px;width:100%}.student-comment-panel .work-info-section .prompt-section .section-title[data-v-1233ea69]{color:#777e90;font-family:"OPPO Sans 4.0",sans-serif;font-size:16px;font-weight:400;line-height:24px;margin:0}.student-comment-panel .work-info-section .prompt-section .prompt-content[data-v-1233ea69]{display:flex;flex-direction:column;gap:8px;width:100%}.student-comment-panel .work-info-section .prompt-section .prompt-content .prompt-text[data-v-1233ea69]{color:#23262f;font-family:"OPPO Sans 4.0",sans-serif;font-size:16px;font-weight:400;line-height:24px;margin:0;white-space:pre-wrap;word-break:break-word}.student-comment-panel .work-info-section .prompt-section .prompt-content .params-row[data-v-1233ea69]{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.student-comment-panel .work-info-section .prompt-section .prompt-content .params-row .param-item[data-v-1233ea69]{align-items:center;color:#777e90;display:flex;font-family:"OPPO Sans 4.0",sans-serif;font-size:14px;font-weight:400;gap:8px;line-height:22px;white-space:nowrap}.student-comment-panel .work-info-section .prompt-section .prompt-content .params-row .param-item .param-divider[data-v-1233ea69]{background:#e6e8ec;border-radius:1px;height:12px;width:1px}.student-comment-panel .work-info-section[data-v-1233ea69] .dividerColor.el-divider--horizontal{--el-divider-border-color:#f4f5f6;margin:8px 0!important}.student-comment-panel .icon-button[data-v-1233ea69]{align-items:center;align-self:flex-end;border:1px solid #e6e8ec;border-radius:10px;color:#23262f;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;justify-content:center;padding:6px 16px;transition:background-color .15s ease,box-shadow .15s ease,border-color .15s ease,transform .1s ease;width:100px}.student-comment-panel .icon-button svg[data-v-1233ea69]{flex-shrink:0}.student-comment-panel .icon-button[data-v-1233ea69]:hover{background:#f5f7fb;border-color:#d1d5f0;box-shadow:0 2px 6px #0f235f1f}.student-comment-panel .icon-button[data-v-1233ea69]:active{box-shadow:0 1px 3px #0f235f29;transform:translateY(1px)}.student-comment-panel .comment-display[data-v-1233ea69]{display:flex;flex-direction:column;gap:12px;width:100%}.student-comment-panel .comment-display .section-title[data-v-1233ea69]{color:#777e90;font-family:"OPPO Sans 4.0",sans-serif;font-size:16px;font-weight:400;line-height:24px;margin:0}.student-comment-panel .comment-display .comment-card[data-v-1233ea69]{background:#fff;border-radius:20px;box-shadow:0 1px 4px -4px #00000014,0 8px 16px -12px #00000021;display:flex;flex-direction:column;gap:20px;padding:24px}.student-comment-panel .comment-display .comment-card .comment-meta[data-v-1233ea69]{align-items:center;display:flex;height:32px;justify-content:space-between}.student-comment-panel .comment-display .comment-card .comment-meta .teacher-info[data-v-1233ea69]{align-items:center;display:flex;gap:8px}.student-comment-panel .comment-display .comment-card .comment-meta .teacher-info .teacher-avatar[data-v-1233ea69]{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;overflow:hidden;width:32px}.student-comment-panel .comment-display .comment-card .comment-meta .teacher-info .teacher-avatar img[data-v-1233ea69]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.student-comment-panel .comment-display .comment-card .comment-meta .teacher-info .teacher-name[data-v-1233ea69]{color:#353945;font-family:"OPPO Sans 4.0",sans-serif;font-size:18px;font-weight:500;line-height:26px;white-space:nowrap}.student-comment-panel .comment-display .comment-card .comment-meta .star-display[data-v-1233ea69] .el-rate{height:28px}.student-comment-panel .comment-display .comment-card .comment-meta .star-display[data-v-1233ea69] .el-rate .el-rate__item .el-rate__icon{font-size:24px}.student-comment-panel .comment-display .comment-card .comment-text-content[data-v-1233ea69]{color:#353945;display:flex;flex-direction:column;font-family:"OPPO Sans 4.0",sans-serif;font-size:16px;font-weight:400;gap:8px;line-height:24px;white-space:pre-wrap;word-break:break-word}.student-comment-panel .comment-display .comment-card .comment-time-wrapper[data-v-1233ea69]{background:#f7f8fa;border-radius:8px;display:inline-flex;padding:4px 10px}.student-comment-panel .comment-display .comment-card .comment-time-wrapper .comment-time[data-v-1233ea69]{align-items:center;color:#777e90;display:flex;font-family:"OPPO Sans 4.0",sans-serif;font-size:14px;font-weight:400;gap:4px;line-height:22px;white-space:nowrap}.student-comment-panel .comment-display .comment-card .comment-time-wrapper .comment-time .time-date[data-v-1233ea69],.student-comment-panel .comment-display .comment-card .comment-time-wrapper .comment-time .time-hour[data-v-1233ea69],.student-comment-panel .comment-display .comment-card .comment-time-wrapper .comment-time .time-label[data-v-1233ea69]{color:#777e90}.student-comment-panel .no-comment[data-v-1233ea69]{padding:20px;text-align:center}.work-detail-page[data-v-cd59cc42]{background:#f7f8fa;bottom:0;flex-direction:column;font-family:PingFang SC,HarmonyOS Sans,-apple-system,BlinkMacSystemFont,sans-serif;z-index:9999}.detail-header[data-v-cd59cc42],.work-detail-page[data-v-cd59cc42]{display:flex;left:0;position:fixed;right:0;top:0}.detail-header[data-v-cd59cc42]{align-items:center;background:#fff;border-bottom:1px solid #e6e8ec;height:72px;padding-left:24px;padding-right:24px;z-index:100}.back-btn[data-v-cd59cc42]{align-items:center;background:transparent;border:none;display:inline-flex;justify-content:center;left:24px;padding:0}.back-btn[data-v-cd59cc42],.back-text[data-v-cd59cc42]{cursor:pointer;position:absolute;top:24px}.back-text[data-v-cd59cc42]{color:#353945;font-family:"OPPO Sans 4.0",PingFang SC,sans-serif;font-size:16px;font-weight:500;left:54px;line-height:24px;white-space:nowrap}.close-btn[data-v-cd59cc42]{align-items:center;background:transparent;border:none;cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;position:absolute;right:-86px;top:-20px;transition:opacity .2s ease;width:32px}.close-btn svg[data-v-cd59cc42]{fill:#000}.close-btn[data-v-cd59cc42]:hover{opacity:.7}.header-center[data-v-cd59cc42]{gap:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.header-avatar[data-v-cd59cc42],.header-center[data-v-cd59cc42]{align-items:center;display:flex}.header-avatar[data-v-cd59cc42]{border-radius:50%;height:24px;justify-content:center;overflow:hidden;width:24px}.header-avatar img[data-v-cd59cc42]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.header-center .user-name[data-v-cd59cc42]{color:#353945;font-family:"OPPO Sans 4.0",PingFang SC,sans-serif;font-size:18px;font-weight:500;letter-spacing:-.36px;line-height:26px;white-space:nowrap}.header-divider[data-v-cd59cc42]{background:#e6e8ec;border-radius:1px;height:16px;width:1px}.header-center .work-title[data-v-cd59cc42]{color:#353945;font-family:"OPPO Sans 4.0",PingFang SC,sans-serif;font-size:18px;font-weight:500;letter-spacing:-.36px;line-height:26px;max-width:182px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-container[data-v-cd59cc42]{flex:1;margin:0;max-width:100%;overflow-y:auto;padding:96px 100px 60px;position:relative;width:calc(100% - 445px)}.detail-container .close-btn[data-v-cd59cc42]{align-items:center;background:#f1f1f1;border:none;border-radius:8px;cursor:pointer;display:inline-flex;height:40px;justify-content:center;position:absolute;right:100px;top:96px;transition:opacity .2s ease;width:40px;z-index:100}.detail-container .close-btn svg[data-v-cd59cc42]{height:40px;width:40px}.detail-container.no-header[data-v-cd59cc42]{padding:24px 100px 20px}.detail-container.no-header .close-btn[data-v-cd59cc42]{right:16px;top:16px}.work-preview-wrapper[data-v-cd59cc42]{border-radius:0;flex:1;padding:0}.work-preview[data-v-cd59cc42],.work-preview-wrapper[data-v-cd59cc42]{align-items:center;display:flex;justify-content:center}.work-preview[data-v-cd59cc42]{flex-direction:column;gap:20px;width:100%}.work-preview .image-container[data-v-cd59cc42]{align-items:center;border-radius:24px;display:flex;height:calc(100vh - 48px);justify-content:center;overflow:hidden;position:relative;width:auto}.work-preview .image-container img[data-v-cd59cc42]{border-radius:24px;height:auto;-o-object-fit:contain;object-fit:contain;width:100%}.work-preview .image-container video[data-v-cd59cc42]{border-radius:24px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.work-preview img[data-v-cd59cc42]{max-height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.work-preview .work-video[data-v-cd59cc42]{border-radius:24px;max-height:calc(100vh - 48px);width:100%}.work-preview .music-detail-wrapper[data-v-cd59cc42]{margin:0 auto;position:relative;width:100%}.work-preview .music-detail-main[data-v-cd59cc42]{background-color:#14141633;border-radius:32px;height:calc(100vh - 48px);overflow:hidden;position:relative}.work-preview .music-bg-blur[data-v-cd59cc42]{background-position:50%;background-size:cover;filter:blur(28px);inset:0;opacity:.8;position:absolute;transform:scale(1.15)}.work-preview .music-detail-content[data-v-cd59cc42]{color:#f9fafb;display:flex;flex-direction:column;height:100%;padding:40px 56px;position:relative;z-index:1}.work-preview .music-detail-top[data-v-cd59cc42]{align-items:center;display:grid;flex:1;gap:40px;grid-template-columns:260px minmax(0,1fr);margin:auto;max-width:720px}.work-preview .music-detail-cover[data-v-cd59cc42]{border-radius:16px;height:260px;overflow:hidden;width:260px}.work-preview .music-detail-cover img[data-v-cd59cc42]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.work-preview .music-detail-lyrics[data-v-cd59cc42]{display:flex;flex-direction:column;gap:16px;max-height:280px}.work-preview .music-detail-title[data-v-cd59cc42]{font-size:28px;font-weight:600;margin:0}.work-preview .music-detail-lyrics-text[data-v-cd59cc42]{color:#f9fafbeb;font-size:15px;line-height:1.8;margin:0;white-space:pre-line}.work-preview .music-detail-lyrics-list[data-v-cd59cc42],.work-preview .music-detail-lyrics-text[data-v-cd59cc42]{max-height:260px;overflow-y:auto;padding-right:8px;scrollbar-width:none}.work-preview .music-detail-lyric-line[data-v-cd59cc42]{color:#f9fafb99;font-size:15px;line-height:1.8;margin:0}.work-preview .music-detail-lyric-line.active[data-v-cd59cc42]{color:#fff;font-weight:600}.work-preview .music-detail-lyrics-list[data-v-cd59cc42]::-webkit-scrollbar,.work-preview .music-detail-lyrics-text[data-v-cd59cc42]::-webkit-scrollbar{height:0;width:0}.work-preview .music-detail-controls[data-v-cd59cc42]{display:flex;flex-direction:column;flex-shrink:0;gap:16px;padding-bottom:24px}.work-preview .music-detail-buttons[data-v-cd59cc42]{align-items:center;display:flex;gap:12px;justify-content:center}.work-preview .music-detail-play[data-v-cd59cc42]{align-items:center;border:none;border-radius:999px;color:#111827;cursor:pointer;display:inline-flex;font-size:16px;height:44px;justify-content:center;width:44px}.work-preview .music-detail-progress-row[data-v-cd59cc42]{align-items:center;display:flex;gap:16px;justify-content:center;margin:16px auto 0}.work-preview .music-detail-time[data-v-cd59cc42]{color:#fff9;font-size:12px;min-width:42px;text-align:center}.work-preview .music-detail-progress-outer[data-v-cd59cc42]{background:rgba(209,213,219,.6);border-radius:999px;cursor:pointer;height:4px;overflow:hidden;width:520px}.work-preview .music-detail-progress-inner[data-v-cd59cc42]{background:#fff;border-radius:inherit;height:100%;transition:width .2s ease-out;width:0}.work-preview .chat-work[data-v-cd59cc42],.work-preview .tts-work[data-v-cd59cc42]{background:#fff;border-radius:8px;padding:20px;width:100%}.work-preview .chat-work label[data-v-cd59cc42],.work-preview .tts-work label[data-v-cd59cc42]{color:#333;display:block;font-weight:700;margin-bottom:10px}.work-preview .chat-work .tts-content[data-v-cd59cc42],.work-preview .chat-work .work-content[data-v-cd59cc42],.work-preview .tts-work .tts-content[data-v-cd59cc42],.work-preview .tts-work .work-content[data-v-cd59cc42]{background:#f9f9f9;border-radius:4px;color:#666;line-height:1.6;margin-bottom:15px;padding:15px;white-space:pre-wrap;word-break:break-all}.work-preview .chat-work .chat-messages[data-v-cd59cc42],.work-preview .tts-work .chat-messages[data-v-cd59cc42]{display:flex;flex-direction:column;gap:20px;width:100%}.work-preview .chat-work .message-box[data-v-cd59cc42],.work-preview .tts-work .message-box[data-v-cd59cc42]{word-wrap:break-word;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;padding:12px}.work-preview .chat-work .user-message-box[data-v-cd59cc42],.work-preview .tts-work .user-message-box[data-v-cd59cc42]{align-self:flex-end;background:#f4f5f6;border:none;margin-left:auto;margin-right:0;max-width:60%}.work-preview .chat-work .ai-message-box[data-v-cd59cc42],.work-preview .tts-work .ai-message-box[data-v-cd59cc42]{align-self:flex-start;background:#fff;margin-left:0;margin-right:auto;max-width:100%}.work-preview .chat-work .message-text[data-v-cd59cc42],.work-preview .tts-work .message-text[data-v-cd59cc42]{color:#23262f;font-size:15px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.work-preview .chat-work .audio-player[data-v-cd59cc42],.work-preview .tts-work .audio-player[data-v-cd59cc42]{margin-top:10px;width:100%}.work-preview .other-work-content[data-v-cd59cc42]{background:#fff;border-radius:8px;line-height:1.6;max-width:100%;padding:20px}.comment-section[data-v-cd59cc42]{background:#f7f8fa;border-left:1px solid #e6e8ec;bottom:0;display:flex;flex-direction:column;overflow:hidden;padding:0 32px 0 31px;position:fixed;right:0;top:72px;width:448px;z-index:50}.comment-section.no-header[data-v-cd59cc42]{top:0}@media (max-width:1200px){.detail-container[data-v-cd59cc42]{padding:0 16px}.comment-section[data-v-cd59cc42]{right:10px;width:300px}.user-message-box[data-v-cd59cc42]{max-width:70%}.ai-message-box[data-v-cd59cc42]{max-width:95%}}@media (max-width:900px){.detail-header[data-v-cd59cc42]{align-items:flex-start;flex-direction:column;gap:16px}.header-title[data-v-cd59cc42]{justify-content:flex-start;width:100%}.user-message-box[data-v-cd59cc42]{max-width:75%}.ai-message-box[data-v-cd59cc42]{max-width:95%}.message-box[data-v-cd59cc42]{padding:16px 20px}}@media (max-width:640px){.work-detail-page[data-v-cd59cc42]{padding-top:16px}.message-box[data-v-cd59cc42]{padding:14px 16px}.message-text[data-v-cd59cc42]{font-size:14px}}