.m9-container[data-v-d312fb01]{align-items:center;background-color:#fff;display:flex;flex-direction:column;padding:80px 0}.section-header[data-v-d312fb01]{margin-bottom:60px;position:relative;text-align:center}.section-header .top-decoration[data-v-d312fb01]{left:50%;margin:0 auto;position:absolute;top:-140px;transform:translate(-50%);width:300px;z-index:1}.section-header .top-decoration img[data-v-d312fb01]{height:auto;width:100%}.section-header .title[data-v-d312fb01]{color:#333;font-size:36px;font-weight:700;margin-bottom:16px;position:relative;z-index:2}.section-header .subtitle[data-v-d312fb01]{color:#999;font-size:18px}.main-content[data-v-d312fb01]{align-items:center;background-image:url(https://oss.tigshop.com/official/img/pc/202602/1770271862weMtXIEd75cmQfj8wa.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:1px solid #eaeaea;border-radius:20px;display:flex;overflow:hidden;padding:60px 60px 40px}.left-panel[data-v-d312fb01]{flex:1;opacity:0;transform:translate(-40px);transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1)}.left-panel .panel-title[data-v-d312fb01]{color:#333;font-size:28px;font-weight:700;margin-bottom:12px}.left-panel .panel-desc[data-v-d312fb01]{color:#666;font-size:16px;margin-bottom:30px}.left-panel .grid-header[data-v-d312fb01]{font-size:18px;font-weight:700;margin-bottom:20px}.diy-grid[data-v-d312fb01]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}.diy-grid .grid-item[data-v-d312fb01]{align-items:center;border:1px solid #eee;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-weight:500;justify-content:center;padding:15px 0;transition:all .3s;width:90px}.diy-grid .grid-item .icon-box[data-v-d312fb01]{margin-bottom:8px}.diy-grid .grid-item.active[data-v-d312fb01]{background:#e0e9ff;border-color:#4c80fa}.diy-grid .grid-item.active .icon-box[data-v-d312fb01]{color:#4c80fa}.diy-grid .grid-item .item-text[data-v-d312fb01]{color:#333;font-size:13px;white-space:nowrap}.action-btn[data-v-d312fb01]{background:linear-gradient(90deg,#2b65f8 10%,#764af3);border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;padding:12px 30px;transition:opacity .3s}.action-btn[data-v-d312fb01]:hover{opacity:.9}.right-panel[data-v-d312fb01]{flex:1.3;opacity:0;position:relative;transform:translate(40px);transition:opacity .45s cubic-bezier(.22,1,.36,1) .12s,transform .45s cubic-bezier(.22,1,.36,1) .12s}.right-panel .preview-media[data-v-d312fb01]{border-radius:10px;display:block;height:auto;width:100%}.right-panel .preview-placeholder[data-v-d312fb01]{left:0;position:absolute;top:0;transition:opacity .2s ease;z-index:1}.right-panel .preview-placeholder.is-hidden[data-v-d312fb01]{opacity:0;pointer-events:none}.right-panel video.preview-media[data-v-d312fb01]{opacity:0;transition:opacity .2s ease}.right-panel video.preview-media.is-ready[data-v-d312fb01]{opacity:1}.right-panel .fade-enter-active[data-v-d312fb01],.right-panel .fade-leave-active[data-v-d312fb01]{transition:opacity .3s ease!important}.right-panel .fade-enter-from[data-v-d312fb01],.right-panel .fade-leave-to[data-v-d312fb01]{opacity:0!important}.right-panel .fade-leave-active[data-v-d312fb01]{left:0;position:absolute;top:0}.main-content.is-visible .left-panel[data-v-d312fb01],.main-content.is-visible .right-panel[data-v-d312fb01]{opacity:1;transform:translate(0)}@media(max-width:1024px){.main-content[data-v-d312fb01]{background-image:none;border:none;flex-direction:column;padding:30px}.right-panel[data-v-d312fb01]{display:none}.section-header .title[data-v-d312fb01]{font-size:28px}.diy-grid[data-v-d312fb01]{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.m9-container[data-v-d312fb01]{padding:40px 0}.top-decoration[data-v-d312fb01]{width:160px}.section-header .title[data-v-d312fb01]{font-size:22px}.section-header .subtitle[data-v-d312fb01]{font-size:14px}.left-panel .panel-title[data-v-d312fb01]{font-size:20px}.diy-grid[data-v-d312fb01]{grid-template-columns:repeat(2,1fr)}.right-panel[data-v-d312fb01]{width:100%}}