.material-selector-content{width:100%;min-width:900px}.material-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:16px!important;max-height:400px;overflow-y:auto}.material-item{min-width:0;border:1px solid #e8e8e8;border-radius:6px;padding:12px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;background:#fff;min-height:280px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.material-item:hover{border-color:#1890ff;-webkit-box-shadow:0 2px 8px rgba(24,144,255,.15);box-shadow:0 2px 8px rgba(24,144,255,.15)}.material-item.selected{border-color:#1890ff!important;background:#f0f8ff!important;-webkit-box-shadow:0 2px 8px rgba(24,144,255,.2)!important;box-shadow:0 2px 8px rgba(24,144,255,.2)!important;position:relative}.material-item.selected:after{content:"\2713";position:absolute;top:8px;right:8px;width:20px;height:20px;background:#1890ff;color:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px;font-weight:700}.material-item .material-name{margin-top:8px;font-size:12px;color:#666;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.material-item .image-material{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.material-item .image-material .image-container{width:100%;height:120px;overflow:hidden;border-radius:4px;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#f8f9fa}.material-item .image-material .image-container .image-preview{width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;border-radius:4px}.material-item .news-material .news-single{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;border-radius:8px;overflow:hidden;background:#fff;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.material-item .news-material .news-single .news-cover-large{width:100%;height:auto;padding-bottom:56.25%;background-size:cover;background-position:50%;background-color:#e3e4e5;border-radius:8px 8px 0 0;position:relative}.material-item .news-material .news-single .news-content-large{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:12px}.material-item .news-material .news-single .news-content-large .news-title-large{font-size:14px;font-weight:600;color:#333;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;max-height:40px}.material-item .news-material .news-single .news-content-large .news-desc-large{font-size:12px;color:#666;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;-webkit-box-flex:1;-ms-flex:1;flex:1}.material-item .news-material .news-single .news-content-large .news-meta-large{margin-top:auto;font-size:11px;color:#999}.material-item .news-material .news-single .news-content-large .news-meta-large .news-date{color:#999}.material-item .news-material .news-multiple .news-content{position:relative}.material-item .news-material .news-multiple .post-item{position:relative;border-bottom:1px solid #f5f5f5}.material-item .news-material .news-multiple .post-item:last-child{border-bottom:none}.material-item .news-material .news-multiple .main-post{position:relative}.material-item .news-material .news-multiple .main-cover{height:180px;background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative;border-radius:8px 8px 0 0}.material-item .news-material .news-multiple .cover-title{position:absolute;bottom:0;left:0;right:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.8)));background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;padding:16px;font-size:15px;line-height:1.4;font-weight:500}.material-item .news-material .news-multiple .sub-post{padding:12px 16px}.material-item .news-material .news-multiple .sub-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.material-item .news-material .news-multiple .sub-title{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:13px;line-height:1.4;color:#333;font-weight:500}.material-item .news-material .news-multiple .sub-cover{width:60px;height:45px;background-size:cover;background-position:50%;background-repeat:no-repeat;border-radius:6px;-ms-flex-negative:0;flex-shrink:0}.material-item .news-material .news-multiple .post-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:12px 16px;border-top:1px solid #f5f5f5;background:#fafafa}.material-item .news-material .news-multiple .toolbar-item{margin:0 12px}.material-item .news-material .news-multiple .news-count-text{background:#f0f0f0;color:#666;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500}.material-item .video-material .video-container{position:relative;width:100%;height:120px;background:#f0f0f0;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.material-item .video-material .video-container video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px}.material-item .video-material .video-container .play-icon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:32px;color:#1890ff;background:hsla(0,0%,100%,.9);border-radius:50%;width:48px;height:48px}.material-item .audio-material .audio-container,.material-item .video-material .video-container .play-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.material-item .audio-material .audio-container{width:100%;height:80px;background:#f8f9fa;border-radius:4px;border:1px dashed #d9d9d9}.mass-record-page{padding:16px;background:#f5f7fa;min-height:100vh}.mass-record-page .page-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px;background:#fff;padding:16px;border-radius:12px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08)}.mass-record-page .page-header h2{margin:0;color:#333;font-size:18px;font-weight:600}.mass-record-page .material-selector .selected-material{border-radius:12px;overflow:hidden;background:#fff;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);border:1px solid #e8e8e8;margin-top:12px}.mass-record-page .form-help{margin-top:8px;font-size:12px;color:#999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mass-record-page .form-help .anticon{margin-right:4px;color:#1890ff}.mass-record-page .error-content{display:inline-block;margin-left:5px}.mass-record-page .error-content .anticon{cursor:pointer;font-size:14px}.mass-record-page .error-banner{margin-top:16px}.mass-record-page .error-banner .ant-alert{border-radius:8px}.mass-record-page .error-banner .ant-alert .ant-alert-message{font-weight:500}.mass-record-page .error-banner .ant-alert .ant-alert-description{margin-top:4px;word-break:break-all;line-height:1.5}.mass-record-page .selected-material{border-radius:12px;overflow:hidden;background:#fff;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);border:1px solid #e8e8e8;margin-top:12px}.mass-record-page .reselect-btn{margin-top:12px;border-radius:8px;height:36px;padding:0 16px;font-weight:500}@media (max-width:768px){.mass-record-page{padding:12px}.mass-record-page .page-header{margin-bottom:12px;padding:12px 16px}.mass-record-page .page-header h2{font-size:16px}.mass-record-page .selected-material{margin-top:8px}}.mass-record-item .news-single{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:12px;overflow:hidden;background:#fff;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);border:1px solid #e8e8e8}.mass-record-item .news-single .news-cover-large{width:100%;height:200px;background-color:transparent!important;border-radius:12px 12px 0 0;position:relative;overflow:hidden}.mass-record-item .news-single .news-cover-large .news-cover-image{width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;border-radius:12px 12px 0 0}.mass-record-item .news-single .news-cover-large img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;border-radius:12px 12px 0 0!important;display:block!important;opacity:1!important;visibility:visible!important;position:relative!important;z-index:10!important}.mass-record-item .news-single .news-cover-large .news-title-overlay{position:absolute;bottom:0;left:0;right:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.7)));background:linear-gradient(transparent,rgba(0,0,0,.7));padding:20px 16px 16px;color:#fff}.mass-record-item .news-single .news-cover-large .news-title-overlay .news-title-text{font-size:16px;font-weight:600;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mass-record-item .news-single .news-content-large{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:16px}.mass-record-item .news-single .news-content-large .news-desc-large{font-size:14px;color:#666;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:12px;-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:42px}.mass-record-item .news-single .news-content-large .news-meta-large{font-size:12px;color:#999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mass-record-item .news-single .news-content-large .news-meta-large .news-date{color:#999}.mass-record-item .news-multiple .news-preview{background:#fff;border-radius:12px;overflow:hidden;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);border:1px solid #e8e8e8;position:relative}.mass-record-item .news-multiple .news-preview .news-content{position:relative}.mass-record-item .news-multiple .news-preview .post-item{position:relative;border-bottom:1px solid #f5f5f5}.mass-record-item .news-multiple .news-preview .post-item:last-child{border-bottom:none}.mass-record-item .news-multiple .news-preview .main-post{position:relative}.mass-record-item .news-multiple .news-preview .main-cover{height:180px;background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative;border-radius:8px 8px 0 0}.mass-record-item .news-multiple .news-preview .cover-title{position:absolute;bottom:0;left:0;right:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.8)));background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;padding:16px;font-size:15px;line-height:1.4;font-weight:500}.mass-record-item .news-multiple .news-preview .sub-post{padding:12px 16px}.mass-record-item .news-multiple .news-preview .sub-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.mass-record-item .news-multiple .news-preview .sub-title{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:13px;line-height:1.4;color:#333;font-weight:500}.mass-record-item .news-multiple .news-preview .sub-cover{width:60px;height:45px;background-size:cover;background-position:50%;background-repeat:no-repeat;border-radius:6px;-ms-flex-negative:0;flex-shrink:0}.mass-record-item .news-multiple .news-preview .post-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:12px 16px;border-top:1px solid #f5f5f5;background:#fafafa}.mass-record-item .news-multiple .news-preview .toolbar-item{margin:0 12px}.mass-record-item .news-multiple .news-preview .news-count-text{background:#f0f0f0;color:#666;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500}.mass-record-item .news-cover-large img[src*=default-image],.mass-record-item .news-main-cover img[src*=default-image],.mass-record-item .news-sub-cover img[src*=default-image]{opacity:.5}.mass-record-item .news-cover-large img,.mass-record-item .news-main-cover img,.mass-record-item .news-sub-cover img{-webkit-transition:opacity .3s ease;transition:opacity .3s ease}@media (max-width:768px){.mass-record-item .news-multiple,.mass-record-item .news-single{margin:0 8px}}.mass-record-page[data-v-021f226b]{padding:20px;background:#f5f7fa;min-height:100vh}.mass-record-page .page-header[data-v-021f226b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;background:#fff;padding:16px 20px;border-radius:6px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.06);box-shadow:0 1px 4px rgba(0,0,0,.06)}.mass-record-page .page-header h2[data-v-021f226b]{margin:0;color:#333;font-size:18px;font-weight:500}.mass-record-page .material-selector .selected-material[data-v-021f226b]{border-radius:8px;overflow:hidden;background:#fff;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e8e8e8;margin-top:12px}.mass-record-page .form-help[data-v-021f226b]{margin-top:8px;font-size:12px;color:#999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mass-record-page .form-help .anticon[data-v-021f226b]{margin-right:4px;color:#1890ff}.mass-record-page .error-content[data-v-021f226b]{display:inline-block;margin-left:5px}.mass-record-page .error-content .anticon[data-v-021f226b]{cursor:pointer;font-size:14px}.mass-record-page .error-banner[data-v-021f226b]{margin-top:16px}.mass-record-page .error-banner .ant-alert[data-v-021f226b]{border-radius:4px}.mass-record-page .error-banner .ant-alert .ant-alert-message[data-v-021f226b]{font-weight:500}.mass-record-page .error-banner .ant-alert .ant-alert-description[data-v-021f226b]{margin-top:4px;word-break:break-all;line-height:1.5}.mass-record-page .selected-material[data-v-021f226b]{border-radius:8px;overflow:hidden;background:#fff;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e8e8e8;margin-top:12px}.mass-record-page .reselect-btn[data-v-021f226b]{margin-top:12px;border-radius:6px;height:32px;padding:0 16px}