:root{color:#183a35;font-synthesis:none;background:#f2f6f4;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f2f6f4;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.mobile-app{background:#f5f8f7;width:min(100%,480px);min-height:100vh;margin:auto;box-shadow:0 0 60px #12363014}.app-header{z-index:10;padding:calc(16px + env(safe-area-inset-top)) 20px 14px;color:#fff;background:#102f2a;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app-header div{gap:3px;display:grid}.app-header span{color:#8eb4aa;font-size:10px}.app-header strong{font-size:17px}.app-header button{color:#d7e7e2;background:#ffffff14;border:1px solid #ffffff29;border-radius:50%;width:34px;height:34px}.mobile-app main{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.page{gap:14px;padding:18px 16px 28px;display:grid}.bottom-nav{z-index:20;width:min(100%,480px);padding:8px 8px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border-top:1px solid #dfe8e5;grid-template-columns:repeat(5,1fr);margin:auto;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#8a9995;background:0 0;border:0;justify-items:center;gap:3px;padding:5px;font-size:10px;display:grid}.bottom-nav i{border-radius:10px;place-items:center;width:30px;height:28px;font-size:17px;font-style:normal;display:grid}.bottom-nav .active{color:#206c5a;font-weight:800}.bottom-nav .active i{color:#fff;background:#347b69}.wallet-card{color:#fff;background:radial-gradient(circle at 80% 10%,#74cfb152,#0000 42%),linear-gradient(145deg,#113a33,#1e6656);border-radius:24px;justify-content:space-between;align-items:center;padding:22px;display:flex;overflow:hidden;box-shadow:0 14px 28px #1c5b4c33}.wallet-card span{color:#a8cec4;font-size:11px}.wallet-card strong{margin:6px 0 2px;font-size:40px;line-height:1;display:block}.wallet-card strong small{margin-left:5px;font-size:13px}.wallet-card p{color:#9bc0b6;margin:8px 0 0;font-size:10px}.wallet-ring{border:7px solid #ffffff2e;border-top-color:#72cfb4;border-radius:50%;align-content:center;place-items:center;width:74px;height:74px;display:grid}.wallet-ring b{font-size:15px}.wallet-ring span{font-size:8px}.avatar-card,.content-card,.price-card{background:#fff;border:1px solid #e0e9e6;border-radius:19px;box-shadow:0 8px 24px #2249400d}.avatar-card{grid-template-columns:112px 1fr;align-items:center;gap:16px;padding:13px;display:grid}.avatar-portrait{background:radial-gradient(circle at 50% 35%,#e6c8ad 0 14%,#0000 15%),linear-gradient(160deg,#d6e9e3,#7da99d);border-radius:15px;place-items:center;height:126px;display:grid;position:relative;overflow:hidden}.avatar-portrait>img{object-fit:cover;width:100%;height:100%}.avatar-face{color:#fffc;background:linear-gradient(#254e46 0 34%,#d5ac8b 35%);border-radius:45% 45% 40% 40%;place-items:center;width:58px;height:74px;font-weight:900;display:grid}.avatar-portrait>span{color:#fff;background:#26745f;border-radius:99px;padding:4px 7px;font-size:8px;position:absolute;bottom:7px;right:7px}.avatar-card>div:last-child small{color:#8b9995;font-size:9px}.avatar-card h2{margin:5px 0;font-size:16px}.avatar-card p{color:#7e8d89;margin:0;font-size:9px;line-height:1.5}.avatar-tags{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.avatar-tags span{color:#42766a;background:#edf6f3;border-radius:6px;padding:4px 6px;font-size:8px}.quick-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.quick-grid button{color:#244b43;text-align:left;background:#fff;border:1px solid #dfe9e6;border-radius:17px;gap:5px;padding:17px;display:grid;position:relative}.quick-grid i{color:#fff;background:#3e8875;border-radius:11px;place-items:center;width:34px;height:34px;margin-bottom:4px;font-size:18px;font-style:normal;display:grid}.quick-grid button:nth-child(2) i{color:#725f3b;background:#f1e3bc}.quick-grid strong{font-size:13px}.quick-grid span{color:#899692;font-size:9px}.content-card{padding:17px}.card-title{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card-title span{color:#4f897b;font-size:9px;font-weight:800}.card-title h3{margin:4px 0 0;font-size:14px}.card-title button{color:#497c70;background:0 0;border:0;font-size:10px}.service-note{color:#56776e;background:#e8f3ef;border-radius:14px;align-items:flex-start;gap:10px;padding:13px 15px;display:flex}.service-note>i{color:#fff;background:#4b907e;border-radius:50%;flex:0 0 25px;place-items:center;height:25px;font-style:normal;display:grid}.service-note div{gap:4px;display:grid}.service-note strong{font-size:10px}.service-note span{font-size:9px;line-height:1.55}.empty-mobile{color:#8b9995;text-align:center;justify-items:center;gap:7px;padding:18px 8px;display:grid}.empty-mobile.tall{align-content:center;min-height:300px}.empty-mobile i{color:#4a8878;background:#e8f3ef;border-radius:14px;place-items:center;width:44px;height:44px;font-style:normal;display:grid}.empty-mobile strong{color:#45645d;font-size:12px}.empty-mobile span{max-width:250px;font-size:9px;line-height:1.6}.empty-mobile button{color:#fff;background:#3c826f;border:0;border-radius:9px;margin-top:5px;padding:8px 14px;font-size:9px}.page-heading{padding:4px 4px 2px}.page-heading.compact{padding-top:3px}.page-heading>span{color:#3f8876;font-size:10px;font-weight:850}.page-heading h1{color:#1c4038;margin:5px 0;font-size:23px}.page-heading p{color:#7f908b;margin:0;font-size:10px;line-height:1.65}.video-form{gap:13px;display:grid}.form-section-title{align-items:center;gap:10px;margin-bottom:15px;display:flex}.form-section-title b{color:#fff;background:#347c6a;border-radius:10px;place-items:center;width:31px;height:31px;font-size:9px;display:grid}.form-section-title div{gap:3px;display:grid}.form-section-title strong{font-size:13px}.form-section-title span{color:#8c9996;font-size:8px}.video-form label,.bottom-sheet label{color:#536b65;gap:7px;margin-top:12px;font-size:10px;font-weight:750;display:grid}.video-form input,.video-form textarea,.video-form select,.bottom-sheet input,.bottom-sheet textarea{color:#27453f;background:#f9fbfa;border:1px solid #dce6e3;border-radius:11px;outline:none;width:100%;padding:12px;font-weight:400}.video-form textarea,.bottom-sheet textarea{resize:vertical;min-height:118px;line-height:1.7}.video-form label>small{color:#929f9c;justify-self:end;font-size:8px}.selected-avatar{background:#f0f7f5;border-radius:12px;align-items:center;gap:10px;padding:11px;display:flex}.selected-avatar>div{color:#fff;background:#5b9485;border-radius:11px;place-items:center;width:42px;height:42px;font-weight:850;display:grid}.selected-avatar>span{flex:1;gap:3px;display:grid}.selected-avatar small{color:#82938e;font-size:8px}.selected-avatar strong{font-size:11px}.selected-avatar i{color:#fff;background:#3d8b74;border-radius:50%;place-items:center;width:23px;height:23px;font-size:10px;font-style:normal;display:grid}.choice-row{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.choice-row button{color:#6f827d;background:#fff;border:1px solid #dde6e4;border-radius:9px;padding:10px;font-size:10px}.choice-row button.selected{color:#26705d;background:#e9f5f1;border-color:#4a907d;font-weight:800}.look-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.look-option{text-align:left;color:#385850;background:#f3f7f6;border:2px solid #0000;border-radius:13px;gap:5px;padding:7px;display:grid;position:relative;overflow:hidden}.look-option img,.look-placeholder{object-fit:cover;background:#dcebe7;border-radius:9px;width:100%;height:128px}.look-placeholder{color:#fff;place-items:center;font-size:25px;font-weight:900;display:grid}.look-option strong{white-space:nowrap;text-overflow:ellipsis;padding:0 3px;font-size:10px;overflow:hidden}.look-option small{color:#879690;padding:0 3px 3px;font-size:8px}.look-option i{color:#fff;background:#2d8069;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;font-style:normal;display:none;position:absolute;top:12px;right:12px}.look-option.selected{background:#e9f5f1;border-color:#34806c;box-shadow:0 5px 14px #27705c24}.look-option.selected i{display:grid}.selected-look-summary{color:#547068;background:#edf7f4;border-radius:10px;justify-content:space-between;gap:10px;margin-top:10px;padding:9px 11px;font-size:9px;display:flex}.selected-look-summary strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.no-looks{color:#796b43;background:#fff8e8;border-radius:12px;gap:5px;padding:16px;display:grid}.no-looks strong{font-size:11px}.no-looks span,.form-hint{color:#9b8856;font-size:9px}.form-hint{text-align:center;margin:-5px 0 0}.switch-row{border-top:1px solid #edf1f0;justify-content:space-between;align-items:center;padding-top:10px;display:flex!important}.switch-row>span{gap:3px;display:grid}.switch-row strong{color:#405e57;font-size:10px}.switch-row small{color:#8c9a96;font-size:8px}.switch-row input{accent-color:#3c8773;width:40px;height:22px}.price-card{background:#123d35;grid-template-columns:1fr 1fr;gap:12px;padding:15px 18px;display:grid}.price-card>div{gap:4px;display:grid}.price-card span{color:#9fc5ba;font-size:9px}.price-card strong{color:#fff;font-size:18px}.price-card small{color:#87afa4;grid-column:1/-1;font-size:8px}.submit-order{color:#fff;background:#327e69;border:0;border-radius:13px;width:100%;padding:14px;font-weight:800;box-shadow:0 9px 20px #2b776233}.submit-order:disabled{opacity:.45;box-shadow:none}.project-list{gap:10px;display:grid}.job-row{background:#fff;border:1px solid #e0e8e6;border-radius:15px;gap:11px;padding:12px;display:flex}.job-thumb{color:#fff;background:linear-gradient(145deg,#709f92,#204b42);border-radius:11px;flex:0 0 68px;place-items:center;height:82px;display:grid}.job-copy{flex:1;align-content:center;gap:8px;min-width:0;display:grid}.job-copy>div:first-child{gap:5px;display:grid}.job-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.job-copy em,.look-request-copy em{color:#846827;background:#fff1cc;border-radius:99px;width:fit-content;padding:3px 6px;font-size:7px;font-style:normal}.job-copy em.completed,.look-request-copy em.completed{color:#287057;background:#e4f4ed}.job-copy em.failed,.look-request-copy em.failed{color:#a24b42;background:#fde9e6}.job-copy>span{color:#8b9995;font-size:8px}.progress-heading{color:#69817b;justify-content:space-between;align-items:center;gap:8px;font-size:8px;display:flex}.progress-heading b{color:#307662;font-size:9px}.mobile-progress{background:#e5ecea;border-radius:99px;height:8px;overflow:hidden;box-shadow:inset 0 1px 2px #204b4214}.mobile-progress i{border-radius:inherit;background:linear-gradient(90deg,#52aa91,#287b66);height:100%;transition:width .35s;display:block}.mobile-progress.completed i{background:#2e8a6e}.mobile-progress.failed i{background:#cc7167}.save-device-tip{color:#3c6c60;background:#eaf5f1;border:1px solid #cfe4dd;border-radius:15px;align-items:flex-start;gap:11px;padding:13px 14px;display:flex}.save-device-tip>i{color:#fff;background:#3e8874;border-radius:10px;flex:0 0 31px;place-items:center;height:31px;font-size:17px;font-style:normal;font-weight:900;display:grid}.save-device-tip>div{gap:4px;display:grid}.save-device-tip strong{font-size:10px}.save-device-tip span{color:#718d85;font-size:8px;line-height:1.55}.save-device-tip.wechat{background:#edf8f0;border-color:#cce6d4}.save-device-tip.wechat>i{background:#2f9b55}.results-list{gap:12px;display:grid}.result-card{background:#fff;border:1px solid #e0e8e6;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px #2249400d}.result-poster{color:#fff;background:linear-gradient(145deg,#7aa89b,#204b42);border:0;width:100%;height:180px;padding:0;position:relative;overflow:hidden}.result-poster img{object-fit:cover;width:100%;height:100%}.result-poster>span{place-items:center;width:100%;height:100%;font-size:32px;font-weight:900;display:grid}.result-poster i{background:#0a28219e;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:46px;height:46px;font-style:normal;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.result-copy{gap:8px;padding:14px;display:grid}.result-copy>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.result-copy strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.result-copy em{color:#287057;background:#e4f4ed;border-radius:99px;flex:none;padding:4px 7px;font-size:8px;font-style:normal}.result-copy>span{color:#879590;font-size:8px}.result-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.result-actions button{color:#347864;background:#f2f8f6;border:1px solid #cfe1dc;border-radius:10px;min-height:36px;padding:8px 4px;font-size:9px;font-weight:750}.result-actions button:last-child{color:#fff;background:#347e69;border-color:#347e69}.result-actions button:disabled{opacity:.5}.video-sheet{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.video-preview-player{background:#0b1714;border-radius:15px;width:100%;max-height:62vh;display:block}.preview-actions{grid-template-columns:1fr 1fr;margin-top:13px}.album-tip{color:#84928e;margin:10px 2px 0;font-size:8px;line-height:1.6}.wechat-save-steps{gap:11px;margin:5px 0 17px;display:grid}.wechat-save-steps>div{background:#f2f8f6;border-radius:12px;align-items:center;gap:11px;padding:11px;display:flex}.wechat-save-steps b{color:#fff;background:#35836e;border-radius:50%;flex:0 0 29px;place-items:center;height:29px;font-size:10px;display:grid}.wechat-save-steps span{gap:3px;display:grid}.wechat-save-steps strong{color:#355e54;font-size:10px}.wechat-save-steps small{color:#83928e;font-size:8px;line-height:1.45}.profile-head{color:#fff;background:#153d36;border-radius:19px;align-items:center;gap:13px;padding:16px;display:flex}.profile-head>div{color:#214f44;background:#c5e3da;border-radius:18px;place-items:center;width:58px;height:58px;font-size:22px;font-weight:900;display:grid}.profile-head span{gap:5px;display:grid}.profile-head strong{font-size:16px}.profile-head small{color:#a1c1b8;font-size:9px}.profile-stats{background:#fff;border:1px solid #e0e9e6;border-radius:17px;grid-template-columns:repeat(3,1fr);padding:15px 6px;display:grid}.profile-stats div{border-right:1px solid #e9efed;justify-items:center;gap:4px;display:grid}.profile-stats div:last-child{border:0}.profile-stats strong{color:#2c695a;font-size:18px}.profile-stats span{color:#879590;font-size:8px}.menu-card{padding:4px 15px}.menu-card button{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #edf1f0;align-items:center;gap:11px;padding:14px 0;display:flex}.menu-card button:last-child{border:0}.menu-card i{color:#3d7e6e;background:#e9f4f0;border-radius:10px;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.menu-card span{flex:1;gap:3px;display:grid}.menu-card strong{font-size:11px}.menu-card small{color:#8a9894;font-size:8px}.menu-card b{color:#a4afac;font-size:18px}.logout-button{color:#8e5d55;background:#fff;border:1px solid #e1e8e6;border-radius:13px;padding:13px}.my-looks-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.my-look-card{color:#385850;text-align:left;background:#f6f9f8;border:1px solid #dfe9e6;border-radius:13px;gap:5px;min-width:0;padding:7px;display:grid;overflow:hidden}.my-look-preview{min-width:0;color:inherit;text-align:left;background:0 0;border:0;gap:5px;padding:0;display:grid}.my-look-preview img,.my-look-preview>span{object-fit:cover;background:#dcebe7;border-radius:9px;width:100%;height:142px}.my-look-preview>span{color:#fff;place-items:center;font-size:28px;font-weight:900;display:grid}.my-look-preview strong{text-overflow:ellipsis;white-space:nowrap;padding:1px 3px 0;font-size:10px;overflow:hidden}.my-look-preview small{color:#568273;padding:0 3px 3px;font-size:8px}.delete-look-button,.delete-request-button{color:#a45c52;background:#fff8f7;border:1px solid #ead5d1;border-radius:8px;padding:7px 8px;font-size:8px}.delete-look-button:disabled,.delete-request-button:disabled{opacity:.5}.empty-inline{color:#8b9995;text-align:center;padding:18px 8px;font-size:9px}.look-request-list{gap:11px;display:grid}.look-request-card{border-bottom:1px solid #edf1f0;grid-template-columns:82px minmax(0,1fr);gap:11px;padding-bottom:11px;display:grid}.look-request-card:last-child{border-bottom:0;padding-bottom:0}.look-request-visual{background:#e5efec;border-radius:11px;height:104px;overflow:hidden}.look-request-visual img,.look-request-visual video{object-fit:cover;width:100%;height:100%}.look-request-visual>span{color:#4a8878;place-items:center;height:100%;font-size:22px;display:grid}.look-request-copy{align-content:center;gap:7px;min-width:0;display:grid}.look-request-copy>div:first-child{justify-content:space-between;align-items:center;gap:8px;display:flex}.look-request-copy strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.look-request-copy small{color:#8b9995;font-size:8px}.look-request-copy p{color:#aa5b51;margin:0;font-size:8px;line-height:1.5}.delete-request-button{justify-self:start}.look-preview-media,.look-preview-placeholder{object-fit:contain;background:#102a25;border-radius:15px;width:100%;max-height:68vh;display:block}.look-preview-placeholder{color:#fff;place-items:center;min-height:280px;font-size:36px;font-weight:900;display:grid}.sheet-backdrop{z-index:40;background:#081b1785;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet{width:min(100%,480px);max-height:90vh;padding:8px 18px calc(22px + env(safe-area-inset-bottom));background:#fff;border-radius:24px 24px 0 0;overflow:auto}.sheet-handle{background:#d5dfdc;border-radius:99px;width:38px;height:4px;margin:2px auto 17px}.look-modes{grid-template-columns:1fr 1fr;gap:9px;display:grid}.look-modes button{color:#60766f;text-align:left;background:#f9fbfa;border:1px solid #dce6e3;border-radius:13px;justify-items:start;gap:5px;padding:13px;display:grid}.look-modes button.selected{color:#286e5b;background:#edf7f3;border-color:#4f9581}.look-modes i{font-size:20px;font-style:normal}.look-modes strong{font-size:10px}.look-modes span{color:#8b9995;font-size:8px}.upload-box{color:#498273;background:#f4faf8;border:1px dashed #b9cec8;border-radius:12px;justify-items:center;gap:4px;padding:18px;display:grid}.upload-box i{font-size:20px;font-style:normal}.upload-box span{color:#899793;font-size:8px}.identity-lock{background:#f0faf5;border:1px solid #b9dfce;border-radius:16px;gap:4px;margin:2px 0 16px;padding:14px;display:grid}.identity-lock span{color:#2e7659;font-size:9px}.identity-lock strong{color:#173e2f;font-size:15px}.identity-lock small{color:#587066;font-size:8px;line-height:1.5}.bottom-sheet select{color:#27453f;background:#f9fbfa;border:1px solid #dce6e3;border-radius:11px;outline:none;width:100%;padding:12px}.base-look-preview{background:#f5f7f6;border-radius:14px;align-items:center;gap:12px;margin:-2px 0 14px;padding:10px;display:flex}.base-look-preview img{object-fit:cover;border-radius:10px;width:64px;height:76px}.base-look-preview span{gap:4px;display:grid}.base-look-preview strong{color:#24352e;font-size:10px}.base-look-preview small{color:#6a7872;font-size:8px;line-height:1.45}.mobile-toast{z-index:60;color:#fff;background:#10302af0;border-radius:99px;width:max-content;max-width:88%;padding:10px 14px;font-size:10px;position:fixed;bottom:88px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.login-page{color:#fff;background:linear-gradient(155deg,#0c2824,#184e43);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.login-orb{filter:blur(1px);background:#5dbca02b;border-radius:50%;position:absolute}.login-orb.one{width:340px;height:340px;top:-120px;right:-150px}.login-orb.two{width:270px;height:270px;bottom:-110px;left:-120px}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff21;border-radius:26px;width:min(100%,390px);padding:26px;position:relative;box-shadow:0 24px 70px #0003}.login-brand{align-items:center;gap:11px;display:flex}.login-brand>div{color:#17483d;background:#bce0d5;border-radius:14px;place-items:center;width:43px;height:43px;font-weight:900;display:grid}.login-brand span{gap:3px;display:grid}.login-brand strong{font-size:13px}.login-brand small{color:#94bbb1;font-size:8px}.login-copy{margin:34px 0 22px}.login-copy>span{color:#8fc8b7;font-size:10px;font-weight:800}.login-copy h1{margin:6px 0 8px;font-size:25px}.login-copy p{color:#a1beb7;margin:0;font-size:10px;line-height:1.7}.login-card form{gap:13px;display:grid}.login-card label{color:#bad0ca;gap:7px;font-size:9px;display:grid}.login-card input{color:#fff;background:#ffffff14;border:1px solid #ffffff24;border-radius:12px;outline:none;width:100%;padding:13px}.login-card form button{color:#16493d;background:#bfe5da;border:0;border-radius:12px;margin-top:5px;padding:13px;font-weight:850}.form-error{color:#ffd1c9;margin:-5px 0;font-size:9px}.demo-tip{color:#a8c6be;background:#0000001a;border-radius:10px;justify-content:space-between;gap:10px;margin-top:18px;padding:10px 12px;font-size:8px;display:flex}.demo-tip strong{color:#c3ddd6}@media (width>=600px){body{background:#e8efed;padding:20px 0}.mobile-app{border-radius:28px;min-height:calc(100vh - 40px);overflow:hidden}.app-header{position:relative}.bottom-nav{border-radius:0 0 28px 28px;bottom:20px}}