.practice-upload[data-v-10af8377]{background:linear-gradient(166deg,#71b2ff,rgba(113,178,255,0)),linear-gradient(206deg,#d9d2ff,rgba(217,210,255,0));border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:24px}.practice-upload .title[data-v-10af8377]{display:flex;align-items:center;gap:8px;color:#fff;font-weight:700}.practice-upload .content[data-v-10af8377]{padding:24px;display:flex;border-radius:16px;background-color:#fff}.practice-container[data-v-10af8377]{display:flex;flex-direction:column;gap:16px;margin-top:6px}.practice-list[data-v-10af8377]{display:flex;gap:12px}.practice-list[data-v-10af8377] .t-tag{cursor:pointer}.current-practice[data-v-10af8377]{display:flex;flex-direction:column;gap:16px}.current-practice .practice-section[data-v-10af8377]{display:flex;flex-direction:column;gap:16px;padding:16px;background:#f5f9ff}.current-practice .practice-section .practice-content[data-v-10af8377] img{max-width:100%}.practice-demo[data-v-1116d34b]{margin-top:50px}.practice-demo .head[data-v-1116d34b]{font-size:18px;color:#333}.practice-demo .main[data-v-1116d34b]{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.practice-demo .main .demo[data-v-1116d34b]{display:flex;flex-direction:column;justify-content:space-between;position:relative;border-radius:12px;border:1px solid #f2f2f2;padding:24px;background-color:#fff}.practice-demo .main .demo .demo-head[data-v-1116d34b]{display:flex;justify-content:space-between;gap:24px}.practice-demo .main .demo .demo-head .title-info[data-v-1116d34b]{display:flex;align-items:center;gap:10px;font-size:14px;color:#333}.practice-demo .main .demo .demo-head .title-info .file-icon[data-v-1116d34b]{width:20px;height:20px}.practice-demo .main .demo .demo-head .t-button[data-v-1116d34b]{background:#7eb4ff;border:none;cursor:default}.practice-demo .main .demo .demo-content[data-v-1116d34b]{margin-top:16px}.practice-demo .main .demo .demo-content .images[data-v-1116d34b]{display:flex;flex-wrap:wrap;gap:12px}.practice-demo .main .demo .demo-content .images .composition-img[data-v-1116d34b]{width:62px;height:62px;cursor:pointer;border:1px solid #e5e5e5;border-radius:4px}.practice-demo .main .demo .demo-content .text[data-v-1116d34b]{margin-top:12px;font-size:12px;color:#999}.practice-demo .main .demo .demo-footer[data-v-1116d34b]{margin-top:16px;display:flex;justify-content:flex-end}.practice-demo .main .demo .demo-footer .t-button[data-v-1116d34b]{background:#1677ff;border:none}@media (max-width:1200px){.practice-demo .main[data-v-1116d34b]{grid-template-columns:1fr}}.composition-home[data-v-0eee1266]{position:relative}.composition-home .header[data-v-0eee1266]{position:sticky;top:0;display:flex;align-items:center;padding:0 50px;height:50px;background-color:#fff}.composition-home .container[data-v-0eee1266]{display:flex;justify-content:center;min-height:calc(100vh - 50px);background:linear-gradient(182deg,#cfddff,#f9fafb 50%,#f9fafb)}.composition-home .container .content[data-v-0eee1266]{padding:30px 0;display:flex;flex-direction:column;gap:16px;width:70%}.mark-record[data-v-0eee1266]{position:fixed;top:80px;right:30px;width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#fff;color:#8dacff;font-size:12px;cursor:pointer}.mark-record .close[data-v-0eee1266]{position:absolute;top:0;right:0;width:16px;height:16px;line-height:16px;text-align:center;border-radius:50%;background-color:#ff5454;color:#fff;font-size:12px}