.material-creation[data-v-0081cfce]{max-width:1800px;margin:0 auto;padding:20px}.page-header[data-v-0081cfce]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-header h2[data-v-0081cfce]{margin:0;font-size:24px;color:#555}.card-header[data-v-0081cfce]{display:flex;justify-content:space-between;align-items:center}.property-panel[data-v-0081cfce],.toolbox[data-v-0081cfce]{padding:15px;background:#f5f7fa;border-radius:4px}.property-panel h4[data-v-0081cfce],.toolbox h4[data-v-0081cfce]{margin:0 0 15px 0;font-size:14px;color:#303133}.canvas-wrapper[data-v-0081cfce]{text-align:center;padding:20px;background:#f0f0f0;border-radius:4px}#material-canvas[data-v-0081cfce]{border:1px solid #dcdfe6;box-shadow:0 2px 12px rgba(0,0,0,.1)}.my-materials[data-v-0081cfce]{max-height:400px;overflow-y:auto}.material-item[data-v-0081cfce]{display:flex;align-items:center;padding:10px;margin-bottom:10px;background:#f5f7fa;border-radius:4px;transition:all .3s}.material-item[data-v-0081cfce]:hover{background:#ecf5ff}.material-item img[data-v-0081cfce]{width:60px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:4px;margin-right:10px}.material-info[data-v-0081cfce]{flex:1}.material-info p[data-v-0081cfce]{margin:3px 0;font-size:13px;color:#303133}.material-date[data-v-0081cfce]{font-size:12px;color:#909399}.training-tasks[data-v-0081cfce]{padding:10px 0}.task-item[data-v-0081cfce]{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:8px;background:#f5f7fa;border-radius:4px;font-size:13px;color:#606266}.task-item.completed[data-v-0081cfce]{background:#f0f9ff;border-left:3px solid #67c23a}.task-item i[data-v-0081cfce]{font-size:16px}.task-item.completed i[data-v-0081cfce]{color:#67c23a}