*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.flex{display:flex}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}html,body,#app{height:100%}body{margin:0}:root{--ink: #362f4f;--primary: #5b23ff;--accent: #008bff;--highlight: #e4ff30;--error: #ff4d4f;--preview-ratio: 4 / 3;--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .72);--border: rgba(255, 255, 255, .12);--card: rgba(255, 255, 255, .1);--cardHover: rgba(255, 255, 255, .16);--shadow: 0 12px 28px rgba(0, 0, 0, .28);--radius: 16px;--radiusSm: 12px;--max: 1200px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(circle at 20% 10%,rgba(91,35,255,.24),transparent 55%),var(--ink);background-repeat:no-repeat;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,Arial,sans-serif;line-height:1.6}html,body{overflow-x:clip}button,a,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.container{max-width:var(--max);margin:0 auto;padding:0 24px}@media(max-width:768px){.container{padding:0 16px}}@media(max-width:520px){.navRow{flex-wrap:wrap;padding:10px 0}.brand{min-width:0}.headerTitle span,.brandText span{display:none}.creditsBadge{font-size:14px}.cta,.mutedBtn,.chip{min-height:48px}.cta{padding:12px 16px;font-size:14px}.mutedBtn{padding:12px 14px;font-size:14px}.chip{padding:10px 14px;font-size:14px}.ghost,.tab,.menuItem{min-height:48px;font-size:14px}.ghost,.tab{padding:12px 14px}.iconBtn{width:48px;height:48px}.panelHeader .hint,.dzSub,.maskHint,.processStep,.taskTitle,.taskMeta,.pill,.kpi span,.skuOriginal,.rechargeAgreement{font-size:14px}}.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#362f4fb8;border-bottom:1px solid var(--border)}.navRow{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:12px}.brand{display:flex;align-items:center;gap:10px;min-width:180px}.logoMark{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#e4ff30e6,#008bffe6);box-shadow:0 8px 20px #00000040;display:block;-o-object-fit:cover;object-fit:cover}.brandText{display:flex;flex-direction:column;line-height:1.1}.brandText strong{font-weight:800;letter-spacing:-.02em}.brandText span{font-size:12px;color:var(--muted)}.navLinks{display:flex;gap:10px;align-items:center}.userBar{display:inline-flex;align-items:center;gap:10px}.creditsBadge{display:inline-flex;align-items:center;padding:10px;border-radius:999px;border:1px solid rgba(228,255,48,.3);background:#e4ff3024;color:#ffffffeb;font-weight:800;font-size:13px}.creditsBadgeBtn{cursor:pointer;gap:10px}.creditsBadgeBtn:hover{background:#e4ff302e;border-color:#e4ff305c}.creditsBadgeBtn:focus-visible{outline:none;box-shadow:0 0 0 4px #008bff59}.creditsRecharge{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:999px;background:#00000038;border:1px solid rgba(0,0,0,.18);color:#362f4ffa;background:var(--highlight);border-color:#0000001f;font-weight:900;font-size:12px;line-height:1}.rechargeBtn{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--highlight);color:#362f4ff2;padding:10px 14px;border-radius:999px;font-weight:900;cursor:pointer;transition:filter .16s ease,transform .16s ease}.rechargeBtn:hover{filter:brightness(.94);transform:translateY(-1px)}.rechargeBtn:focus-visible{outline:none;box-shadow:0 0 0 4px #008bff59}.avatarWrap{position:relative}.avatarBtn{width:38px;height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;display:grid;place-items:center;padding:0;cursor:pointer}.avatarBtn:hover{border-color:#ffffff38;background:#ffffff1a}.avatarBtn:focus-visible{outline:none;box-shadow:0 0 0 4px #008bff59}.avatarImg{width:100%;height:100%;border-radius:999px;-o-object-fit:cover;object-fit:cover;display:block}.avatarFallback{width:100%;height:100%;border-radius:999px;display:grid;place-items:center;font-weight:900;font-size:14px;color:#ffffffeb;background:linear-gradient(135deg,#5b23ff8c,#008bff73)}.userMenu{position:absolute;right:0;top:calc(100% + 10px);min-width:170px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#362f4feb;box-shadow:var(--shadow);overflow:hidden;z-index:90}.menuItem{width:100%;text-align:left;background:transparent;color:#ffffffeb;border:0;padding:10px 12px;cursor:pointer;font-size:13px;font-weight:800}.menuItem:hover{background:#ffffff14}.menuItem.danger{color:#ffffffeb;background:#ff4d4f1a}.menuItem.danger:hover{background:#ff4d4f29}.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:#ffffff0f;padding:8px 12px;border-radius:999px;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chip:hover{background:#ffffff1a;border-color:#ffffff2e;transform:translateY(-1px)}.chip svg{width:16px;height:16px;opacity:.9}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;background:var(--highlight);color:#362f4ff2;padding:10px 14px;border-radius:999px;font-weight:800;cursor:pointer;transition:filter .16s ease,transform .16s ease}.cta:hover{filter:brightness(.94);transform:translateY(-1px)}.cta:focus-visible{outline:none;box-shadow:0 0 0 4px #008bff59}.mutedBtn{border:1px solid rgba(91,35,255,.4);background:#ffffff0f;color:var(--text);padding:10px 12px;border-radius:999px;cursor:pointer;transition:border-color .16s ease,background .16s ease}.mutedBtn:hover{border-color:#5b23ffb3;background:#ffffff1a}.mutedBtn:focus-visible{outline:none;box-shadow:0 0 0 4px #008bff59}.hero{padding:46px 0 26px}.heroGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;align-items:stretch}@media(max-width:980px){.heroGrid{grid-template-columns:1fr}}.heroCard{border:1px solid var(--border);background:linear-gradient(180deg,#ffffff1a,#ffffff0f);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;position:relative}.heroCardInner{padding:18px}.heroTitle{margin:0 auto 18px;font-size:34px;line-height:1.2;letter-spacing:-.02em;font-weight:900;text-align:center}@media(max-width:520px){.heroTitle{font-size:26px;margin-bottom:16px}}.heroSub{margin:10px 0 0;color:var(--muted);max-width:64ch}.heroBadges{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:#ffffff0f;padding:8px 10px;border-radius:999px;font-size:13px;color:#ffffffdb}.badgeDot{width:8px;height:8px;border-radius:999px;background:var(--accent)}.heroActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.stepsCard{border:1px solid var(--border);background:#ffffff14;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.stepsHeader{padding:16px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.stepsHeader h2{margin:0;font-size:16px;letter-spacing:-.02em}.stepsHeader p{margin:0;font-size:12px;color:var(--muted)}.stepsBody{padding:10px 12px 14px;display:grid;gap:10px}.stepItem{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:12px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.stepNum{width:30px;height:30px;border-radius:10px;background:#5b23ff59;display:flex;align-items:center;justify-content:center;font-weight:900}.stepItem strong{display:block;font-weight:800;letter-spacing:-.02em}.stepItem span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.app{padding:12px 0 24px}.appGrid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px;align-items:start}@media(max-width:980px){.appGrid{grid-template-columns:1fr}}.panel{border:1px solid var(--border);background:#ffffff14;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panelHeader{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.panelHeader h3{margin:0;font-size:14px;letter-spacing:-.02em}.panelHeader .hint{margin:0;font-size:12px;color:var(--muted)}.previewWrap{padding:16px}.dropzone{height:100%;border-radius:var(--radius);border:1px dashed rgba(255,255,255,.22);background:linear-gradient(180deg,#ffffff14,#ffffff0d);display:grid;place-items:center;position:relative;overflow:hidden;outline:none;cursor:pointer;transition:background .16s ease,border-color .16s ease}.dropzone:hover{background:linear-gradient(180deg,#ffffff1a,#ffffff0f);border-color:#ffffff4d}.dropzone.hasImage{border:0;background:transparent;border-radius:0;overflow:hidden;width:100%}.dropzone.hasImage:hover{border-color:transparent;background:transparent}.dropzone:focus-visible{box-shadow:0 0 0 4px #008bff59}.dzInner{text-align:center;padding:18px;max-width:520px}.dzTitle{margin:0;font-size:18px;letter-spacing:-.02em;font-weight:900}.dzSub{margin:8px 0 0;color:var(--muted);font-size:13px}.dzBlocks{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dzSample{border:0;background:transparent;padding:0;margin:0;cursor:pointer;border-radius:14px;overflow:hidden;transition:transform .16s ease,opacity .16s ease}.dzSample:disabled{opacity:.6;cursor:not-allowed}.dzSample:hover:not(:disabled){transform:translateY(-1px)}.dzSample:focus-visible{outline:none;box-shadow:0 0 0 4px #008bff59}.dzSampleImg{width:100%;height:74px;display:block;-o-object-fit:cover;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.1)}@media(max-width:520px){.dzBlocks{grid-template-columns:1fr}}.block{height:74px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#5b23ff59,#008bff40)}.previewActive{display:flex;align-items:center;justify-content:center}.previewSizer{position:relative;flex:0 0 auto}.previewFrame{height:100%;width:100%;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#e4ff301f,#ffffff1a);box-shadow:inset 0 0 0 1px #00000026;position:relative;overflow:hidden;display:block}.previewFrameClean,.previewFrame.previewFrameClean{border:0;background:transparent;box-shadow:none;border-radius:0}.previewFrame img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.previewMask{position:absolute;inset:0;pointer-events:none;background:radial-gradient(220px 140px at 64% 46%,rgba(228,255,48,.25),transparent 60%),radial-gradient(170px 120px at 44% 58%,rgba(0,139,255,.2),transparent 62%),linear-gradient(180deg,#fff0,#ffffff05);mix-blend-mode:screen;opacity:.9}.maskCanvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.brushCursor{position:absolute;border-radius:999px;border:2px solid rgba(0,139,255,.85);box-shadow:0 0 0 2px #0000002e;transform:translate(-50%,-50%);pointer-events:none;z-index:2}.maskHint{position:absolute;left:12px;bottom:12px;padding:8px 10px;border-radius:999px;border:1px solid rgba(0,139,255,.22);background:#00000040;color:#ffffffe6;font-size:12px;font-weight:800;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.processSteps{display:grid;gap:8px}.processStep{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffd1;font-size:13px;font-weight:800}.processIcon{width:16px;height:16px;display:grid;place-items:center;flex:0 0 16px;color:#fffffff2}.processDot{width:10px;height:10px;border-radius:999px;background:#ffffffeb}.processSpinner{width:14px;height:14px;border-radius:999px;border:2px solid rgba(255,255,255,.7);border-top-color:transparent;animation:processSpin .9s linear infinite}.processSvg{width:16px;height:16px}.processStep[data-state=active]{border-color:#ffffff2e;background:#ffffff14;color:#ffffffeb}.processStep[data-state=success] .processIcon{color:#00c48c}.processStep[data-state=error] .processIcon{color:#ff5b5b}.processErrorText{color:#ff5b5beb;font-weight:800}.recommendGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.recommendCell{display:flex;gap:12px;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;align-items:flex-start}.recommendIcon{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;color:#ffffffeb;border-radius:12px;background:#0000002e}.recommendIconImg{width:18px;height:18px}.recommendBody{display:grid;gap:6px}.recommendName{font-size:13px;font-weight:900;color:#fffffff0}.recommendDesc{font-size:12px;line-height:1.5;color:#ffffffbd}.recommendCta{display:inline-flex;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;padding:4px 8px;border-radius:9px;font-size:11px;font-weight:700;line-height:1.1;margin-top:8px}.recommendCta svg{width:14px;height:14px}@media(max-width:980px){.recommendGrid{grid-template-columns:1fr}}@keyframes processSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tools{padding:14px 16px 16px;display:grid;gap:12px}.segRow{display:flex;flex-wrap:wrap;gap:8px}.seg{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;padding:10px 12px;border-radius:999px;cursor:pointer;transition:background .16s ease,border-color .16s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.seg[aria-pressed=true]{border-color:#e4ff308c;background:#e4ff301f}.seg:focus-visible{outline:none;box-shadow:0 0 0 4px #008bff59}.field{display:grid;gap:8px}label{font-size:13px;color:#ffffffd6;letter-spacing:-.01em;font-weight:700}select,textarea,input[type=text],input[type=password]{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffeb;padding:10px 12px;font-size:14px}select:focus-visible,textarea:focus-visible,input[type=text]:focus-visible,input[type=password]:focus-visible{outline:none;box-shadow:0 0 0 4px #008bff59;border-color:#fff3}textarea{min-height:96px;resize:vertical}.twoCol{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:980px){.twoCol{grid-template-columns:1fr}}.btnRow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding-top:6px}.btnRowCenter{justify-content:center}.btnGroup{display:flex;gap:10px;flex-wrap:wrap}.ghost{border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#ffffffe6;padding:10px 12px;border-radius:999px;cursor:pointer;transition:background .16s ease,border-color .16s ease}.ghost:hover{background:#ffffff14;border-color:#ffffff38}.ghost:disabled,.mutedBtn:disabled,.cta:disabled{opacity:.5;cursor:not-allowed}.tasks{padding:12px;display:grid;gap:10px}.taskItem{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;cursor:pointer;transition:background .16s ease,border-color .16s ease}.taskItem:hover{background:#ffffff1a;border-color:#ffffff29}.thumb{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#5b23ff59,#008bff33);border:1px solid rgba(255,255,255,.12)}.taskMain{display:grid;gap:3px}.taskTitle{font-weight:900;letter-spacing:-.02em;font-size:13px}.taskMeta{font-size:12px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pill{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f}.pill.ok{border-color:#008bff66;background:#008bff1a}.pill.warn{border-color:#e4ff3066;background:#e4ff301a}.pill.err{border-color:#ff4d4f80;background:#ff4d4f1f}.taskActions{display:flex;gap:8px;align-items:center}.iconBtn{width:34px;height:34px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;cursor:pointer;display:inline-grid;place-items:center;transition:background .16s ease,border-color .16s ease}.iconBtn:hover{background:#ffffff1a;border-color:#ffffff38}.iconBtn svg{width:18px;height:18px;opacity:.9}.section{padding:26px 0}.section.firstH2{padding-top:54px}.sectionCard{border-radius:0;border:0;background:transparent;box-shadow:none;overflow:visible}.seo{padding:18px;--seo-h2-size: 32px;--seo-h2-weight: 700;--seo-h2-mt: 18px;--seo-h2-mb: 28px;--seo-h3-size: 18px;--seo-h3-weight: 800;--seo-h3-color: rgba(255, 255, 255, .9);--seo-h3-mt: 18px;--seo-h3-family: inherit;--seo-body-size: 15px;--seo-body-color: rgba(255, 255, 255, .7);--seo-body-lh: 1.75}.seo h1,.seo h2,.seo h3{letter-spacing:-.02em}.seo h1{margin:0;font-size:22px}.seo h2{margin:var(--seo-h2-mt) 0 var(--seo-h2-mb);font-size:var(--seo-h2-size);font-weight:var(--seo-h2-weight);text-align:center}.seo h2+p,.seo h2+ul,.seo h2+ol,.seo h2+.howtoGrid,.seo h2+.quoteGrid{margin-top:0}.seo h3{margin:var(--seo-h3-mt) 0 6px;font-size:var(--seo-h3-size);font-weight:var(--seo-h3-weight);color:var(--seo-h3-color);font-family:var(--seo-h3-family)}.seo p{margin:8px 0;font-size:var(--seo-body-size);line-height:var(--seo-body-lh);color:var(--seo-body-color)}.seo ul{margin:8px 0 0 18px;font-size:var(--seo-body-size);line-height:var(--seo-body-lh);color:var(--seo-body-color)}.seo ol{font-size:var(--seo-body-size);line-height:var(--seo-body-lh);color:var(--seo-body-color)}.faqList{display:grid;gap:10px;margin-top:0}.faqItem{border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;overflow:hidden}.faqQ{list-style:none;cursor:pointer;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-weight:900;color:#ffffffeb}.faqQ::-webkit-details-marker{display:none}.faqQ:focus-visible{outline:none;box-shadow:0 0 0 4px #008bff59}.faqIcon{width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;display:grid;place-items:center;flex:0 0 auto}.faqIcon:before{content:"+";font-size:18px;line-height:1;transform:translateY(-1px);transition:transform .18s ease}.faqItem[open] .faqIcon:before{transform:translateY(-1px) rotate(45deg)}.faqA{padding:0 16px 14px;font-size:var(--seo-body-size);color:var(--seo-body-color);line-height:var(--seo-body-lh)}.seo h2+.faqList{margin-top:0}.contactRow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin-top:0}.contactQr{width:120px;height:120px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;-o-object-fit:cover;object-fit:cover;flex:0 0 auto}.contactLine{display:inline-flex;align-items:baseline;justify-content:center;gap:6px;text-align:center}.contactLabel{font-weight:900;color:#ffffffeb}.contactEmail{color:#ffffffd6;text-decoration:none}.contactEmail:hover{text-decoration:underline}.quoteGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:0}.quoteCarousel{display:grid;grid-template-columns:44px 1fr 44px;gap:10px;align-items:center;margin-top:0}.quoteViewport{overflow:hidden}.quoteTrack{display:flex;width:100%;transition:transform .28s ease;align-items:stretch}.quoteSlide{flex:0 0 calc(100% / var(--quote-visible, 1));padding:0 6px;display:flex}.quoteCard{border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;padding:16px;display:grid;gap:12px;width:100%;height:100%}.quoteH3{margin:0 0 8px;font-size:var(--seo-h3-size);font-weight:var(--seo-h3-weight);color:var(--seo-h3-color);letter-spacing:-.02em}.quoteText{margin:0;font-size:var(--seo-body-size);line-height:var(--seo-body-lh);color:var(--seo-body-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}.quoteMeta{margin-top:auto;display:flex;align-items:center;gap:12px;min-height:56px;padding-top:48px}.quoteAvatar{width:56px;height:56px;border-radius:999px;border:1px solid rgba(255,255,255,.14);-o-object-fit:cover;object-fit:cover;display:block}.quoteMetaText{min-width:0}.quoteName{font-weight:900;letter-spacing:-.02em}.quoteJob{font-size:13px;color:#ffffffbd}.quoteArrow{width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#ffffffeb;cursor:pointer;display:grid;place-items:center;font-size:22px;line-height:1;padding:0}.quoteArrow:disabled{opacity:.45;cursor:not-allowed}.quoteArrow:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.seo h2+.quoteCarousel{margin-top:0}.whereGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:0}.whereCell{border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;padding:14px 0 0;overflow:hidden}.whereCell h3{padding:0 14px}.whereThumb{margin-top:10px;width:100%;aspect-ratio:3 / 2;border-radius:0 0 16px 16px;background:radial-gradient(260px 160px at 68% 46%,rgba(228,255,48,.22),transparent 60%),radial-gradient(220px 150px at 36% 56%,rgba(0,139,255,.18),transparent 62%),linear-gradient(180deg,#ffffff0f,#0003);overflow:hidden}.whereImg{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.seo h2+.whereGrid{margin-top:0}.whyList{display:grid;gap:20px}.whyCell{border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;padding:16px}.whyBody{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"text media";gap:20px;align-items:center}.whyText{display:flex;flex-direction:column;justify-content:center;min-width:0;grid-area:text}.whyMedia{width:100%;grid-area:media}.whyCell.flip .whyBody{grid-template-areas:"media text"}.seo .whyDesc{margin:0;max-width:100%}.whyNeedGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:14px}@media(max-width:820px){.whyNeedGrid{grid-template-columns:1fr;gap:14px}}.whyNeedCard{border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;overflow:hidden;position:relative}.whyNeedImg{width:100%;height:auto;display:block;aspect-ratio:3 / 2;-o-object-fit:cover;object-fit:cover;border-radius:14px}.whyNeedOverlay{position:absolute;left:0;right:0;bottom:0;padding:14px;background:linear-gradient(180deg,#14122200,#141222f0)}.whyNeedOverlay h3{margin:0 0 6px;color:#fffffff5}.whyNeedOverlay p{margin:0;color:#ffffffe6;font-size:13px;line-height:1.55}.whyChooseGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:14px}@media(max-width:820px){.whyChooseGrid{grid-template-columns:1fr;gap:14px}}.whyChooseCard{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:10px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;padding:14px}.whyChooseCard h3{margin-bottom:1px;margin-top:20px}.whyChooseCard p{margin-top:0}.whyChooseImg{width:100%;height:auto;display:block;aspect-ratio:3 / 2;-o-object-fit:cover;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.1)}.letterGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:0}@media(max-width:1100px){.letterGrid{grid-template-columns:1fr 1fr}}@media(max-width:820px){.letterGrid{grid-template-columns:1fr}}.letterCard{border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;padding:14px;display:flex;flex-direction:column;gap:10px}.letterTitle{margin:0;font-size:var(--seo-h3-size);font-weight:var(--seo-h3-weight);color:var(--seo-h3-color);letter-spacing:-.02em}.letterText{margin:0;font-size:var(--seo-body-size);line-height:var(--seo-body-lh);color:var(--seo-body-color)}.letterPerson{margin-top:auto;display:flex;align-items:center;gap:12px;padding-top:10px}.letterAvatar{width:44px;height:44px;flex:0 0 44px;border-radius:999px;border:1px solid rgba(255,255,255,.14);-o-object-fit:cover;object-fit:cover;display:block}.letterMeta{min-width:0}.letterName{font-weight:900;letter-spacing:-.02em}.letterJob{font-size:13px;color:#ffffffbd}.whyImg{width:100%;height:auto;display:block;aspect-ratio:3 / 2;-o-object-fit:cover;object-fit:cover;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.seo h2+.whyList{margin-top:0}.howtoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:0}@media(max-width:820px){.whereGrid{grid-template-columns:1fr 1fr}.quoteCarousel{grid-template-columns:1fr}.quoteArrow{display:none}.howtoGrid{grid-template-columns:1fr}}.howtoCell{border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;padding:14px}.howtoHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.howtoStep{display:inline-flex;align-items:center;gap:10px}.howtoNum{width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;letter-spacing:-.02em;background:#5b23ff47;border:1px solid rgba(91,35,255,.35)}.howtoIcon{width:22px;height:22px;color:#ffffffdb}.howtoCell h3{margin:32px 0 6px;font-size:var(--seo-h3-size);font-weight:var(--seo-h3-weight);color:var(--seo-h3-color);letter-spacing:-.02em}.howtoCell p{margin:0;color:#ffffffd1;font-size:13px}@media(max-width:820px){.quoteGrid{grid-template-columns:1fr}}.quote{border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;padding:12px}.quote strong{display:block;font-weight:900;margin-bottom:6px}.quote span{color:#ffffffd6}.footer{padding:22px 0 40px;color:#ffffffb3}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:920px){.grid2{grid-template-columns:1fr}}.miniCard{border:0;background:transparent;border-radius:0;padding:0}.miniCard h4{margin:0;font-size:14px;letter-spacing:-.02em}.miniCard p{margin:8px 0 0;color:#ffffffd1;font-size:13px}.modalOverlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#0000007a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:80;padding:16px}.modal{width:min(520px,100%);border:1px solid rgba(255,255,255,.14);background:#362f4fcc;border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.modalLogin{width:min(420px,100%)}.modalLogin .tabBar{display:flex;justify-content:center;gap:24px;border:0;background:transparent;padding:0}.modalLogin .tabBar+.field{margin-top:18px}.modalLogin .tab{border:0;background:transparent;padding:6px 0;border-radius:0;font-weight:900;letter-spacing:-.02em;color:#ffffffb8;box-shadow:inset 0 -2px 0 transparent}.modalLogin .tab[aria-pressed=true]{background:transparent;border:0;color:#fffffff2;box-shadow:inset 0 -2px 0 var(--highlight)}.modalLogin .tab:focus-visible{outline:none;box-shadow:inset 0 -2px 0 var(--highlight),0 0 0 4px #008bff59}.modalLogin .field+.field{margin-top:8px}.modalLogin .loginBtnRow{margin-top:48px;display:flex;justify-content:center}.modalLogin .loginBtn{width:min(320px,100%);justify-content:center}.modalRecharge{width:min(980px,100%)}.rechargeTip{color:#ffffffdb;font-size:15px;font-weight:800;margin-bottom:14px}.rechargeGrid{display:grid;grid-template-columns:1fr 22px .9fr;gap:24px;align-items:start}@media(max-width:820px){.rechargeGrid{grid-template-columns:1fr}.rechargeDivider{width:100%;height:1px}}.rechargeDivider{width:1px;height:100%;background:#ffffff24;justify-self:center;align-self:stretch}.rechargeDivider:before{content:"";display:block;width:1px;height:100%}.rechargeGrid[aria-label=支付区] .rechargeDivider{opacity:.9}.skuRow{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.rechargeAgreement{margin-top:28px;font-size:12px;color:#ffffffad;text-align:center}.skuItem{flex:0 0 180px;display:grid;gap:8px}.skuCell{position:relative;width:100%;box-sizing:border-box;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;padding:16px 12px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease;color:#ffffffe6}.skuCell:hover{border-color:#ffffff3d;background:#ffffff14;transform:translateY(-1px)}.skuCell[data-active=true]{border:2px solid var(--highlight)}.skuPromo{position:absolute;top:10px;right:10px;font-size:12px;font-weight:900;color:#e4ff30fa;background:#e4ff3029;border:1px solid rgba(228,255,48,.28);padding:4px 8px;border-radius:999px}.skuAmount{margin-top:32px;font-size:22px;font-weight:900;letter-spacing:-.02em}.skuPriceRow{margin-top:24px;margin-bottom:48px;display:flex;align-items:baseline;justify-content:center;gap:8px}.skuPrice{font-size:16px;font-weight:900}.skuOriginal{font-size:12px;opacity:.65;text-decoration:line-through}.skuDesc{font-size:14px;opacity:.82;line-height:1.35;text-align:center}.skuName{text-align:center;font-size:14px;font-weight:800;color:#ffffffc2}.qrBox{border-radius:0;border:0;background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:232px}.payLogo{width:100%;display:flex;justify-content:center}.payLogoImg{width:140px;height:60px;max-width:80%;-o-object-fit:contain;object-fit:contain}.qrImg{width:184px;height:184px;border-radius:12px;background:#fffffff2;padding:8px}.qrMsg{color:#ffffffe6;font-size:14px;font-weight:900;text-align:center}.codeWrap{position:relative}.codeWrap input[type=text]{padding-right:126px}.codeSendBtn{position:absolute;right:8px;top:50%;transform:translateY(-50%);height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#ffffffe6;font-weight:800;cursor:pointer;transition:background .16s ease,border-color .16s ease}.codeSendBtn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.codeSendBtn:disabled{opacity:.55;cursor:not-allowed}.modalHeader{padding:14px 16px;border-bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.modalHeader strong{letter-spacing:-.02em}.modalBody{padding:14px 16px 16px;display:grid;gap:12px}.modalBody.processingBtnRow{padding-top:32px;display:flex;justify-content:center}.modalBody.processingBtnRow .processingCloseBtn{width:100%;max-width:520px;justify-content:center}.kpiRow{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:520px){.kpiRow{grid-template-columns:1fr}}.kpi{border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;padding:12px}.kpi span{display:block;font-size:12px;color:var(--muted)}.kpi strong{display:block;font-size:16px;margin-top:6px;letter-spacing:-.02em}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.headerTitle{display:flex;flex-direction:column;line-height:1.1;gap:4px}.headerTitle strong{font-weight:900;letter-spacing:-.02em}.headerTitle span{font-size:12px;color:var(--muted)}.heroStack{display:grid;gap:22px}.heroPanels{display:grid;grid-template-columns:1fr 350px;gap:16px;align-items:stretch;justify-content:center;width:100%;max-width:1200px;margin-left:auto;margin-right:auto}.previewPanel{min-width:0}.previewPanel.active{min-width:0;width:100%}@media(max-width:980px){.heroPanels{grid-template-columns:1fr;align-items:stretch;max-width:none}.previewPanel{min-width:0}.panelBody,.previewBody,.optionsBody{height:auto;min-height:min(520px,62vh)}}.bottomPanelRow{grid-column:1 / -1;margin-top:28px;width:100%;max-width:520px;margin-left:auto;margin-right:auto}.panel.bottomPanelRow{border-radius:999px}.bottomPanelRow .tools{padding:8px 10px;gap:8px}.bottomPanelRow .btnRow{gap:6px}.bottomPanelRow .modeBar{padding:4px;gap:6px}.bottomPanelRow .tab,.bottomPanelRow .ghost{padding:8px 10px}.bottomPanelRow .dividerV{height:28px}@media(max-width:980px){.bottomPanelRow{max-width:none}}.panelBody{height:600px;padding:14px}.panelBody.noPad{padding:0}.previewBody{height:600px;padding:16px}.previewBody.noPad{padding:0;width:100%;overflow:hidden}.optionsBody{height:600px;padding:14px 16px 16px;display:flex;flex-direction:column;gap:12px}.optionsMain{display:grid;gap:12px;overflow:auto;overflow-x:hidden;padding-right:2px}.brushRange{width:100%;max-width:100%;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;height:34px}.brushRange:focus-visible{outline:none;box-shadow:0 0 0 4px #008bff59;border-radius:999px}.brushRange::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.14)}.brushRange::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:999px;background:var(--highlight);border:1px solid rgba(0,0,0,.22);box-shadow:0 10px 18px #00000047;margin-top:-5px;cursor:pointer}.brushRange::-moz-range-track{height:10px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.14)}.brushRange::-moz-range-thumb{width:18px;height:18px;border-radius:999px;background:var(--highlight);border:1px solid rgba(0,0,0,.22);box-shadow:0 10px 18px #00000047;cursor:pointer}.optionsBottom{margin-top:auto;display:grid;gap:10px}.dividerV{width:1px;height:34px;background:#ffffff24;flex:0 0 1px}@media(max-width:700px){.dividerV{display:none}}.tabBar{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;padding:6px;border-radius:999px}.tab{border:1px solid transparent;background:transparent;color:#ffffffd1;padding:10px 12px;border-radius:999px;cursor:pointer;font-weight:900;letter-spacing:-.02em;transition:background .16s ease,border-color .16s ease,color .16s ease}.tab[aria-pressed=true]{background:#ffffff1a;border-color:#fff3;color:#ffffffeb}.tab:focus-visible{outline:none;box-shadow:0 0 0 4px #008bff59}.modeBar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;padding:6px;border-radius:999px}@media(max-width:520px){.modeBar{grid-template-columns:1fr}}.choiceRow{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.choice{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffdb;padding:9px 12px;border-radius:999px;cursor:pointer;font-weight:800;letter-spacing:-.02em;transition:background .16s ease,border-color .16s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.choice[aria-pressed=true]{border-color:#e4ff308c;background:#e4ff301f}.choice:focus-visible{outline:none;box-shadow:0 0 0 4px #008bff59}.submitWrap{display:flex;justify-content:center}.submitWide{width:min(420px,100%);justify-content:center}.statusLine{display:flex;gap:10px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:12px}.statusLine strong{color:#ffffffe6;letter-spacing:-.02em}.siteFooter{border-top:1px solid var(--border);padding:26px 0 42px;color:#ffffffc7}.footerCopyright{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:12px;color:#fff9}.footerGrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px;align-items:start}@media(max-width:980px){.footerGrid{grid-template-columns:1fr}}.footerBrand{display:flex;gap:12px;align-items:center}.footerLogo{width:48px;height:48px;border-radius:16px;display:block;box-shadow:0 8px 20px #00000040}.footerBrand strong{display:block;font-weight:900;letter-spacing:-.02em;color:#ffffffeb}.footerBrand span{display:block;font-size:12px;color:#ffffffad;margin-top:4px}.footerMenus{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:820px){.footerMenus{grid-template-columns:1fr 1fr}}@media(max-width:520px){.footerMenus{grid-template-columns:1fr}}.footerCol{border:0;background:transparent;border-radius:var(--radius);padding:12px}.footerCol h4{margin:0;font-size:13px;letter-spacing:-.02em;color:#ffffffe6}.footerCol ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}.footerCol a{display:inline-flex;gap:8px;align-items:center;color:#ffffffc7}.footerCol a:hover{color:#ffffffeb;text-decoration:underline}.videoPreview{width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain;border-radius:12px}.videoRect{position:absolute;top:0;left:0;border:2px solid rgba(228,255,48,.92);background:#e4ff301a;border-radius:12px;cursor:move;touch-action:none}.rectHandle{position:absolute;width:14px;height:14px;background:#e4ff30f2;border-radius:999px;box-shadow:0 10px 22px #00000040}.rectHandle.nw{top:-7px;left:-7px;cursor:nwse-resize}.rectHandle.ne{top:-7px;right:-7px;cursor:nesw-resize}.rectHandle.sw{bottom:-7px;left:-7px;cursor:nesw-resize}.rectHandle.se{bottom:-7px;right:-7px;cursor:nwse-resize}.modeRow{display:flex;gap:10px;margin:14px 0}.segBtn{flex:1;border:1px solid var(--border);background:#ffffff14;color:#ffffffeb;border-radius:999px;padding:10px 12px;font-weight:800;letter-spacing:-.02em}.segBtn[aria-pressed=true]{border-color:#e4ff3066;background:#e4ff3024}.taskList{display:grid;gap:10px;margin-top:12px}.taskRow{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:10px;border-radius:var(--radiusSm);border:1px solid var(--border);background:#ffffff0f}.taskThumb img{width:64px;height:44px;border-radius:10px;display:block;-o-object-fit:cover;object-fit:cover}.taskThumb .block{width:64px;height:44px;border-radius:10px;background:#ffffff14}.taskInfo{min-width:0}.taskOps{display:inline-flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.tool-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;padding:18px 0 10px}@media(max-width:980px){.tool-grid{grid-template-columns:1fr}}.tool-grid .card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.tool-grid .card-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.tool-grid .card-hd-no-divider{border-bottom:none}.tool-grid .card-title{font-weight:700;letter-spacing:-.02em}.tool-grid .card-bd{padding:14px}.tool-grid .btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#ffffff14;color:var(--text);border-radius:12px;padding:10px 12px;font-weight:600;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease,filter .18s ease}.tool-grid .btn:hover{background:#ffffff1f;border-color:#ffffff2e}.tool-grid .btn:disabled{opacity:.55;cursor:not-allowed}.tool-grid .btn-primary{background:var(--highlight);border-color:#0000001f;color:#362f4ffa}.tool-grid .btn-primary:hover{filter:brightness(.94)}.tool-grid .mini{padding:8px 10px;border-radius:10px;font-size:13px;font-weight:700}.tool-grid .video-frame{aspect-ratio:4 / 3;width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#008bff38,#5b23ff2e);position:relative;overflow:hidden}.tool-grid .video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer}.tool-grid .cameraIcon{width:64px;height:64px;color:#ffffffe6;filter:drop-shadow(0 12px 36px rgba(0,0,0,.35))}.tool-grid .video-placeholder-text{display:grid;gap:4px;text-align:center;padding:0 18px}.tool-grid .video-placeholder-title{font-weight:800;letter-spacing:-.02em}.tool-grid .video-placeholder-sub{font-size:13px;color:#ffffffb8}.tool-grid .play{width:54px;height:54px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;box-shadow:0 12px 40px #00000059}.tool-grid .play:before{content:"";width:0;height:0;border-left:14px solid rgba(255,255,255,.9);border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:3px}.tool-grid .box-overlay{position:absolute;top:0;left:0;border-radius:10px;border:2px solid rgba(228,255,48,.95);box-shadow:0 0 0 6px #e4ff3024;background:#00000014;cursor:move;touch-action:none}.tool-grid .hint{margin-top:10px;color:#ffffffb8;font-size:13px}.tool-grid .seg{display:flex;gap:8px;flex-wrap:wrap}.tool-grid .seg-toggle{gap:0;flex-wrap:nowrap;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;padding:4px}.tool-grid .chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:none;background:transparent;cursor:pointer;font-weight:600;font-size:13px;color:#ffffffc7}.tool-grid .chip[aria-pressed=true]{border:1px solid var(--highlight);background:#ffffff14;color:#ffffffeb;box-shadow:0 0 0 2px #e4ff3038}.tool-grid .chip[aria-pressed=true]:hover{background:#ffffff1f;border-color:#ffffff2e}.tool-grid .video-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.tool-grid .btn-submit{width:auto;padding-left:14px;padding-right:14px;min-width:120px;width:168px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1.1}.tool-grid .btn-submit .submitPrice{font-size:12px;font-weight:800;opacity:.8}.tool-grid .pill{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff0f;color:#ffffffc7;font-size:13px;cursor:pointer}.tool-grid .pill:disabled{opacity:.55;cursor:not-allowed}.tool-grid .tasks{display:flex;flex-direction:column;gap:10px}.tool-grid .task-list-bd{padding-left:14px;padding-right:14px;padding-top:8px;max-height:540px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.tool-grid .task-list-bd::-webkit-scrollbar{width:10px}.tool-grid .task-list-bd::-webkit-scrollbar-track{background:transparent}.tool-grid .task-list-bd::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px;border:3px solid transparent;background-clip:content-box}.tool-grid .task-list-bd::-webkit-scrollbar-thumb:hover{background:#ffffff47;background-clip:content-box}.tool-grid .task-list-bd{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}.tool-grid .task{display:grid;grid-template-columns:54px 1fr;gap:10px;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;cursor:pointer;transition:background .18s ease,border-color .18s ease;position:relative;min-height:94px;align-items:stretch}.tool-grid .task:hover{background:#ffffff17;border-color:#ffffff29}.tool-grid .task-status{position:absolute;top:10px;right:10px;display:flex;justify-content:flex-end}.tool-grid .thumb{width:54px;height:54px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);overflow:hidden}.tool-grid .thumb img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.tool-grid .task-main{min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding-right:92px}.tool-grid .task-title{font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-grid .task-meta{display:flex;gap:10px;margin-top:6px;color:#ffffffb8;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-grid .tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffeb}.tool-grid .tag.processing{border-color:#008bff73;background:#008bff1f}.tool-grid .tag.created{border-color:#ffffff2e;background:#ffffff14}.tool-grid .tag.finished{border-color:#00c48c8c;background:#00c48c24}.tool-grid .tag.failed{border-color:#ff4d4f8c;background:#ff4d4f24}.tool-grid .tag.queued{border-color:#5b23ff73;background:#5b23ff24}.tool-grid .tag.paused{border-color:#ffffff29;background:#00000029;color:#ffffffd1}.tool-grid .task-actions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;min-height:36px;align-items:center}.tool-grid .task-hint{font-size:12px;color:#ffffffbd;font-weight:700}.tool-grid .btn-icon{width:30px;height:30px;padding:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.tool-grid .btn-icon svg{width:18px;height:18px;display:block}.howtoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}@media(max-width:980px){.howtoGrid{grid-template-columns:1fr}}.howtoCell{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f}.howtoIcon{display:inline-flex;align-items:center;color:#ffffffeb;margin-bottom:32px;width:auto;height:auto}.howtoIcon svg{width:36px;height:36px}.howtoName{font-weight:800;letter-spacing:-.02em}.howtoDesc{color:#ffffffc7;font-size:14px;line-height:1.55}
