.header[data-v-1aec5949]{position:fixed;top:0;left:0;right:0;height:60px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);z-index:100;box-shadow:0 2px 10px rgba(0,0,0,.05)}.header-content[data-v-1aec5949]{max-width:1440px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.logo[data-v-1aec5949]{display:flex;align-items:center}.logo img[data-v-1aec5949]{height:32px}.user-info[data-v-1aec5949]{color:#333}.user-name[data-v-1aec5949]{cursor:pointer;display:flex;align-items:center;gap:8px;color:#333;transition:all .3s ease}.user-name[data-v-1aec5949]:hover{color:#ff446a}.avatar[data-v-1aec5949]{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid hsla(0,0%,100%,.8);box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}.user-name:hover .avatar[data-v-1aec5949]{border-color:#ff446a;transform:scale(1.05)}.name[data-v-1aec5949]{font-size:14px;font-weight:500}.user-name i[data-v-1aec5949]{font-size:12px;margin-left:4px}[data-v-1aec5949] .el-dropdown-menu{border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);border:none;padding:8px 0}[data-v-1aec5949] .el-dropdown-menu__item{font-size:14px;padding:8px 16px;color:#333}[data-v-1aec5949] .el-dropdown-menu__item:hover{background-color:rgba(255,68,106,.1);color:#ff446a}@media (max-width:1440px){.header-content[data-v-1aec5949]{padding:0 20px}}.scratch-homework-container[data-v-d7d2bd52]{min-height:100vh;background:#edf1f8;padding-top:60px;display:flex;flex-direction:column}.homework-content[data-v-d7d2bd52]{display:flex;flex:1;height:calc(100vh - 60px)}.problem-panel[data-v-d7d2bd52]{width:400px;background:hsla(0,0%,100%,.95);box-shadow:0 10px 20px rgba(0,0,0,.1);display:flex;flex-direction:column;z-index:2}.panel-header[data-v-d7d2bd52]{padding:20px;border-bottom:1px solid rgba(0,0,0,.05)}.back-btn[data-v-d7d2bd52]{color:#ff446a;font-size:14px;padding:0;display:flex;align-items:center;gap:5px}.back-btn[data-v-d7d2bd52]:hover{color:#e63d60}.panel-content[data-v-d7d2bd52]{flex:1;overflow-y:auto;padding:20px}.problem-title h1[data-v-d7d2bd52]{color:#333;font-size:24px;margin:0 0 20px}.problem-title h2[data-v-d7d2bd52]{color:#333;font-size:18px;margin:30px 0 15px}.problem-description[data-v-d7d2bd52]{color:#666;font-size:14px;line-height:1.6}.action-buttons[data-v-d7d2bd52]{margin-top:30px}.download-btn[data-v-d7d2bd52]{background:#4ca5ff;border-color:#4ca5ff}.download-btn[data-v-d7d2bd52]:hover{background:#3b94ee;border-color:#3b94ee}.el-button--primary[data-v-d7d2bd52]{background:#ff446a;border-color:#ff446a}.el-button--primary[data-v-d7d2bd52]:hover{background:#e63d60;border-color:#e63d60}.scratch-panel[data-v-d7d2bd52]{flex:1;background:hsla(0,0%,100%,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;overflow:hidden}.scratch-panel iframe[data-v-d7d2bd52]{width:100%;height:100%;background:#fff}.loading-state[data-v-d7d2bd52]{color:hsla(0,0%,100%,.6);text-align:center;padding:40px}.history-btn[data-v-d7d2bd52]{position:fixed;left:40px;bottom:40px;width:48px;height:48px;background:#ff446a;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:100;box-shadow:0 4px 12px rgba(255,68,106,.3)}.history-btn i[data-v-d7d2bd52]{font-size:24px;color:#fff}.history-btn[data-v-d7d2bd52]:hover{transform:scale(1.1);background:#e63d60}.guide-content .el-button[data-v-d7d2bd52]{margin-top:12px;width:100%}@media (max-width:1200px){.problem-panel[data-v-d7d2bd52]{width:320px}}@media (max-width:768px){.homework-content[data-v-d7d2bd52]{flex-direction:column;height:auto}.problem-panel[data-v-d7d2bd52]{width:100%}.scratch-panel[data-v-d7d2bd52]{height:600px}.button-group[data-v-d7d2bd52]{flex-direction:column}.history-btn[data-v-d7d2bd52]{right:24px;bottom:24px}}.history-drawer[data-v-d7d2bd52] .el-drawer__header{margin-bottom:0;padding:20px;color:#333;font-size:18px;font-weight:500;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1)}.history-drawer[data-v-d7d2bd52] .el-drawer__body{background:hsla(0,0%,100%,.95);padding:0;overflow:hidden}.history-list[data-v-d7d2bd52]{padding:20px;height:calc(100% - 40px);overflow-y:auto;position:relative;z-index:1}.submission-item[data-v-d7d2bd52]{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:12px;padding:16px;margin-bottom:16px;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.05)}.submission-item[data-v-d7d2bd52]:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.1)}.submission-header[data-v-d7d2bd52]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.submission-time[data-v-d7d2bd52]{color:#666;font-size:14px;font-weight:500}.submission-content[data-v-d7d2bd52]{display:flex;flex-direction:column;gap:12px}.submission-info[data-v-d7d2bd52]{display:flex;flex-direction:column;gap:8px}.comment[data-v-d7d2bd52],.score[data-v-d7d2bd52]{display:flex;gap:8px;font-size:14px}.label[data-v-d7d2bd52]{color:#666;font-weight:500}.value[data-v-d7d2bd52]{color:#333}.submission-actions[data-v-d7d2bd52]{display:flex;justify-content:flex-end}.download-link[data-v-d7d2bd52]{color:#409eff;padding:4px 0}.download-link[data-v-d7d2bd52]:hover{color:#66b1ff}.empty-state[data-v-d7d2bd52]{text-align:center;color:#999;padding:40px 0}.history-list[data-v-d7d2bd52]::-webkit-scrollbar{width:6px}.history-list[data-v-d7d2bd52]::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:3px}.history-list[data-v-d7d2bd52]::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:3px}.history-list[data-v-d7d2bd52]::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}[data-v-d7d2bd52] .el-tag{background-color:transparent;border:1px solid currentColor}[data-v-d7d2bd52] .el-tag--success{background-color:rgba(45,238,199,.2);color:#2deec7;border:none}[data-v-d7d2bd52] .el-tag--info{background-color:rgba(76,165,255,.2);color:#4ca5ff;border:none}[data-v-d7d2bd52] .el-tag--warning{background-color:rgba(255,190,4,.2);color:#ffbe04;border:none}.comment[data-v-d7d2bd52],.label[data-v-d7d2bd52],.score[data-v-d7d2bd52],.submission-time[data-v-d7d2bd52],.value[data-v-d7d2bd52]{position:relative;z-index:2}.upload-area[data-v-d7d2bd52]{width:100%;.el-upload-dragger[data-v-d7d2bd52],.el-upload[data-v-d7d2bd52]{width:100%}}[data-v-d7d2bd52] .el-upload__tip{margin-top:10px;color:#666}[data-v-d7d2bd52] .guide-dialog{border-radius:16px;overflow:hidden}[data-v-d7d2bd52] .guide-dialog .el-dialog__header{padding:20px;background:#ff446a;color:#fff}[data-v-d7d2bd52] .guide-dialog .el-dialog__title{color:#fff;font-weight:500}[data-v-d7d2bd52] .guide-dialog .el-dialog__body{padding:30px}.guide-content[data-v-d7d2bd52]{color:#333;line-height:1.6}.guide-content p[data-v-d7d2bd52]{margin:12px 0;position:relative;padding-left:24px}.guide-content p[data-v-d7d2bd52]:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;background:#ff446a;border-radius:50%}[data-v-d7d2bd52] .guide-dialog .el-dialog__footer{padding:20px;text-align:center}[data-v-d7d2bd52] .guide-dialog .el-button--primary{width:120px;background:#ff446a;border-color:#ff446a}[data-v-d7d2bd52] .guide-dialog .el-button--primary:hover{background:#e63d60;border-color:#e63d60}