.material-box[data-v-d8ecf9aa]{width:100%;height:auto;margin:50px auto 0}.material-box .box[data-v-d8ecf9aa]{width:100%;height:100%;padding:0;justify-content:center}.material-box .box .content[data-v-d8ecf9aa]{width:1200px;height:100%}.material-box .box .content .title[data-v-d8ecf9aa]{font-size:20px;font-weight:700;margin-top:40px}.material-box .box .content .tip[data-v-d8ecf9aa]{margin-top:15px;color:#4e5969}.material-box .box .content .material-cards[data-v-d8ecf9aa]{margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.material-box .box .content .material-cards .material-card[data-v-d8ecf9aa]{width:245px;background-color:#eee;border-radius:8px;padding:20px;cursor:pointer;transition:all .3s ease}.material-box .box .content .material-cards .material-card[data-v-d8ecf9aa]:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.material-box .box .content .material-cards .material-card .card-content[data-v-d8ecf9aa]{display:flex;align-items:center;justify-content:space-between}.material-box .box .content .material-cards .material-card .card-content .icon-wrapper[data-v-d8ecf9aa]{width:48px;height:48px;background-color:#ccc;border-radius:6px;display:flex;align-items:center;justify-content:center}.material-box .box .content .material-cards .material-card .card-content .icon-wrapper i[data-v-d8ecf9aa]{color:#bd7777;font-size:24px}.material-box .box .content .material-cards .material-card .card-content .text-content[data-v-d8ecf9aa]{margin-left:12px;flex:1}.material-box .box .content .material-cards .material-card .card-content .text-content .name[data-v-d8ecf9aa]{font-size:16px;font-weight:600;color:#333;margin-bottom:4px}.material-box .box .content .material-cards .material-card .card-content .text-content .count[data-v-d8ecf9aa]{font-size:14px;color:#666}.material-box .box .content .material-cards .material-card .card-content .arrow-icon[data-v-d8ecf9aa]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#99a5b4}.material-box .box .content .material-cards .material-card .sub-items[data-v-d8ecf9aa]{margin-top:10px;padding:10px 0 0;border-top:1px solid #e6e6e6}.material-box .box .content .material-cards .material-card .sub-items .sub-item-tags[data-v-d8ecf9aa]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.material-box .box .content .material-cards .material-card .sub-items .sub-item-tags .tag[data-v-d8ecf9aa]{padding:4px 12px;background-color:#e6e6e6;border-radius:10px;font-size:12px;color:#333;cursor:pointer;transition:all .2s ease}.material-box .box .content .material-cards .material-card .sub-items .sub-item-tags .tag[data-v-d8ecf9aa]:hover{background-color:#ccc}.material-box .box .content .material-cards .material-card .sub-items .view-all[data-v-d8ecf9aa]{text-align:center;font-size:14px;color:#2563eb;cursor:pointer;margin-top:15px}.material-box .box .content .material-cards .material-card .sub-items .view-all a[data-v-d8ecf9aa]{text-decoration:none;color:inherit}