.material-preview-modal[data-v-0937fb6a]{border-radius:4px;overflow:hidden}.modal-header[data-v-0937fb6a]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:16px 24px;border-bottom:1px solid #f0f0f0}.modal-header .title[data-v-0937fb6a]{font-size:18px;font-weight:500;color:#1890ff}.modal-header .close-icon[data-v-0937fb6a]{font-size:16px;cursor:pointer;color:#999}.modal-header .close-icon[data-v-0937fb6a]:hover{color:#333}.material-container[data-v-0937fb6a]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.material-info[data-v-0937fb6a]{padding:20px 24px;background:#fff}.info-row[data-v-0937fb6a]{display:-ms-flexbox;display:flex;margin-bottom:16px;-ms-flex-align:start;align-items:flex-start}.info-label[data-v-0937fb6a]{width:100px;color:#666;font-weight:500}.info-value[data-v-0937fb6a]{-ms-flex:1;flex:1;color:#333}.tags[data-v-0937fb6a]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.tag[data-v-0937fb6a]{padding:4px 12px;border-radius:16px;font-size:13px}.tag-blue[data-v-0937fb6a]{background-color:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.tag-green[data-v-0937fb6a]{background-color:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.tag-orange[data-v-0937fb6a]{background-color:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.tag-purple[data-v-0937fb6a]{background-color:#f9f0ff;color:#722ed1;border:1px solid #d3adf7}.tag-cyan[data-v-0937fb6a]{background-color:#e6fffb;color:#13c2c2;border:1px solid #87e8de}.tag-magenta[data-v-0937fb6a]{background-color:#fff0f6;color:#eb2f96;border:1px solid #ffadd2}.tag-geekblue[data-v-0937fb6a]{background-color:#f0f5ff;color:#2f54eb;border:1px solid #adc6ff}.tag-red[data-v-0937fb6a]{background-color:#fff1f0;color:#f5222d;border:1px solid #ffa39e}.tag-volcano[data-v-0937fb6a]{background-color:#fff2e8;color:#fa541c;border:1px solid #ffbb96}.tag-gold[data-v-0937fb6a]{background-color:#fffbe6;color:#faad14;border:1px solid #ffe58f}.preview-area[data-v-0937fb6a]{background:#f9f9f9;border-top:1px solid #f0f0f0}.preview-header[data-v-0937fb6a]{padding:12px 24px;font-size:14px;color:#333;background:#f5f5f5;border-bottom:1px solid #eee}.preview-content[data-v-0937fb6a]{padding:20px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-height:300px}.video-player[data-v-0937fb6a]{position:relative;width:100%;max-width:640px;border-radius:4px;overflow:hidden;//box-shadow:0 4px 12px rgba(0,0,0,.15)}.placeholder-video[data-v-0937fb6a]{width:100%;height:auto;display:block}.play-button[data-v-0937fb6a]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.5);border-radius:50%;width:60px;height:60px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.play-button i[data-v-0937fb6a]{font-size:32px;color:#fff}.preview-images[data-v-0937fb6a]{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:656px}.preview-image[data-v-0937fb6a]{border-radius:4px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.preview-image img[data-v-0937fb6a]{width:100%;height:auto;display:block}.other-preview[data-v-0937fb6a]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#bbb}.other-preview i[data-v-0937fb6a]{font-size:64px;margin-bottom:16px}@media (min-width:768px){.material-container[data-v-0937fb6a]{-ms-flex-direction:row;flex-direction:row}.material-info[data-v-0937fb6a]{width:50%;border-right:1px solid #f0f0f0}.preview-area[data-v-0937fb6a]{width:50%;border-top:none}}