:root{color:#14243a;font-synthesis:none;background:#eef1f5;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{background:#eef1f5;min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #102a4338}.app-frame{background:#f7f8fa;width:min(100%,760px);min-height:100dvh;margin:0 auto;padding-bottom:86px;position:relative;box-shadow:0 0 0 1px #102a430a}.topbar{z-index:10;background:#fffffff5;border-bottom:1px solid #e4e8ee;justify-content:space-between;align-items:center;height:62px;padding:0 16px;display:flex;position:sticky;top:0}.brand,.wallet,.nav-item,.text-button,.icon-button{background:0 0;border:0}.brand{color:#102a43;letter-spacing:0;align-items:center;gap:7px;padding:4px 0;font-size:18px;font-weight:780;display:inline-flex}.brand-mark{color:#fff;background:#102a43;border-radius:6px;place-items:center;width:25px;height:25px;display:grid}.wallet{color:#697586;align-items:center;gap:8px;padding:5px 0 5px 8px;display:flex}.wallet-item{align-items:center;gap:3px;font-size:12px;display:inline-flex}.wallet-item b{font-size:15px}.wallet-item em{font-size:11px;font-style:normal}.wallet-divider{background:#e4e8ee;width:1px;height:22px}.hero-panel{color:#fff;isolation:isolate;background:#102a43;border-radius:8px;align-items:flex-start;min-height:322px;padding:28px 23px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:2;max-width:210px;position:relative}.hero-copy h1{letter-spacing:0;margin:0;font-size:29px;line-height:1.28}.hero-copy p{color:#d8e1ea;margin:15px 0 20px;font-size:14px;line-height:1.8}.hero-art{mix-blend-mode:screen;opacity:.82;z-index:1;width:252px;position:absolute;bottom:-28px;right:-52px}.button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:14px;font-weight:720;transition:transform .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.48;transform:none}.button-light{color:#102a43;background:#fff}.button-primary{color:#fff;background:#102a43;box-shadow:0 5px 12px #102a4329}.button-outline{color:#102a43;background:#fff;border-color:#cbd4de}.section-block{margin-top:28px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-heading>div{color:#102a43;align-items:center;gap:7px;display:flex}.section-heading h2{letter-spacing:0;margin:0;font-size:18px}.eyeless-icon{color:#c99637;display:inline-flex}.text-button{color:#506174;padding:4px 0;font-size:13px;font-weight:600}.text-button:hover{color:#102a43}.tool-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quick-tool{text-align:left;background:#fff;border:1px solid #e4e8ee;border-radius:8px;min-height:142px;padding:15px;position:relative;box-shadow:0 2px 7px #1e2d4106}.tool-icon{border-radius:7px;flex:none;place-items:center;width:33px;height:33px;display:inline-grid}.quick-title{color:#14243a;margin-top:12px;font-size:14px;font-weight:750;display:block}.quick-desc{color:#697586;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:7px;padding-right:8px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.quick-chevron{color:#8693a4;position:absolute;top:16px;right:10px}.list-surface,.question-surface,.result-content{background:#fff;border:1px solid #e4e8ee;border-radius:8px;box-shadow:0 2px 8px #20354b06}.history-row{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0f3;align-items:center;gap:11px;width:100%;padding:13px;display:flex}.history-row:last-child{border-bottom:0}.history-row>svg{color:#94a0af;margin-left:auto}.history-copy{gap:3px;min-width:0;display:grid}.history-copy b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.history-copy small{color:#697586;font-size:12px}.points-note{color:#253b52;text-align:left;background:#fff;border:1px solid #e4e8ee;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:58px;margin-top:20px;padding:10px 13px;display:flex}.points-icon{color:#b57d27;background:#fff0d8;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.points-note span:nth-child(2){font-size:13px}.points-note b{color:#b57d27;margin-left:auto;font-size:13px}.points-note svg:last-child{color:#b57d27}.empty-state{color:#697586;text-align:center;background:#ffffff7a;border:1px dashed #cbd4de;border-radius:8px;justify-items:center;gap:9px;padding:28px 20px;display:grid}.empty-state p{margin:0;font-size:13px}.bottom-nav{z-index:15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-top:1px solid #e4e8ee;grid-template-columns:repeat(4,1fr);width:min(100%,760px);height:70px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:#8290a1;align-content:center;place-items:center;gap:3px;font-size:11px;display:grid}.nav-item.active{color:#102a43;font-weight:700}.page-intro{margin:6px 0 20px}.page-intro h1{color:#102a43;letter-spacing:0;margin:0;font-size:25px;line-height:1.25}.page-intro p{color:#697586;margin:8px 0 0;font-size:14px;line-height:1.6}.segmented{background:#fff;border:1px solid #e4e8ee;border-radius:8px;gap:6px;width:max-content;margin-bottom:17px;padding:4px;display:flex}.segmented button,.filter-rail button{color:#697586;background:0 0;border:0;border-radius:5px;padding:7px 11px;font-size:13px}.segmented button.selected,.filter-rail button.selected{color:#fff;background:#102a43}.tool-list{gap:12px;display:grid}.tool-card{background:#fff;border:1px solid #e4e8ee;border-radius:8px;padding:17px;box-shadow:0 2px 8px #20354b06}.tool-card-head{align-items:flex-start;gap:11px;display:flex}.tool-card h2{margin:1px 0 4px;font-size:16px}.tool-card-head p{color:#697586;margin:0;font-size:13px;line-height:1.5}.usage-line{color:#506174;align-items:flex-start;gap:5px;margin:16px 0 14px;font-size:12px;line-height:1.5;display:flex}.usage-line svg{color:#c99637;margin-top:1px}.tool-card-footer{color:#697586;border-top:1px solid #edf0f3;justify-content:space-between;align-items:center;padding-top:13px;font-size:12px;display:flex}.compact-button{color:#fff;background:#102a43;border:0;border-radius:6px;align-items:center;gap:5px;padding:8px 10px;font-size:12px;font-weight:650;display:inline-flex}.subtools{border-top:1px solid #edf0f3;margin:0 0 14px}.subtools button{color:#334b62;text-align:left;background:0 0;border:0;border-bottom:1px solid #edf0f3;align-items:center;gap:7px;width:100%;min-height:37px;font-size:12px;display:flex}.subtools button svg:last-child{margin-left:auto}.tool-guide{color:#5f4a27;background:#fffaf0;border-left:3px solid #c99637;align-items:flex-start;gap:10px;margin-top:19px;padding:14px;display:flex}.tool-guide p{margin:0;font-size:13px;line-height:1.6}.creator-page,.result-page{margin:-6px -16px -30px;padding-bottom:112px}.creator-header,.result-top{background:#fff;border-bottom:1px solid #e4e8ee;align-items:flex-start;gap:12px;padding:18px 16px;display:flex}.icon-button{color:#102a43;border-radius:6px;flex:none;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{background:#f1f4f7}.creator-header h1,.result-top h1{color:#102a43;margin:1px 0 3px;font-size:18px}.creator-header p,.result-top p{color:#697586;margin:0;font-size:12px;line-height:1.45}.credit-count{white-space:nowrap;color:#697586;margin:5px 0 0 auto;font-size:12px}.credit-count b{color:#c99637;font-size:17px}.question-surface{margin:16px;padding:4px 16px}.question{border-bottom:1px solid #edf0f3;padding:17px 0}.question:last-child{border-bottom:0}.question label{color:#14243a;margin-bottom:10px;font-size:15px;font-weight:720;display:block}.question label b{color:#c99637;letter-spacing:.5px;margin-right:8px;font-size:12px}.question textarea,.question input{color:#14243a;background:#fff;border:1px solid #d8dee6;border-radius:6px;width:100%;font-size:14px;line-height:1.5}.question textarea{resize:vertical;min-height:66px;padding:11px}.question input{height:44px;padding:0 39px 0 11px}.question textarea::placeholder,.question input::placeholder{color:#98a3b0}.question small{color:#7d8998;margin-top:7px;font-size:11px;display:block}.input-with-icon{position:relative}.input-with-icon svg{color:#7d8998;pointer-events:none;position:absolute;top:13px;right:11px}.choice-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.choice{color:#506174;background:#fff;border:1px solid #d8dee6;border-radius:6px;min-height:39px;padding:4px;font-size:12px}.choice.selected{color:#102a43;background:#eef4f8;border-color:#102a43;font-weight:720}.field-error{color:#c2413b!important}.example-tip{color:#5f4a27;background:#fffaf0;border-left:3px solid #c99637;gap:10px;margin:0 16px;padding:14px;display:flex}.example-tip>svg{flex:none}.example-tip b{font-size:13px}.example-tip p{margin:5px 0 0;font-size:12px;line-height:1.6}.sticky-action{z-index:12;background:#fff;border-top:1px solid #e4e8ee;justify-content:space-between;align-items:center;gap:10px;width:min(100%,760px);min-height:72px;padding:10px 16px;display:flex;position:fixed;bottom:70px;left:50%;transform:translate(-50%);box-shadow:0 -4px 14px #11283f0f}.sticky-action>div{justify-items:end;gap:4px;display:grid}.sticky-action .button{min-width:142px}.sticky-action small{color:#697586;font-size:10px}.result-top>div{min-width:0}.result-top>div>span{color:#c99637;font-size:12px;font-weight:680}.result-content{margin:16px;padding:0 17px}.result-title{color:#102a43;border-bottom:1px solid #edf0f3;align-items:center;gap:8px;padding:17px 0 14px;display:flex}.result-title h2{margin:0;font-size:16px}.result-content section{border-bottom:1px solid #edf0f3;padding:18px 0}.result-content section:last-child{border-bottom:0}.result-content h3{color:#102a43;margin:0 0 9px;font-size:14px}.result-content p{color:#31465b;margin:0 0 10px;font-size:14px;line-height:1.8}.result-content p:last-child{margin-bottom:0}.usage-hint{background:#fff;border:1px solid #e4e8ee;border-radius:8px;margin:0 16px;padding:14px}.usage-hint b{color:#102a43;font-size:13px}.usage-hint p{color:#697586;margin:6px 0 0;font-size:12px;line-height:1.6}.result-actions{grid-template-columns:1fr 1fr;gap:9px;margin:18px 16px 0;display:grid}.result-actions .button{width:100%}.action-danger{color:#a1534e;background:0 0;border:0;grid-column:1/-1;justify-self:center;align-items:center;gap:5px;margin-top:4px;font-size:12px;display:inline-flex}.history-intro{margin-bottom:16px}.search-box{color:#7d8998;background:#fff;border:1px solid #d8dee6;border-radius:7px;align-items:center;gap:8px;height:44px;padding:0 12px;display:flex}.search-box input{color:#14243a;background:0 0;border:0;outline:0;width:100%;font-size:14px}.filter-rail{scrollbar-width:none;gap:7px;margin:12px -16px 16px;padding:0 16px;display:flex;overflow-x:auto}.filter-rail::-webkit-scrollbar{display:none}.filter-rail button{background:#fff;border:1px solid #e4e8ee;flex:none}.filter-rail button.selected{border-color:#102a43}.history-list{gap:10px;display:grid}.history-card{background:#fff;border:1px solid #e4e8ee;border-radius:8px;align-items:center;gap:7px;padding:13px;display:flex}.history-open{text-align:left;background:0 0;border:0;flex:1;align-items:flex-start;gap:10px;min-width:0;display:flex}.history-open span{min-width:0}.history-open b{color:#14243a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.history-open p{color:#697586;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.history-open small{color:#8793a2;font-size:11px}.history-actions{gap:7px;display:grid}.history-actions button{color:#607184;background:#f2f5f7;border:0;border-radius:5px;place-items:center;width:30px;height:27px;display:grid}.history-actions button:last-child{color:#a1534e;background:#fff3f2}.credits-intro{margin-bottom:18px}.balance-band{color:#fff;background:#102a43;border-radius:8px;grid-template-columns:1fr auto 1fr;padding:17px;display:grid}.balance-band div{gap:7px;display:grid}.balance-band div:last-child{padding-left:22px}.balance-band span{color:#c3d0dc;font-size:12px}.balance-band b{color:#fff;font-size:28px;line-height:1}.balance-band em{color:#e0b767;font-size:13px;font-style:normal}.balance-divider{background:#ffffff2e;width:1px}.credits-section{margin-top:26px}.redeem-options{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.redeem-option{color:#506174;background:#fff;border:1px solid #d8dee6;border-radius:8px;place-content:center;gap:2px;min-height:95px;display:grid;position:relative}.redeem-option>b{color:#14243a;font-size:24px}.redeem-option>span{font-size:12px}.redeem-option small{color:#697586;font-size:11px}.redeem-option.selected{background:#f4f8fb;border:2px solid #102a43}.redeem-option:disabled{cursor:not-allowed;opacity:.54}.redeem-option em{color:#c2413b;font-size:10px;font-style:normal;position:absolute;bottom:5px}.exchange-summary{color:#697586;background:#fff;border:1px solid #e4e8ee;border-radius:8px;grid-template-columns:1fr auto;gap:10px;margin-top:18px;padding:14px;font-size:13px;display:grid}.exchange-summary b{color:#14243a;text-align:right}.rules{border-top:1px solid #e4e8ee;border-bottom:1px solid #e4e8ee;margin-top:18px}.rules>div{color:#b57d27;border-bottom:1px solid #e4e8ee;align-items:flex-start;gap:10px;padding:14px 2px;display:flex}.rules>div:last-child{color:#607184;border-bottom:0}.rules b{color:#14243a;font-size:13px}.rules p{color:#697586;margin:4px 0 0;font-size:12px;line-height:1.55}.exchange-button{width:100%;margin-top:24px}.redemption-error{color:#c2413b;text-align:center;margin:8px 0 0;font-size:12px}.toast{z-index:30;color:#fff;background:#14243a;border-radius:6px;max-width:calc(100% - 40px);padding:10px 13px;font-size:13px;position:fixed;bottom:88px;left:50%;transform:translate(-50%);box-shadow:0 7px 18px #102a4333}@media (width>=640px){body{padding:24px}.app-frame{border-radius:12px;overflow:hidden}.bottom-nav{border-radius:0 0 12px 12px}.page-content{padding:26px 24px 36px}.hero-panel{min-height:330px;padding:38px}.hero-copy{max-width:290px}.hero-copy h1{font-size:34px}.hero-art{width:340px;bottom:-50px;right:20px}.tool-rail{grid-template-columns:repeat(4,1fr)}.quick-tool{min-height:158px}.creator-page,.result-page{margin-left:-24px;margin-right:-24px}.creator-header,.result-top{padding-left:24px;padding-right:24px}.question-surface,.example-tip,.result-content,.usage-hint,.result-actions{margin-left:24px;margin-right:24px}.sticky-action{padding-left:24px;padding-right:24px}}@media (width<=370px){.brand{font-size:16px}.wallet{gap:5px}.wallet-item em{display:none}.hero-panel{min-height:310px;padding:24px 18px}.hero-copy h1{font-size:26px}.hero-art{width:230px;right:-68px}.choice{font-size:11px}}.mode-list{gap:7px;display:grid}.mode-option{color:#506174;text-align:left;background:#fff;border:1px solid #d8dee6;border-radius:6px;min-height:42px;padding:0 11px;font-size:13px}.mode-option.selected{color:#102a43;background:#eef4f8;border-color:#102a43;font-weight:700}.two-column{grid-template-columns:1fr 1fr;gap:10px;display:grid}.two-column>div label{margin-top:0;font-size:13px}.two-column>div label b{margin:0 0 5px;font-size:10px;display:block}.image-directions{align-items:flex-start;gap:7px;display:flex;color:#506174!important;font-size:12px!important}.image-directions svg{color:#c99637;flex:none;margin-top:3px}.series-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.result-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.result-media-grid figure{min-width:0;margin:0}.result-media-grid img,.result-image-fallback{aspect-ratio:1;object-fit:cover;background:#f2f5f7;border-radius:6px;width:100%}.result-image-fallback,.media-unavailable{color:#7d8998;place-items:center;gap:7px;display:grid}.result-media-grid figcaption{color:#697586;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:11px;overflow:hidden}.media-unavailable{text-align:center;border:1px dashed #cbd4de;border-radius:6px;min-height:112px;padding:18px}.media-unavailable p{margin:0;font-size:12px}.source-list{gap:8px;display:grid}.source-list a{color:#14243a;border:1px solid #e4e8ee;border-radius:6px;justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;padding:11px;text-decoration:none;display:flex}.source-list span{min-width:0}.source-list b{font-size:13px}.source-list p{color:#697586;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:12px;display:-webkit-box;overflow:hidden}.source-list svg{color:#607184;flex:none}.redemption-history{margin-top:28px}.credits-status{color:#697586;text-align:center;border:1px dashed #cbd4de;border-radius:8px;place-items:center;gap:10px;min-height:84px;padding:16px;font-size:13px;display:grid}.credits-status p{margin:0}.credits-status .button{min-width:96px}.redemption-list{border-top:1px solid #e4e8ee}.redemption-list>div{border-bottom:1px solid #e4e8ee;justify-content:space-between;align-items:center;gap:12px;padding:13px 2px;display:flex}.redemption-list span{gap:4px;min-width:0;display:grid}.redemption-list b{color:#14243a;font-size:13px}.redemption-list small{color:#7d8998;font-size:11px}.redemption-list strong{color:#a1534e;flex:none;font-size:12px}:root{--mini-blue:#1677ff;--mini-blue-deep:#1248b8;--mini-orange:#ff8a1f;--mini-mint:#12b886;--mini-coral:#f2556a;--mini-bg:#f3f7ff;--mini-line:#dbe6f5;--mini-text:#172b4d;--mini-muted:#60758f}.app-frame{background:var(--mini-bg);width:min(100%,480px);padding-bottom:calc(86px + env(safe-area-inset-bottom));box-shadow:0 0 0 1px #1677ff14,0 16px 42px #183d781f}.topbar{height:calc(58px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);border-bottom-color:var(--mini-line);background:#fffffffa}.brand{color:var(--mini-text)}.brand-mark{background:var(--mini-blue);border-radius:7px;box-shadow:0 3px 8px #1677ff3d}.wallet-item svg,.wallet-item b{color:var(--mini-orange)}.wallet-divider{background:var(--mini-line)}.page-content{padding:16px 16px 28px}.hero-panel{background:var(--mini-blue-deep);min-height:316px;box-shadow:0 8px 18px #1248b829}.hero-copy p{color:#e7f0ff}.hero-art{opacity:.9}.button-primary,.compact-button{background:var(--mini-blue);box-shadow:0 5px 12px #1677ff3d}.button-light{color:var(--mini-blue-deep)}.button-outline{color:var(--mini-blue);border-color:#b9d4ff}.button:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#1677ff4d}.section-heading>div,.section-heading h2,.page-intro h1{color:var(--mini-text)}.eyeless-icon{color:var(--mini-orange)}.text-button{color:var(--mini-blue)}.quick-tool,.tool-card,.history-card,.list-surface,.question-surface,.result-content,.usage-hint,.points-note{border-color:var(--mini-line);box-shadow:0 3px 10px #1d488709}.quick-tool:hover{border-color:#a8caff}.quick-title,.tool-card h2,.history-open b{color:var(--mini-text)}.quick-desc,.tool-card-head p{color:var(--mini-muted)}.points-note b,.points-note svg:last-child{color:#f07b15}.bottom-nav{width:min(100%,480px);height:calc(66px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top-color:var(--mini-line);background:#fffffffc}.nav-item{color:#7890ab}.nav-item.active{color:var(--mini-blue)}.segmented,.filter-rail button{border-color:var(--mini-line)}.tool-guide,.example-tip{border-left-color:var(--mini-orange);color:#8b520d;background:#fff8ed}.usage-line svg,.credit-count b,.result-top>div>span{color:var(--mini-orange)}.choice.selected,.mode-option.selected{color:var(--mini-blue);border-color:var(--mini-blue);background:#edf5ff}.sticky-action{width:min(100%,480px);bottom:calc(66px + env(safe-area-inset-bottom));border-top-color:var(--mini-line)}.redeem-option.selected{border-color:var(--mini-blue);background:#edf5ff}.result-title,.result-content h3,.creator-header h1,.result-top h1{color:var(--mini-text)}.toast{background:var(--mini-blue-deep);bottom:calc(80px + env(safe-area-inset-bottom))}@media (width>=640px){.app-frame{border-radius:14px}.bottom-nav{border-radius:0 0 14px 14px}.hero-panel{min-height:316px}.tool-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-tool{min-height:142px}}:root{--mini-blue:#174b8c;--mini-blue-deep:#071b3b;--mini-orange:#c99637;--mini-bg:#f4f6f9;--mini-line:#dde4ed;--mini-text:#132b4a;--mini-muted:#657589}body{background:#e9edf3}.hero-panel{background:#071b3b;box-shadow:0 8px 20px #071b3b33}.brand-mark,.button-primary,.compact-button{background:var(--mini-blue)}.wallet-item svg,.wallet-item b,.eyeless-icon,.usage-line svg,.credit-count b,.result-top>div>span,.points-note b,.points-note svg:last-child{color:var(--mini-orange)}.tool-icon.video{color:#174b8c;background:#e8f0fc}.tool-icon.moments{color:#416c9e;background:#e9f0f9}.tool-icon.offline{color:#b37c1f;background:#fbf0dc}.tool-icon.xiaohongshu{color:#8a6b37;background:#f6efdf}.points-icon{color:#b37c1f;background:#fbf0dc}.nav-item.active,.text-button{color:var(--mini-blue)}.segmented button.selected,.filter-rail button.selected{background:var(--mini-blue)}.choice.selected,.mode-option.selected{color:var(--mini-blue);border-color:var(--mini-blue)}.balance-band{background:var(--mini-blue-deep)}.balance-band em{color:#e8c780}.hero-art{opacity:.98;mix-blend-mode:screen;width:280px;bottom:-18px;right:-38px;-webkit-mask-image:radial-gradient(64% 78% at 84% 55%,#000 40%,#000000f0 58%,#0000006b 74%,#0000 100%);mask-image:radial-gradient(64% 78% at 84% 55%,#000 40%,#000000f0 58%,#0000006b 74%,#0000 100%)}@media (width>=640px){.hero-art{width:336px;bottom:-34px;right:-12px}}@media (width<=370px){.hero-art{width:254px;bottom:-16px;right:-45px}}.quick-tool{min-height:204px;padding:10px}.quick-art{background:#071b3b;border-radius:6px;height:68px;display:block;overflow:hidden}.quick-art img,.tool-card-art img{object-fit:cover;width:100%;height:100%;display:block}.quick-heading{align-items:center;gap:8px;margin-top:10px;display:flex}.quick-heading .tool-icon{width:27px;height:27px}.quick-heading .quick-title{margin:0}.quick-chevron{color:#c99637;top:93px;right:12px}.tool-card{padding:0 17px 17px;overflow:hidden}.tool-card-art{background:#071b3b;height:108px;margin:0 -17px 16px;overflow:hidden}.tool-card-art img{object-position:center 52%}.tool-card-head{padding-top:0}@media (width>=640px){.quick-tool{min-height:204px}.quick-art{height:82px}.tool-card-art{height:132px}}.quick-tool{isolation:isolate;min-height:158px;padding:15px;overflow:hidden}.quick-art{border-radius:inherit;pointer-events:none;z-index:0;background:0 0;height:auto;display:block;position:absolute;inset:0;overflow:hidden}.quick-art img{object-fit:contain;object-position:center;opacity:.35;width:142px;height:142px;display:block;position:absolute;top:-17px;right:-26px;-webkit-mask-image:radial-gradient(68% 68% at 71% 42%,#000 42%,#000000bd 64%,#0000 100%);mask-image:radial-gradient(68% 68% at 71% 42%,#000 42%,#000000bd 64%,#0000 100%)}.quick-tool[data-tool=video] .quick-art img,.quick-tool[data-tool=moments] .quick-art img,.quick-tool[data-tool=offline] .quick-art img,.quick-tool[data-tool=xiaohongshu] .quick-art img{opacity:.48}.quick-heading,.quick-desc{z-index:1;position:relative}.quick-heading{margin-top:0;padding-right:34px}.quick-desc{margin-top:8px;padding-right:38px}.quick-chevron{z-index:2;top:14px;right:11px}.tool-card{isolation:isolate;min-height:168px;padding:17px;position:relative;overflow:hidden}.tool-card-art{pointer-events:none;z-index:0;background:0 0;width:172px;height:156px;margin:0;position:absolute;top:-18px;right:-14px;overflow:hidden}.tool-card-art img{object-fit:contain;object-position:center;opacity:.24;width:164px;height:164px;display:block;-webkit-mask-image:radial-gradient(71% 73% at 63% 48%,#000 40%,#000000ad 64%,#0000 100%);mask-image:radial-gradient(71% 73% at 63% 48%,#000 40%,#000000ad 64%,#0000 100%)}.tool-card[data-tool=video] .tool-card-art img,.tool-card[data-tool=moments] .tool-card-art img,.tool-card[data-tool=offline] .tool-card-art img,.tool-card[data-tool=xiaohongshu] .tool-card-art img{opacity:.34}.tool-card-head,.usage-line,.subtools,.tool-card-footer{z-index:1;position:relative}.tool-card-head>div{width:min(61%,210px)}.tool-card-footer{margin-top:auto}@media (width>=640px){.quick-tool{min-height:166px}.quick-art img{width:158px;height:158px;top:-18px;right:-24px}.tool-card-art{width:190px;height:170px}.tool-card-art img{width:180px;height:180px}}.hero-panel{min-height:212px;padding:22px 20px}.hero-copy{max-width:190px}.hero-copy h1{font-size:25px;line-height:1.2}.hero-copy p{margin:10px 0 14px;font-size:12px;line-height:1.55}.hero-art{width:224px;bottom:-18px;right:-34px}@media (width>=640px){.hero-panel{min-height:220px;padding:24px 28px}.hero-copy{max-width:230px}.hero-copy h1{font-size:28px}.hero-copy p{font-size:13px}.hero-art{width:250px;bottom:-24px;right:-8px}}@media (width<=370px){.hero-panel{min-height:204px;padding:20px 16px}.hero-copy h1{font-size:23px}.hero-art{width:204px;bottom:-14px;right:-38px}}