:root{font-family:Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.5;font-weight:400;color:#132238;background:radial-gradient(circle at top left,rgba(66,133,244,.16),transparent 32%),radial-gradient(circle at top right,rgba(27,180,122,.12),transparent 26%),linear-gradient(180deg,#f4f8ff,#eef4ff 42%,#f7fbff);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-page: rgba(255, 255, 255, .72);--bg-card: rgba(255, 255, 255, .86);--bg-soft: rgba(244, 248, 255, .92);--bg-strong: #0f172a;--text-main: #132238;--text-secondary: #4a5d75;--text-muted: #70819a;--line-soft: rgba(129, 154, 188, .2);--line-strong: rgba(69, 98, 130, .18);--primary: #2563eb;--primary-strong: #1d4ed8;--accent: #10b981;--accent-strong: #059669;--danger: #ef4444;--warning: #f59e0b;--shadow-lg: 0 24px 64px rgba(15, 23, 42, .12);--shadow-md: 0 14px 36px rgba(15, 23, 42, .08);--shadow-sm: 0 10px 24px rgba(15, 23, 42, .05);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--motion-soft: .22s cubic-bezier(.22, 1, .36, 1)}@keyframes floatSoft{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-10px,0)}}@keyframes pulseGlow{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}@keyframes riseIn{0%{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes shimmerSweep{0%{transform:translate(-120%) skew(-18deg);opacity:0}35%{opacity:.18}to{transform:translate(220%) skew(-18deg);opacity:0}}@keyframes ripplePulse{0%{transform:scale(.2);opacity:.45}to{transform:scale(2.4);opacity:0}}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{margin:0;min-width:320px;min-height:100vh;color:var(--text-main);background:inherit}a{color:inherit;text-decoration:none}a:hover{color:var(--primary)}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{border:0}#app,.app-shell{min-height:100vh}.dfr{display:flex;flex-direction:row}.dfc{display:flex;flex-direction:column}.j-c{justify-content:center}.a-c{align-items:center}.gap-10{gap:10px}.icon-audit-container,.editor-container,.compress-container,.video-container,.audio-extract-container,.qrcode-container,.remove-bg-container,.credentials-container,.design-container{position:relative;isolation:isolate;overflow:hidden;width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:32px;border-radius:var(--radius-xl);border:1px solid var(--line-soft);background:linear-gradient(180deg,#ffffffeb,#f8fbffd1);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:riseIn .56s var(--motion-soft)}.icon-audit-container:before,.editor-container:before,.compress-container:before,.video-container:before,.audio-extract-container:before,.qrcode-container:before,.remove-bg-container:before,.credentials-container:before,.design-container:before,.icon-audit-container:after,.editor-container:after,.compress-container:after,.video-container:after,.audio-extract-container:after,.qrcode-container:after,.remove-bg-container:after,.credentials-container:after,.design-container:after{content:"";position:absolute;pointer-events:none;z-index:0}.icon-audit-container:before,.editor-container:before,.compress-container:before,.video-container:before,.audio-extract-container:before,.qrcode-container:before,.remove-bg-container:before,.credentials-container:before,.design-container:before{top:-90px;right:-70px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.18),transparent 68%);filter:blur(10px);animation:pulseGlow 7s ease-in-out infinite}.icon-audit-container:after,.editor-container:after,.compress-container:after,.video-container:after,.audio-extract-container:after,.qrcode-container:after,.remove-bg-container:after,.credentials-container:after,.design-container:after{bottom:30px;left:-20px;width:180px;height:180px;border-radius:34px;background:linear-gradient(135deg,#10b98114,#2563eb05);transform:rotate(20deg);animation:floatSoft 8s ease-in-out infinite}.icon-audit-container>*,.editor-container>*,.compress-container>*,.video-container>*,.audio-extract-container>*,.qrcode-container>*,.remove-bg-container>*,.credentials-container>*,.design-container>*{position:relative;z-index:1}.video-container{min-width:0}.icon-audit-container h1,.editor-container h1,.compress-container h1,.video-container h1,.audio-extract-container h1,.qrcode-container h1,.remove-bg-container h1,.credentials-container h1,.design-container h1,.design-container h2{margin:0 0 14px;font-size:clamp(28px,4vw,40px);line-height:1.08;letter-spacing:-.04em;color:#0f172a}.function-description,.design-container p{margin:0 0 28px;padding:18px 20px;border-radius:var(--radius-md);border:1px solid rgba(37,99,235,.12);background:linear-gradient(135deg,#2563eb14,#10b9810f);color:var(--text-secondary);line-height:1.75}.page-hero{position:relative;margin-bottom:26px;padding:26px 26px 24px;border-radius:26px;overflow:hidden;background:linear-gradient(135deg,#0f172af5,#1d4ed8db);box-shadow:0 22px 48px #0f172a2e;color:#eff6ff}.page-hero:before,.page-hero:after{content:"";position:absolute;pointer-events:none}.page-hero:before{top:-40px;right:-20px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 68%);animation:pulseGlow 6s ease-in-out infinite}.page-hero:after{bottom:-40px;left:-30px;width:180px;height:120px;border-radius:999px;background:linear-gradient(135deg,#10b98147,#ffffff05);transform:rotate(-14deg);animation:floatSoft 7s ease-in-out infinite}.page-hero>*{position:relative;z-index:1}.page-hero-badge{display:inline-flex;padding:8px 14px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.14);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.page-hero h1{margin:16px 0 12px!important;color:#fff!important}.page-hero p{margin:0;max-width:760px;line-height:1.8;color:#e2e8f0eb}.page-hero-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.page-hero-points span{display:inline-flex;padding:8px 12px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);font-size:13px}.size-input-panel,.compress-controls,.preview-section,.result-section,.original-preview,.generate-section,.result-box,.controls,.loading-container,.loading-card,.result-card,.video-preview,.upload-box,.video-stats,.advanced-options,.upload-container{border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-sm);transition:transform var(--motion-soft),box-shadow var(--motion-soft),border-color var(--motion-soft)}.size-input-panel:hover,.compress-controls:hover,.preview-section:hover,.result-section:hover,.original-preview:hover,.generate-section:hover,.result-box:hover,.controls:hover,.loading-container:hover,.loading-card:hover,.result-card:hover,.video-preview:hover,.upload-box:hover,.video-stats:hover,.advanced-options:hover,.upload-container:hover{transform:translateY(-2px);box-shadow:0 18px 36px #0f172a17}.upload-container{padding:22px}.image-preview,.icon-preview,.show-preview,.result-box pre,.video-preview video,.video-preview audio,.video-player,.audio-player{border-radius:var(--radius-md)}.preview-img,.result-img,.video-preview,.video-player,.audio-player,.icon-preview img{box-shadow:0 18px 40px #0f172a1f}button,.btn,.apply-size-btn,.download-btn,.download-all-btn,.start-btn,.reset-btn,.save-btn,.generate-btn,.copy-btn,.primary-btn,.wechat-login,.btn-small,.compress-btn,.confirm-btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:999px;border:1px solid transparent;background:linear-gradient(135deg,var(--primary),#4f8cff);color:#fff;font-weight:600;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background .18s ease;box-shadow:0 12px 24px #2563eb38}button:before,.btn:before,.apply-size-btn:before,.download-btn:before,.download-all-btn:before,.start-btn:before,.reset-btn:before,.save-btn:before,.generate-btn:before,.copy-btn:before,.primary-btn:before,.wechat-login:before,.btn-small:before,.compress-btn:before,.confirm-btn:before{content:"";position:absolute;inset:-40% auto -40% -30%;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:translate(-120%) skew(-18deg);pointer-events:none}button:after,.btn:after,.apply-size-btn:after,.download-btn:after,.download-all-btn:after,.start-btn:after,.reset-btn:after,.save-btn:after,.generate-btn:after,.copy-btn:after,.primary-btn:after,.wechat-login:after,.btn-small:after,.compress-btn:after,.confirm-btn:after{content:"";position:absolute;width:24px;height:24px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.36),transparent 70%);opacity:0;pointer-events:none}button:hover,.btn:hover,.apply-size-btn:hover,.download-btn:hover,.download-all-btn:hover,.start-btn:hover,.reset-btn:hover,.save-btn:hover,.generate-btn:hover,.copy-btn:hover,.primary-btn:hover,.wechat-login:hover,.btn-small:hover,.compress-btn:hover,.confirm-btn:hover{transform:translateY(-1px);filter:saturate(1.05)}button:hover:before,.btn:hover:before,.apply-size-btn:hover:before,.download-btn:hover:before,.download-all-btn:hover:before,.start-btn:hover:before,.reset-btn:hover:before,.save-btn:hover:before,.generate-btn:hover:before,.copy-btn:hover:before,.primary-btn:hover:before,.wechat-login:hover:before,.btn-small:hover:before,.compress-btn:hover:before,.confirm-btn:hover:before{animation:shimmerSweep .9s ease}button:active:after,.btn:active:after,.apply-size-btn:active:after,.download-btn:active:after,.download-all-btn:active:after,.start-btn:active:after,.reset-btn:active:after,.save-btn:active:after,.generate-btn:active:after,.copy-btn:active:after,.primary-btn:active:after,.wechat-login:active:after,.btn-small:active:after,.compress-btn:active:after,.confirm-btn:active:after{left:calc(50% - 12px);top:calc(50% - 12px);opacity:1;animation:ripplePulse .55s ease-out}button:disabled,.btn:disabled,.download-btn:disabled,.start-btn:disabled,.reset-btn:disabled,.save-btn:disabled,.generate-btn:disabled,.primary-btn:disabled,.confirm-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.download-btn,.download-all-btn,.save-btn{background:linear-gradient(135deg,var(--accent),#22c58b);box-shadow:0 12px 24px #10b98138}.reset-btn{background:linear-gradient(135deg,#64748b,#4b5563);box-shadow:0 12px 24px #4755692e}input[type=text],input[type=number],input[type=url],input[type=color],select,textarea,.size-input,.url-input,.input,.format-select{width:100%;min-height:46px;padding:11px 14px;border:1px solid rgba(148,163,184,.45);border-radius:14px;background:#ffffffeb;color:var(--text-main);outline:none;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}input:focus,select:focus,textarea:focus,.size-input:focus,.url-input:focus,.input:focus,.format-select:focus{border-color:#2563eb8c;box-shadow:0 0 0 4px #2563eb1f;background:#fff}input[type=range]{accent-color:var(--primary)}code,pre{font-family:SFMono-Regular,Consolas,monospace}@media (max-width: 1024px){.icon-audit-container,.editor-container,.compress-container,.video-container,.audio-extract-container,.qrcode-container,.remove-bg-container,.credentials-container,.design-container{width:min(100vw - 20px,100%);padding:24px 18px;border-radius:24px}}@media (max-width: 768px){.icon-audit-container,.editor-container,.compress-container,.video-container,.audio-extract-container,.qrcode-container,.remove-bg-container,.credentials-container,.design-container{padding:20px 14px}.size-input-panel,.controls,.compress-controls,.action-buttons,.upload-container,.video-stats,.tab-buttons,.navbar-center{flex-direction:column;align-items:stretch}.color-group,.advanced-options,.icon-grid,.video-list{grid-template-columns:1fr!important}}.back-to-top[data-v-a10a59e9]{position:fixed;right:max(20px,env(safe-area-inset-right,0px));bottom:max(24px,env(safe-area-inset-bottom,0px) + 8px);z-index:80;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.65);border-radius:999px;cursor:pointer;color:#fff;background:linear-gradient(135deg,#2563eb,#4f8cff);box-shadow:0 12px 28px #2563eb59;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.back-to-top[data-v-a10a59e9]:hover{transform:translateY(-2px);box-shadow:0 16px 34px #2563eb6b;filter:brightness(1.03)}.back-to-top[data-v-a10a59e9]:active{transform:translateY(0)}.back-to-top[data-v-a10a59e9]:focus-visible{outline:2px solid rgba(37,99,235,.65);outline-offset:3px}.back-to-top-icon[data-v-a10a59e9]{display:block;margin-top:-2px}.back-top-fade-enter-active[data-v-a10a59e9],.back-top-fade-leave-active[data-v-a10a59e9]{transition:opacity .2s ease,transform .2s ease}.back-top-fade-enter-from[data-v-a10a59e9],.back-top-fade-leave-to[data-v-a10a59e9]{opacity:0;transform:translateY(8px)}