.samples-hero[data-v-30038cbd]{padding:100px 0 40px;text-align:center}.samples-hero .hero-content[data-v-30038cbd]{margin:0 auto;max-width:1200px}.samples-hero .hero-title[data-v-30038cbd]{color:#201515;font-size:56px;font-weight:800;letter-spacing:-1px;line-height:1.1;margin-bottom:24px}@media (max-width:768px){.samples-hero .hero-title[data-v-30038cbd]{font-size:36px}}.samples-hero .hero-title .hero-title-line2[data-v-30038cbd]{color:#555;font-size:36px;font-weight:600;letter-spacing:-.5px}@media (max-width:768px){.samples-hero .hero-title .hero-title-line2[data-v-30038cbd]{font-size:24px}}.samples-hero .hero-subtitle[data-v-30038cbd]{color:#403f3e;font-size:20px;font-weight:500;line-height:1.6;margin:0 auto 40px;max-width:700px}@media (max-width:768px){.samples-hero .hero-subtitle[data-v-30038cbd]{font-size:16px;margin-bottom:30px}}.samples-hero .search-wrapper[data-v-30038cbd]{box-sizing:border-box;margin:0 auto;max-width:600px;padding:0 20px}.samples-hero .search-wrapper[data-v-30038cbd] .el-input__wrapper{background:#fff;border:1px solid #e9e9e9;border-radius:24px;box-shadow:0 8px 24px #0000000f;padding:8px 24px}.samples-hero .search-wrapper[data-v-30038cbd] .el-input__wrapper.is-focus{border-color:#f66442!important;box-shadow:0 8px 24px #f6644226!important;outline:none}.samples-hero .search-wrapper[data-v-30038cbd] .el-input__inner{font-size:16px;height:48px}.samples-hero .search-wrapper[data-v-30038cbd] .el-input__inner:focus{outline:none}.type-icon-grid[data-v-f340df72]{padding:40px 0 80px}.type-icon-grid .container[data-v-f340df72]{margin:0 auto;max-width:1200px}.type-icon-grid .section-title[data-v-f340df72]{color:#201515;font-size:32px;font-weight:800;margin-bottom:50px;text-align:center}.type-icon-grid .tabs[data-v-f340df72]{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:50px}.type-icon-grid .tabs .tab-btn[data-v-f340df72]{background:#fff;border:1px solid #e0e0e0;border-radius:50px;box-shadow:0 2px 4px #0000000d;color:#666;cursor:pointer;font-size:16px;font-weight:600;padding:12px 28px;transition:all .3s ease}.type-icon-grid .tabs .tab-btn[data-v-f340df72]:hover{background:#fff;border-color:#f66442;color:#f66442}.type-icon-grid .tabs .tab-btn.active[data-v-f340df72]{background:#f66442;border-color:#f66442;box-shadow:0 4px 12px #f6644233;color:#fff}@media (max-width:768px){.type-icon-grid .tabs .tab-btn[data-v-f340df72]{font-size:14px;padding:8px 16px}}.type-icon-grid .list-container[data-v-f340df72]{box-sizing:border-box;display:flex;flex-direction:column;gap:24px;padding:0 20px}.type-icon-grid .list-container .type-list-card[data-v-f340df72]{background:#fff;border:1px solid #eee;border-radius:16px;color:inherit;display:flex;flex-direction:row;overflow:hidden;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1)}@media (max-width:768px){.type-icon-grid .list-container .type-list-card[data-v-f340df72]{flex-direction:column}}.type-icon-grid .list-container .type-list-card[data-v-f340df72]:hover{border-color:#f66442;box-shadow:0 16px 32px #00000014;transform:translateY(-4px)}.type-icon-grid .list-container .type-list-card .card-left[data-v-f340df72]{border-right:1px solid #f0f0f0;display:flex;flex-direction:column;padding:24px;width:320px}@media (max-width:768px){.type-icon-grid .list-container .type-list-card .card-left[data-v-f340df72]{border-bottom:1px solid #f0f0f0;border-right:none;box-sizing:border-box;width:100%}}.type-icon-grid .list-container .type-list-card .card-left .card-thumb[data-v-f340df72]{background:#f8f9fa;border:1px solid #f0f0f0;border-radius:8px;box-shadow:inset 0 2px 4px #00000005;height:180px;margin-bottom:20px;overflow:hidden}.type-icon-grid .list-container .type-list-card .card-left .card-thumb .thumb-img[data-v-f340df72]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%}.type-icon-grid .list-container .type-list-card .card-left .card-thumb .thumb-placeholder[data-v-f340df72]{align-items:center;background:linear-gradient(45deg,#f3f3f3 25%,transparent 0,transparent 75%,#f3f3f3 0,#f3f3f3),linear-gradient(45deg,#f3f3f3 25%,transparent 0,transparent 75%,#f3f3f3 0,#f3f3f3);background-position:0 0,10px 10px;background-size:20px 20px;display:flex;height:100%;justify-content:center;width:100%}.type-icon-grid .list-container .type-list-card .card-left .card-title[data-v-f340df72]{color:#201515;font-size:20px;font-weight:700;margin:0 0 16px;text-align:center}.type-icon-grid .list-container .type-list-card .card-right[data-v-f340df72]{display:flex;flex:1;flex-direction:column;padding:32px}@media (max-width:768px){.type-icon-grid .list-container .type-list-card .card-right[data-v-f340df72]{padding:24px}}.type-icon-grid .list-container .type-list-card .card-right .short-intro[data-v-f340df72]{color:#403f3e;font-size:16px;line-height:1.6;margin:auto 0}.type-icon-grid .list-container .type-list-card .card-right .learn-more-btn[data-v-f340df72]{align-items:center;align-self:flex-end;color:#f66442;cursor:pointer;display:inline-flex;font-size:16px;gap:4px;margin-top:24px}.type-icon-grid .list-container .type-list-card .card-right .learn-more-btn .btn-text[data-v-f340df72]{border-bottom:1px solid transparent;font-weight:600;padding-bottom:2px;transition:all .3s ease}.type-icon-grid .list-container .type-list-card .card-right .learn-more-btn .btn-arrow[data-v-f340df72]{transition:transform .3s ease}.type-icon-grid .list-container .type-list-card .card-right .learn-more-btn:hover .btn-text[data-v-f340df72]{border-bottom:1px solid #f66442}.type-icon-grid .list-container .type-list-card .card-right .learn-more-btn:hover .btn-arrow[data-v-f340df72]{transform:translate(6px)}.v-header{background:transparent!important}.samples-hub[data-v-5983bff0]{background:linear-gradient(180deg,#fff4f1,transparent 420px);color:#201515;margin-top:-80px;overflow:clip;padding-top:80px;position:relative;z-index:0}.samples-hub .circle_items[data-v-5983bff0]{height:660px;left:50%;margin-left:-472px;pointer-events:none;position:absolute;top:290px;width:100%;z-index:-1}.samples-hub .circle_items .circle_01[data-v-5983bff0]{background:#ffa08b;border-radius:660px;filter:blur(300px);height:460px;left:0;position:absolute;top:0;width:660px}.samples-hub .circle_items .circle_02[data-v-5983bff0]{background:#ffca42;border-radius:440px;filter:blur(300px);height:240px;position:absolute;right:0;top:110px;width:440px}.container[data-v-5983bff0]{margin:0 auto;max-width:1200px}