.product-ad-page[data-v-baf7faa3]{padding:0 48px 48px}.hero[data-v-baf7faa3]{margin-bottom:32px;margin-top:80px;text-align:center}.hero-title[data-v-baf7faa3]{color:#fff;flex-direction:column;font-family:"OPPO Sans 4.0",Manrope,sans-serif;font-size:40px;font-weight:600;gap:12px;line-height:1.175;margin:0}.hero-title[data-v-baf7faa3],.hero-title-line[data-v-baf7faa3]{align-items:center;display:flex}.hero-title-line[data-v-baf7faa3]{gap:10px;justify-content:center;min-height:47px}.hero-title-line .hover-scale[data-v-baf7faa3]:hover{transform:scale(1.2)}.hero-media-product[data-v-baf7faa3]{align-items:flex-end;display:inline-flex;flex:0 0 120px;height:38px;justify-content:flex-end;position:relative;width:120px}.hero-media-product-img[data-v-baf7faa3]{border-radius:19px;bottom:0;height:38px;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;transform-origin:right bottom;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .25s ease;width:120px;z-index:3}.hero-media-product-middle[data-v-baf7faa3]{width:113.566px}.hero-media-product-back[data-v-baf7faa3],.hero-media-product-middle[data-v-baf7faa3]{height:38px;opacity:0;transform:rotate(0) translateY(0)}.hero-media-product-back[data-v-baf7faa3]{width:90.003px}.hero-media-product-middle[data-v-baf7faa3]{z-index:2}.hero-media-product-back[data-v-baf7faa3]{z-index:1}.hero-media-product[data-v-baf7faa3]:hover{transform:scale(1.2)}.hero-media-product:hover .hero-media-product-middle[data-v-baf7faa3]{opacity:1;transform:translate(-22px) rotate(35deg)}.hero-media-product:hover .hero-media-product-back[data-v-baf7faa3]{opacity:1;transform:translate(-36px) rotate(70deg)}.hero-media-video[data-v-baf7faa3]{background:linear-gradient(135deg,hsla(0,0%,100%,.3) 0 20%,transparent 21% 100%),linear-gradient(90deg,#ffe6a8,#ff8a5c 46%,#7c4dff);width:80px}.kicker[data-v-baf7faa3]{color:#a1a1aa;font-size:12px;font-weight:800;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.subtitle[data-v-baf7faa3]{color:#fff6;font-family:Manrope,sans-serif;font-size:13px;line-height:1.45;margin:12px auto 0;max-width:700px}.composer[data-v-baf7faa3]{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff1a;border:1px solid hsla(0,0%,100%,.1);border-radius:28px;box-shadow:0 24px 80px #00000047;margin:0 auto;max-width:896px;overflow:hidden;padding:16px;position:relative}.composer-assets[data-v-baf7faa3]{display:flex;gap:8px;min-width:0;z-index:1}.asset-tile[data-v-baf7faa3],.composer-assets[data-v-baf7faa3]{align-items:center;position:relative}.asset-tile[data-v-baf7faa3]{background:linear-gradient(180deg,#fff0,#ffffff0a);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;color:#fffc;cursor:pointer;display:inline-flex;flex:0 0 60px;flex-direction:column;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;gap:3px;height:60px;justify-content:center;overflow:hidden;padding:0;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;width:60px}.asset-tile img[data-v-baf7faa3]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.asset-tile[data-v-baf7faa3]:focus,.asset-tile[data-v-baf7faa3]:hover{background:#ffffff14;border-color:#ffffff47;box-shadow:inset 0 0 0 1px #ffffff14;transform:translateY(-1px)}.asset-tile.selected[data-v-baf7faa3]{background:#ffffff1a;border-color:#ffffff4d}.asset-clear-btn[data-v-baf7faa3]{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000094;border-radius:999px;color:#fff;display:flex;height:22px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:opacity .2s ease,background .2s ease;width:22px;z-index:2}.asset-clear-btn[data-v-baf7faa3]:focus,.asset-clear-btn[data-v-baf7faa3]:hover{background:#000000c7}.asset-clear-btn[data-v-baf7faa3]:focus,.asset-tile:focus .asset-clear-btn[data-v-baf7faa3],.asset-tile:hover .asset-clear-btn[data-v-baf7faa3]{opacity:1}.reference-preview-list[data-v-baf7faa3]{align-items:center;display:flex;gap:8px;min-width:0;overflow:visible}.reference-preview-list[data-v-baf7faa3]:before{background:#ffffff1a;content:"";flex:0 0 1px;height:16px;width:1px}.reference-preview[data-v-baf7faa3]{flex:0 0 60px;height:60px;position:relative;width:60px}.reference-preview-media[data-v-baf7faa3]{align-items:center;background:#ffffff0f;border:1px solid hsla(0,0%,100%,.1);border-radius:18px;color:#fff;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.reference-preview-media img[data-v-baf7faa3]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.reference-clear-btn[data-v-baf7faa3]{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;border:0;border-radius:8px;cursor:pointer;display:flex;height:16px;justify-content:center;opacity:0;padding:0;pointer-events:none;position:absolute;right:-4px;top:-4px;transition:opacity .2s ease;width:16px;z-index:2}.reference-clear-btn[data-v-baf7faa3]:focus,.reference-preview:focus-within .reference-clear-btn[data-v-baf7faa3],.reference-preview:hover .reference-clear-btn[data-v-baf7faa3]{opacity:1;pointer-events:auto}.prompt-panel[data-v-baf7faa3]{margin-top:18px;min-width:0;position:relative;z-index:1}.prompt-panel[data-v-baf7faa3] .fs13.c-\#898A8B{color:#ffffff4d}.prompt-panel[data-v-baf7faa3] .el-textarea__inner,.prompt-panel[data-v-baf7faa3] textarea{color:#ffffff4d;font-size:14px;font-weight:400;line-height:19px}.prompt-panel[data-v-baf7faa3] .el-textarea__inner::-moz-placeholder,.prompt-panel[data-v-baf7faa3] textarea::-moz-placeholder{color:#ffffff4d}.prompt-panel[data-v-baf7faa3] .el-textarea__inner::placeholder,.prompt-panel[data-v-baf7faa3] textarea::placeholder{color:#ffffff4d}.composer-footer[data-v-baf7faa3]{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-top:24px;position:relative;z-index:1}.composer-tools[data-v-baf7faa3]{align-items:center;display:flex;gap:8px;min-width:0}.composer-chip[data-v-baf7faa3],.reference-add-btn[data-v-baf7faa3]{border:0;color:#fff;cursor:pointer;font-family:Manrope,sans-serif;outline:0}.reference-add-btn[data-v-baf7faa3]{background:transparent;border-radius:18px;flex:0 0 36px;height:36px;padding:0;position:relative;width:36px}.reference-badge[data-v-baf7faa3]{background:#fff;border-radius:999px;box-sizing:border-box;color:#070707;display:flex;font-size:10px;height:14px;min-width:14px;padding:0 4px;position:absolute;right:-3px;top:-3px}.composer-chip[data-v-baf7faa3],.reference-badge[data-v-baf7faa3]{align-items:center;font-weight:500;justify-content:center}.composer-chip[data-v-baf7faa3]{background:transparent;border:1px solid hsla(0,0%,100%,.1);border-radius:18px;display:inline-flex;font-size:12px;gap:4px;height:36px;line-height:17px;max-width:180px;padding:8px 12px;transition:border-color .2s ease,background .2s ease;white-space:nowrap}.composer-chip span[data-v-baf7faa3]{min-width:0;overflow:hidden;text-overflow:ellipsis}.composer-chip[data-v-baf7faa3]:focus,.composer-chip[data-v-baf7faa3]:hover{background:#ffffff0f;border-color:#ffffff3d}.composer-hook-chip .hook-clear-btn[data-v-baf7faa3],.composer-hook-chip .style-clear-btn[data-v-baf7faa3],.composer-style-chip .hook-clear-btn[data-v-baf7faa3],.composer-style-chip .style-clear-btn[data-v-baf7faa3]{align-items:center;border-radius:50%;color:#ffffffb8;display:inline-flex;flex:0 0 14px;height:14px;justify-content:center;margin-left:2px;width:14px}.composer-hook-chip .hook-clear-btn[data-v-baf7faa3]:focus,.composer-hook-chip .hook-clear-btn[data-v-baf7faa3]:hover,.composer-hook-chip .style-clear-btn[data-v-baf7faa3]:focus,.composer-hook-chip .style-clear-btn[data-v-baf7faa3]:hover,.composer-style-chip .hook-clear-btn[data-v-baf7faa3]:focus,.composer-style-chip .hook-clear-btn[data-v-baf7faa3]:hover,.composer-style-chip .style-clear-btn[data-v-baf7faa3]:focus,.composer-style-chip .style-clear-btn[data-v-baf7faa3]:hover{background:#ffffff1f;color:#fff}.composer-generate[data-v-baf7faa3]{align-items:center;display:flex;flex:0 0 auto;gap:12px;justify-content:flex-end}.credit-info[data-v-baf7faa3]{align-items:center;color:#fff;display:flex;font-family:Manrope,sans-serif;font-size:12px;font-weight:400;gap:4px;line-height:17px}.credit-info .original-credit[data-v-baf7faa3]{color:#ffffff7a;text-decoration:line-through}.generate-action[data-v-baf7faa3]{width:36px}.generate-action[data-v-baf7faa3] .flex.items-center{display:none!important}.generate-action[data-v-baf7faa3] .ui-el-button-primary-green{background:#fff!important;border:0!important;border-radius:18px!important;color:#070707!important;flex:0 0 36px!important;font-size:0!important;height:36px!important;min-width:36px!important;padding:0!important;width:36px!important}.generate-action[data-v-baf7faa3] .ui-el-button-primary-green.is-loading .el-icon{display:none!important}.generate-action[data-v-baf7faa3] .el-button [class*=el-icon]+span{margin:0}@media(max-width:768px){.product-ad-page[data-v-baf7faa3]{padding-bottom:24px}.hero[data-v-baf7faa3]{margin:20px auto 18px}.hero-title[data-v-baf7faa3]{align-items:flex-start;font-size:30px}.hero-title-line[data-v-baf7faa3]{flex-wrap:wrap;justify-content:flex-start;min-height:auto}.hero-media-product[data-v-baf7faa3]{flex-basis:96px;height:32px;width:96px}.hero-media-product-img[data-v-baf7faa3]{border-radius:16px;height:32px;width:96px}.hero-media-video[data-v-baf7faa3]{height:32px;width:68px}.subtitle[data-v-baf7faa3]{margin-left:0}.composer[data-v-baf7faa3]{min-height:auto;padding:14px}.composer-assets[data-v-baf7faa3],.composer-tools[data-v-baf7faa3]{flex-wrap:wrap}.prompt-panel[data-v-baf7faa3]{margin-top:16px}.composer-footer[data-v-baf7faa3]{align-items:flex-start;flex-direction:column;gap:12px;margin-top:18px}.composer-generate[data-v-baf7faa3]{width:100%}.template-list-panel[data-v-baf7faa3]{height:68vh;min-height:520px}}