:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#202328;background:#e7edf4;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #2685ed;outline-offset:3px}svg{width:20px;height:20px;flex:none}#app{position:relative;width:100%;max-width:440px;height:100dvh;margin:0 auto;overflow:hidden;background:#f7f8fa;box-shadow:0 12px 55px #243f5c1b}.app-shell{height:100%;overflow-y:auto;overscroll-behavior:contain;background:#f7f8fa}.app-shell.home{background:linear-gradient(180deg,#eaf3ff 0 370px,#f7f8fa 370px)}.app-shell.me{background:linear-gradient(180deg,#eaf3ff 0 275px,#f7f8fa 275px)}.app-header{height:68px;display:flex;align-items:center;justify-content:center;position:relative;padding:0 24px}.app-header h1{font-size:19px;font-weight:700;margin:0;letter-spacing:0}.home-header{justify-content:flex-start;gap:10px}.logo{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#ff9c32;color:#fff;box-shadow:0 5px 12px #ff9c3250}.logo svg{width:23px;height:23px}.brand{display:flex;flex-direction:column;line-height:1.15}.brand strong{font-size:19px;font-weight:900;color:#1f2a39}.brand small{font-size:10px;color:#667887;margin-top:4px}.header-mark{margin-left:auto;font-size:11px;color:#597087;border:1px solid #bed1e6;border-radius:15px;padding:5px 9px}.icon-button{width:36px;height:36px;border:0;background:transparent;display:grid;place-items:center;color:#27323e}.icon-button.back{position:absolute;left:18px}.icon-button.back svg{width:23px;height:23px}.home-main{padding:4px 20px 105px}.home-intro{padding:15px 3px 22px}.eyebrow{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;color:#4383bd;letter-spacing:1.2px}.eyebrow svg{width:13px;height:13px}.home-intro h1{font-size:42px;line-height:1.07;letter-spacing:0;margin:13px 0 11px;font-weight:900}.home-intro em{font-style:normal;color:#f28b30}.home-intro p{font-size:13px;color:#6b7c8a;margin:0}.hero-carousel{height:215px;position:relative;border-radius:17px;overflow:hidden;background:#fff1de;box-shadow:0 7px 20px #b7c8da22}.hero-slide{display:none;position:absolute;inset:0;overflow:hidden;padding:26px 21px;background:#ffefda}.hero-slide.active{display:block}.hero-slide.mint{background:#ddf4ee}.hero-copy{position:relative;z-index:2;width:60%}.hero-tag{display:inline-block;border-radius:12px;background:#251b19;color:#ffb453;font-size:11px;font-weight:700;padding:5px 9px}.mint .hero-tag{background:#15392f;color:#91edc7}.hero-copy h2{font-size:24px;margin:15px 0 8px;white-space:nowrap;line-height:1.1}.hero-copy p{font-size:12px;color:#6b6864;margin:0;white-space:nowrap}.hero-link{display:flex;align-items:center;gap:7px;background:#20242a;border:0;color:#fff;border-radius:8px;padding:10px 13px;margin-top:22px;font-size:12px;font-weight:700}.hero-link svg{width:15px;height:15px}.photo-stack{position:absolute;right:11px;top:19px;width:160px;height:176px}.photo-card{width:102px;height:133px;position:absolute;border:5px solid #fff;border-radius:9px;box-shadow:0 7px 15px #995f273a;background-size:cover;background-position:center}.photo-one{background-image:url(/hills.jpg);left:0;top:14px;transform:rotate(-13deg)}.photo-two{background-image:url(/sunset.jpg);left:28px;top:5px;transform:rotate(8deg)}.photo-three{background-image:url(/flowers.jpg);left:44px;top:24px;transform:rotate(15deg)}.gif-sticker{position:absolute;bottom:0;right:5px;background:#ff9940;color:#fff;font-size:15px;font-weight:900;padding:12px 10px;border-radius:50%;box-shadow:0 5px 10px #be6c284a;transform:rotate(10deg)}.second-stack .photo-one{background-image:url(/flowers.jpg)}.second-stack .photo-two{background-image:url(/hills.jpg)}.second-stack .photo-three{background-image:url(/sunset.jpg)}.second-stack .gif-sticker{background:#36bc9b;font-size:24px;padding:5px 12px}.carousel-dots{position:absolute;z-index:4;bottom:10px;left:20px;display:flex;gap:5px}.carousel-dots button{height:5px;width:6px;background:#c8b9a7;border:0;border-radius:8px;padding:0}.carousel-dots button.active{width:19px;background:#f39237}.section-label{margin:27px 1px 14px;display:flex;align-items:baseline;justify-content:space-between}.section-label h2{font-size:18px;margin:0}.section-label span{font-size:10px;font-weight:800;color:#9aa5af;letter-spacing:1px}.tool-entry{width:100%;height:104px;display:flex;align-items:center;gap:14px;text-align:left;background:#fff;border:1px solid #e8eef2;border-radius:12px;padding:15px;box-shadow:0 5px 16px #a5b5c318}.tool-glyph{height:58px;width:58px;background:#ffb752;border-radius:14px;display:grid;place-items:center;color:#fff;box-shadow:0 6px 12px #eaa2484d}.tool-glyph svg{width:31px;height:31px}.tool-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.tool-copy strong{font-size:17px;white-space:nowrap}.tool-copy small{font-size:11px;color:#83909a;line-height:1.3}.tool-arrow{margin-left:auto;width:31px;height:31px;display:grid;place-items:center;background:#f2f5f7;color:#4a5965;border-radius:9px}.tool-arrow svg{width:17px;height:17px}.tips{margin-top:23px;background:#fff9f5;border:1px solid #f5d8ce;border-radius:12px;padding:17px 17px 20px}.tips-title{display:flex;justify-content:space-between;align-items:center}.tips-title>div{display:flex;align-items:center;gap:7px}.tips-title h2{font-size:16px;margin:0;color:#ef835d}.tips-title>span{font-size:10px;color:#d9a28d}.tips-spark{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#ffe7d9;color:#ec8c67}.tips-spark svg{width:16px;height:16px}.tips ol{list-style:none;counter-reset:tip;padding:0;margin:15px 0 0}.tips li{counter-increment:tip;display:flex;gap:7px;font-size:11px;line-height:1.65;color:#b87f69;margin:7px 0}.tips li:before{content:counter(tip,decimal-leading-zero);font-size:10px;color:#ee966e;font-weight:800;min-width:18px}.bottom-nav{position:absolute;z-index:10;bottom:0;left:0;width:100%;height:calc(72px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;background:#fff;border-top:1px solid #ecf0f3;box-shadow:0 -5px 20px #223e5710}.nav-item{flex:1;border:0;background:transparent;color:#8b969e;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:11px}.nav-item svg{width:24px;height:24px}.nav-item.selected{color:#2685ed;font-weight:700}.nav-item.selected svg{stroke-width:2.5}.filter-tabs{height:54px;display:flex;background:#fff}.filter-tabs button{flex:1;border:0;background:transparent;color:#69717b;font-size:14px;position:relative}.filter-tabs button.selected{color:#2685ed;font-weight:700}.filter-tabs button.selected:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);height:3px;width:25px;border-radius:4px;background:#2685ed}.works-main{padding:15px 15px 90px;min-height:calc(100dvh - 195px)}.retention-note{min-height:37px;padding:8px 11px;display:flex;align-items:center;justify-content:center;gap:6px;background:#fff5e9;border:1px solid #f7e7d1;border-radius:40px;color:#dc9c37;font-size:11px;white-space:nowrap}.retention-note svg{width:14px;height:14px}.empty-state{min-height:390px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#9ca4ad;font-size:14px}.empty-state p{margin:21px 0 0}.empty-visual{width:170px;height:130px;position:relative}.empty-disc{position:absolute;bottom:8px;left:11px;width:150px;height:43px;background:#dceafb;border-radius:50%}.empty-sheet{position:absolute;top:8px;left:55px;width:70px;height:94px;border:6px solid #c1daf8;border-radius:9px;background:#fff;transform:rotate(5deg);box-shadow:8px 8px #a7c9f4;display:flex;align-items:center;flex-direction:column;padding:14px 10px;gap:9px}.empty-sheet svg{color:#7eafea;width:20px;height:20px}.empty-sheet span{width:100%;height:3px;border-radius:2px;background:#c7def8}.empty-sheet span:last-child{width:65%}.empty-spark{position:absolute;right:14px;top:36px;font-size:33px;color:#94bded}.work-list{margin-top:18px;display:flex;flex-direction:column;gap:10px}.work-item{height:94px;border:1px solid #eaf0f5;background:#fff;border-radius:11px;display:flex;align-items:center;padding:10px;gap:12px}.work-thumb{height:71px;width:71px;border:0;border-radius:7px;background:#e4edfa;color:#76aceb;display:grid;place-items:center;overflow:hidden;padding:0}.work-thumb img{width:100%;height:100%;object-fit:cover}.work-thumb svg{height:31px;width:31px}.work-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.work-meta strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-meta small{font-size:10px;color:#9ca5ae}.work-status{font-size:10px;color:#2685ed}.work-status.processing{color:#e4a242}.work-status.failed{color:#df6c60}.work-download{color:#2685ed;background:#ecf5ff;border-radius:8px}.me-main{padding:18px 15px 100px}.me-top{display:flex;align-items:center;gap:16px;padding:15px 3px 29px}.avatar-pick{width:72px;height:72px;flex:0 0 72px;border-radius:50%;overflow:hidden;background:#bbdcf7;display:grid;place-items:center;color:#457db5;cursor:pointer;border:3px solid #fff;box-shadow:0 4px 10px #7797b62f}.avatar-pick>svg{width:38px;height:38px}.avatar-pick img{width:100%;height:100%;object-fit:cover}.profile-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:7px}.profile-copy input{border:0;background:transparent;outline:none;font-size:21px;font-weight:800;color:#202830;width:100%;padding:0}.profile-copy span{color:#7d8d9a;font-size:11px}.member-card{height:117px;border-radius:14px;background:#20282b;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:22px;color:#fff}.member-text{position:relative;z-index:1}.member-kicker{font-size:10px;color:#90aaa9;font-weight:700;letter-spacing:1px}.member-card h2{font-size:25px;margin:9px 0 0}.member-card button{position:relative;z-index:1;display:flex;align-items:center;gap:5px;background:#ffc69a;border:0;border-radius:8px;color:#34251d;font-size:12px;font-weight:700;padding:10px 11px}.member-card button svg{width:14px;height:14px}.member-line{position:absolute;width:250px;height:250px;border:1px solid #ffffff12;border-radius:50%;right:-90px;top:-140px;box-shadow:0 0 0 35px #ffffff05,0 0 0 70px #ffffff04}.me-menu{margin-top:18px;background:#fff;border:1px solid #edf0f2;border-radius:13px;overflow:hidden}.me-menu button{height:66px;width:100%;background:#fff;border:0;display:flex;align-items:center;text-align:left;gap:12px;padding:0 16px;color:#2b3034;font-size:15px}.me-menu button+button{border-top:1px solid #edf0f2}.me-menu button>svg{margin-left:auto;width:18px;height:18px;color:#a2aab1}.menu-symbol{width:34px;height:34px;display:grid;place-items:center;border-radius:9px}.menu-symbol svg{width:18px;height:18px}.menu-symbol.records{background:#edf4ff;color:#428ae8}.menu-symbol.share{background:#e7f7f0;color:#36a77a}.menu-symbol.contact{background:#fff1e7;color:#e9985a}.convert-main,.packages-main{padding:21px 16px 120px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:0 2px 14px}.section-heading h2{font-size:19px;margin:5px 0 0}.step-tag{font-size:10px;letter-spacing:1px;color:#4c91d3;font-weight:800}.image-count{font-size:12px;color:#9ba6b0}.image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;background:#fff;padding:12px;border:1px solid #ebf0f3;border-radius:12px}.selected-image,.add-image{aspect-ratio:1;position:relative;min-width:0;border-radius:8px;overflow:hidden}.selected-image img{width:100%;height:100%;object-fit:cover}.image-index{position:absolute;left:0;top:0;color:#fff;background:#0009;font-size:10px;font-weight:700;padding:3px 6px;border-radius:0 0 6px}.image-remove{position:absolute;right:0;top:0;border:0;background:#0009;color:#fff;width:22px;height:22px;display:grid;place-items:center;padding:0}.image-remove svg{width:13px;height:13px}.reorder{position:absolute;bottom:0;left:0;right:0;background:#0009;display:flex;justify-content:space-around}.reorder button{border:0;background:transparent;color:#fff;height:22px;padding:0 6px}.reorder button:disabled{opacity:.35}.reorder svg{width:15px;height:15px}.add-image{border:1px dashed #bfd1e2;background:#f8fbff;color:#6c91b7;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;font-size:10px}.add-image svg{width:23px;height:23px}.muted-note{font-size:11px;color:#9da7b0;margin:10px 3px 27px}.settings-heading{margin-bottom:14px}.settings-panel{background:#fff;border:1px solid #ebf0f3;border-radius:12px;padding:5px 16px}.setting-label,.setting-row{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:9px}.setting-label strong,.setting-row strong{display:block;font-size:14px}.setting-label small,.setting-row small{display:block;font-size:10px;color:#a0aab3;margin-top:5px}.setting-label>span{color:#2784e4;font-size:12px;white-space:nowrap}.speed-slider{width:100%;accent-color:#2685ed;margin:0 0 20px}.setting-row{border-top:1px solid #edf0f3}.switch{position:relative;width:42px;height:25px;flex:none}.switch input{opacity:0;position:absolute}.switch span{display:block;width:42px;height:25px;border-radius:14px;background:#cbd5de;transition:background .2s}.switch span:after{content:"";position:absolute;width:19px;height:19px;border-radius:50%;top:3px;left:3px;background:#fff;transition:transform .2s}.switch input:checked+span{background:#2685ed}.switch input:checked+span:after{transform:translate(17px)}.segmented{display:flex;background:#f0f3f6;border-radius:8px;padding:3px}.segmented button{background:transparent;border:0;padding:7px 9px;font-size:11px;color:#8995a0;border-radius:6px}.segmented button.selected{background:#fff;color:#2685ed;font-weight:700;box-shadow:0 1px 4px #687f991a}.bottom-action{position:absolute;z-index:9;bottom:0;left:0;width:100%;background:#fff;box-shadow:0 -4px 18px #32495d14;padding:12px 16px calc(14px + env(safe-area-inset-bottom));text-align:center}.primary-button{width:100%;height:46px;background:#2685ed;color:#fff;border:0;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:15px}.primary-button svg{width:17px;height:17px}.primary-button:disabled{background:#b9c8d7}.bottom-action>span{font-size:10px;color:#a1abb5;display:block;margin-top:5px}.packages-main>.step-tag{display:block;margin:12px 2px}.packages-main h2{font-size:26px;margin:0 2px 5px;line-height:1.25}.packages-main>p{font-size:12px;color:#8896a3;margin:0 2px 26px}.package-options{display:flex;flex-direction:column;gap:11px}.package-option{width:100%;min-height:87px;text-align:left;padding:15px;border-radius:12px;border:1px solid #e9eef2;background:#fff;display:flex;align-items:center;gap:12px}.package-option.selected{border:2px solid #f1a666;background:#fffaf5;padding:14px}.package-option>span:first-child{flex:1;min-width:0}.package-option strong{display:block;font-size:16px}.package-option small{display:block;color:#939ea8;font-size:10px;margin-top:6px}.package-option b{font-size:22px;color:#e8894d}.package-option b small{display:inline;color:inherit;font-size:13px}.package-check{height:20px;width:20px;border:1px solid #c7d0d9;border-radius:50%;display:grid;place-items:center;color:#fff;flex:none}.package-option.selected .package-check{background:#ee9b60;border-color:#ee9b60}.package-check svg{width:13px;height:13px}.sample-note{font-size:11px;color:#a2abb3;line-height:1.6;margin:18px 3px}.records-main{padding:0 15px}.records-main .empty-state{min-height:calc(100dvh - 170px)}.modal-backdrop,.progress-backdrop,.preview-backdrop{position:fixed;inset:0;z-index:30;background:#10192598;display:flex;align-items:center;justify-content:center;padding:20px}.modal-dialog,.progress-dialog,.preview-dialog{width:min(330px,100%);background:#fff;border-radius:14px;padding:22px;text-align:center;box-shadow:0 15px 40px #0003}.modal-dialog h2{font-size:18px;margin:0 0 10px}.modal-dialog p{font-size:13px;line-height:1.55;color:#6e7a84;margin:0 0 18px}.modal-dialog button{background:#2685ed;border:0;color:#fff;padding:10px 28px;border-radius:7px;font-size:13px}.progress-icon{width:49px;height:49px;border-radius:13px;background:#e8f3ff;color:#2685ed;display:grid;place-items:center;margin:0 auto 15px}.progress-icon svg{width:26px;height:26px;animation:spin 1.2s linear infinite}.progress-dialog strong{font-size:17px}.progress-dialog p{font-size:12px;color:#8c99a5}.progress-track{height:6px;background:#eaf0f5;border-radius:6px;overflow:hidden;margin-top:18px}.progress-track span{display:block;height:100%;background:#2685ed;transition:width .2s}.preview-dialog{position:relative;padding:42px 15px 16px}.preview-dialog img{display:block;width:100%;max-height:55dvh;object-fit:contain;margin-bottom:15px;border-radius:7px}.close-preview{position:absolute;right:8px;top:7px}.preview-dialog .primary-button{height:42px}@keyframes spin{to{transform:rotate(360deg)}}.me-top{gap:12px;padding:10px 3px 19px}.avatar-pick{width:52px;height:52px;flex-basis:52px;border-width:2px}.avatar-pick>svg{width:28px;height:28px}.profile-copy input{font-size:19px}.member-card{height:78px;padding:14px 17px}.member-card h2{font-size:19px;margin:0}.member-card button{padding:8px 10px}.me-menu{margin-top:14px}.profile-copy strong{display:block;font-size:19px;line-height:1.2}.profile-copy small{display:block;color:#7d8d9a;font-size:11px;margin-top:5px}.profile-edit-icon{margin-left:auto;color:#5d7f9d;border-radius:8px}.profile-edit-icon svg{width:17px;height:17px}.work-delete{width:30px;height:30px;color:#98a5ae}.work-delete svg{width:16px;height:16px}.profile-dialog{width:min(340px,100%);background:#fff;border-radius:15px;padding:20px;box-shadow:0 15px 40px #0003}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{font-size:18px;margin:0}.profile-avatar-edit{width:78px;height:78px;border:2px solid #fff;border-radius:50%;background:#bbdcf7;display:grid;place-items:center;color:#457db5;overflow:visible;position:relative;margin:23px auto 25px;box-shadow:0 2px 10px #7594b526;cursor:pointer}.profile-avatar-edit>svg{width:38px;height:38px}.profile-avatar-edit img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-avatar-edit span{position:absolute;right:-3px;bottom:-3px;background:#2685ed;color:#fff;border:2px solid #fff;width:25px;height:25px;border-radius:50%;display:grid;place-items:center}.profile-avatar-edit span svg{width:12px;height:12px}.profile-field{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:700;margin-bottom:21px}.profile-field input{width:100%;height:43px;border:1px solid #d9e2eb;border-radius:8px;padding:0 12px;font-size:14px;font-weight:400;outline:none}.profile-field input:focus{border-color:#2685ed}.confirm-actions{display:flex;gap:10px}.confirm-actions button{flex:1;margin:0;background:#edf2f6;color:#3d4b57}.confirm-actions button.danger{background:#e65f57;color:#fff}.remove-avatar{display:block;margin:-18px auto 21px;border:0;background:transparent;color:#7e8e9c;font-size:11px;padding:4px 8px}.record-list{display:flex;flex-direction:column;gap:10px;padding-top:18px}.record-item{display:flex;align-items:center;gap:11px;padding:15px;background:#fff;border:1px solid #eaf0f4;border-radius:11px}.record-icon{height:38px;width:38px;display:grid;place-items:center;color:#3e8ddd;background:#edf5ff;border-radius:9px}.record-icon svg{height:19px;width:19px}.record-item>div{flex:1;min-width:0}.record-item strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-item small{display:block;font-size:10px;color:#96a3ad;margin-top:5px}.record-item b{color:#e98848;font-size:16px}@media(max-width:360px){.home-intro h1{font-size:37px}.hero-copy h2{font-size:21px}.photo-stack{right:-9px;transform:scale(.88);transform-origin:right top}.hero-copy{width:66%}.hero-copy p{font-size:11px}.retention-note{font-size:10px}}@media(min-width:600px){#app{border-radius:0}.home-main{padding-bottom:95px}}