*{box-sizing:border-box;margin:0;padding:0}:root{--white:#fff;--black:#0a0a0a;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--red:#c41a1a;--red-hover:#a01515;--red-light:#fff1f1;--red-border:#ffd4d4;--radius:2px;--shadow:0 1px 2px #0000000f;--shadow-md:0 2px 8px #00000014}body{color:var(--black);background:var(--white);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro SC,SF Pro Text,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.5}#app{min-height:100vh}.sr-only[data-v-9b71e924]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app[data-v-9b71e924]{flex-direction:column;min-height:100vh;display:flex}.header[data-v-9b71e924]{border-bottom:1px solid var(--gray-200);background:var(--white);z-index:100;position:sticky;top:0}.header-inner[data-v-9b71e924]{justify-content:space-between;align-items:center;max-width:1120px;height:56px;margin:0 auto;padding:0 24px;display:flex}.header-left[data-v-9b71e924]{align-items:center;gap:24px;display:flex}.logo[data-v-9b71e924]{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-mark[data-v-9b71e924]{background:var(--red);width:28px;height:28px;color:var(--white);letter-spacing:-.5px;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.logo-text[data-v-9b71e924]{letter-spacing:-.3px;color:var(--black);font-size:15px;font-weight:600}.nav[data-v-9b71e924]{gap:2px;display:flex}.nav-link[data-v-9b71e924]{color:var(--gray-500);padding:6px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s;position:relative}.nav-link[data-v-9b71e924]:hover,.nav-link.active[data-v-9b71e924]{color:var(--black)}.nav-link.active[data-v-9b71e924]:after{content:"";background:var(--red);height:1px;position:absolute;bottom:-1px;left:12px;right:12px}.header-right[data-v-9b71e924]{align-items:center;gap:16px;display:flex}.header-desc[data-v-9b71e924]{color:var(--gray-500);font-size:13px}.lang-switcher[data-v-9b71e924]{position:relative}.lang-btn[data-v-9b71e924]{color:var(--gray-600);border:1px solid var(--gray-200);cursor:pointer;background:0 0;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.lang-btn[data-v-9b71e924]:hover{border-color:var(--gray-300);color:var(--black)}.lang-menu[data-v-9b71e924]{background:var(--white);border:1px solid var(--gray-200);z-index:200;min-width:120px;box-shadow:var(--shadow-md);position:absolute;top:calc(100% + 4px);right:0}.lang-option[data-v-9b71e924]{color:var(--gray-600);cursor:pointer;padding:8px 12px;font-size:12px;transition:all .1s}.lang-option[data-v-9b71e924]:hover{background:var(--gray-50);color:var(--black)}.lang-option.active[data-v-9b71e924]{color:var(--red);font-weight:500}.lang-overlay[data-v-9b71e924]{z-index:99;position:fixed;inset:0}.main[data-v-9b71e924]{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:48px 24px}@media (width<=768px){.header-desc[data-v-9b71e924]{display:none}}.upload-container[data-v-f60361b9]{max-width:720px;margin:0 auto}.upload-area[data-v-f60361b9]{border:1px solid var(--gray-200);background:var(--gray-50);text-align:center;padding:48px 24px;transition:all .15s}.upload-area[data-v-f60361b9]:hover,.upload-area.drag-over[data-v-f60361b9]{border-color:var(--red);background:var(--red-light)}.upload-content[data-v-f60361b9]{cursor:pointer;flex-direction:column;align-items:center;gap:16px;display:flex}.upload-icon[data-v-f60361b9]{width:32px;height:32px;color:var(--gray-400)}.upload-area:hover .upload-icon[data-v-f60361b9]{color:var(--red)}.upload-text[data-v-f60361b9]{flex-direction:column;gap:4px;display:flex}.upload-title[data-v-f60361b9]{color:var(--black);font-size:14px;font-weight:500}.upload-hint[data-v-f60361b9]{color:var(--gray-500);font-size:12px}.error-message[data-v-f60361b9]{color:var(--red);background:var(--red-light);border:1px solid var(--red-border);margin-top:12px;padding:10px 14px;font-size:13px}.platform-info[data-v-f60361b9]{margin-top:40px}.platform-info h3[data-v-f60361b9]{color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:13px;font-weight:500}.platform-grid[data-v-f60361b9]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.platform-card[data-v-f60361b9]{border:1px solid var(--gray-200);background:var(--white);padding:14px}.platform-name[data-v-f60361b9]{color:var(--black);margin-bottom:4px;font-size:13px;font-weight:600}.platform-count[data-v-f60361b9]{color:var(--gray-500);margin-bottom:8px;font-size:11px}.platform-formats[data-v-f60361b9]{flex-wrap:wrap;gap:4px;display:flex}.format-tag[data-v-f60361b9]{background:var(--gray-100);color:var(--gray-600);border:1px solid var(--gray-200);padding:2px 6px;font-family:SF Mono,Menlo,monospace;font-size:10px}.platform-total[data-v-f60361b9]{border-top:1px solid var(--gray-200);color:var(--gray-600);text-align:right;margin-top:16px;padding-top:16px;font-size:13px;font-weight:500}.result-section[data-v-f60361b9]{width:100%}.result-header[data-v-f60361b9]{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:32px;padding-bottom:24px;display:flex}.image-info[data-v-f60361b9]{align-items:center;gap:16px;display:flex}.image-preview-container[data-v-f60361b9]{border:1px solid var(--gray-200);background:var(--gray-50);justify-content:center;align-items:center;width:56px;height:56px;display:flex}.image-preview[data-v-f60361b9]{object-fit:contain;max-width:40px;max-height:40px}.image-details h3[data-v-f60361b9]{color:var(--black);margin-bottom:2px;font-size:14px;font-weight:500}.image-meta[data-v-f60361b9]{color:var(--gray-500);align-items:center;gap:6px;font-size:12px;display:flex}.dot[data-v-f60361b9]{color:var(--gray-300)}.result-actions[data-v-f60361b9]{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn[data-v-f60361b9]{border:1px solid var(--gray-200);background:var(--white);color:var(--black);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.btn[data-v-f60361b9]:hover:not(:disabled){border-color:var(--gray-300);background:var(--gray-50)}.btn[data-v-f60361b9]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-f60361b9]{background:var(--black);color:var(--white);border-color:var(--black)}.btn-primary[data-v-f60361b9]:hover:not(:disabled){background:var(--gray-800)}.btn-accent[data-v-f60361b9]{background:var(--red);color:var(--white);border-color:var(--red)}.btn-accent[data-v-f60361b9]:hover:not(:disabled){background:var(--red-hover);border-color:var(--red-hover)}.spinner[data-v-f60361b9]{animation:1s linear infinite spin-f60361b9}@keyframes spin-f60361b9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icons-grid[data-v-f60361b9]{flex-direction:column;gap:40px;display:flex}.platform-title[data-v-f60361b9]{color:var(--black);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--gray-200);margin-bottom:16px;padding-bottom:8px;font-size:13px;font-weight:600}.icon-list[data-v-f60361b9]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.icon-item[data-v-f60361b9]{border:1px solid var(--gray-200);background:var(--white);flex-direction:column;align-items:center;padding:12px;transition:all .15s;display:flex;position:relative}.icon-item[data-v-f60361b9]:hover{border-color:var(--gray-300)}.icon-item:hover .icon-download[data-v-f60361b9]{opacity:1}.icon-preview-wrapper[data-v-f60361b9]{background:var(--gray-50);justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:10px;display:flex}.icon-img[data-v-f60361b9]{object-fit:contain;max-width:48px;max-height:48px}.file-icon[data-v-f60361b9]{width:24px;height:24px;color:var(--gray-400)}.icon-info[data-v-f60361b9]{text-align:center;width:100%}.icon-name[data-v-f60361b9]{color:var(--black);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;display:block;overflow:hidden}.icon-size[data-v-f60361b9]{color:var(--gray-500);margin-top:2px;font-size:10px;display:block}.icon-format[data-v-f60361b9]{background:var(--gray-100);color:var(--gray-600);border:1px solid var(--gray-200);margin-top:4px;padding:1px 4px;font-family:SF Mono,Menlo,monospace;font-size:9px;display:inline-block}.icon-download[data-v-f60361b9]{background:var(--white);border:none;border:1px solid var(--gray-200);width:24px;height:24px;color:var(--gray-500);cursor:pointer;opacity:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex;position:absolute;top:8px;right:8px}.icon-download[data-v-f60361b9]:hover{color:var(--red);border-color:var(--red)}@media (width<=768px){.result-header[data-v-f60361b9]{flex-direction:column}.result-actions[data-v-f60361b9]{flex-wrap:wrap;width:100%}.btn[data-v-f60361b9]{flex:1;justify-content:center}.icon-list[data-v-f60361b9]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.text-section[data-v-1ab96d84]{width:100%}.text-container[data-v-1ab96d84]{max-width:720px;margin:0 auto}.text-header[data-v-1ab96d84]{margin-bottom:32px}.page-title[data-v-1ab96d84]{color:var(--black);letter-spacing:-.5px;margin-bottom:8px;font-size:24px;font-weight:600}.page-desc[data-v-1ab96d84]{color:var(--gray-500);font-size:14px}.form-group[data-v-1ab96d84]{margin-bottom:24px}.form-label[data-v-1ab96d84]{color:var(--gray-600);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.text-input[data-v-1ab96d84]{border:1px solid var(--gray-200);background:var(--white);width:100%;color:var(--black);outline:none;padding:10px 14px;font-size:16px;transition:border-color .15s}.text-input[data-v-1ab96d84]:focus{border-color:var(--red)}.text-input[data-v-1ab96d84]::placeholder{color:var(--gray-400)}.form-hint[data-v-1ab96d84]{color:var(--gray-400);margin-top:4px;font-size:12px;display:block}.error-message[data-v-1ab96d84]{color:var(--red);background:var(--red-light);border:1px solid var(--red-border);margin-top:8px;padding:8px 12px;font-size:13px}.font-grid[data-v-1ab96d84]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;display:grid}.font-option[data-v-1ab96d84]{border:1px solid var(--gray-200);background:var(--white);color:var(--gray-600);cursor:pointer;text-align:left;padding:10px 14px;font-size:13px;transition:all .15s}.font-option[data-v-1ab96d84]:hover{border-color:var(--gray-300)}.font-option.active[data-v-1ab96d84]{border-color:var(--red);color:var(--red);background:var(--red-light)}.font-option.loading[data-v-1ab96d84]{cursor:not-allowed;opacity:.6}.font-option.failed[data-v-1ab96d84]{cursor:not-allowed;opacity:.5}.font-option[data-v-1ab96d84]:disabled{cursor:not-allowed}.font-option .font-spinner[data-v-1ab96d84]{vertical-align:middle;margin-right:4px;animation:1s linear infinite spin-1ab96d84;display:inline-block}.font-option .font-failed[data-v-1ab96d84]{vertical-align:middle;color:#999;margin-right:4px;display:inline-block}.form-row[data-v-1ab96d84]{grid-template-columns:1fr 1fr;gap:16px;display:grid}.color-picker-wrapper[data-v-1ab96d84]{align-items:center;gap:10px;display:flex}.color-picker[data-v-1ab96d84]{border:1px solid var(--gray-200);cursor:pointer;background:var(--white);width:36px;height:36px;padding:2px}.color-value[data-v-1ab96d84]{color:var(--gray-600);font-family:SF Mono,Menlo,monospace;font-size:13px}.platform-info[data-v-1ab96d84]{margin-top:32px;margin-bottom:32px}.platform-info h3[data-v-1ab96d84]{color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:13px;font-weight:500}.platform-grid[data-v-1ab96d84]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.platform-card[data-v-1ab96d84]{border:1px solid var(--gray-200);background:var(--white);padding:14px}.platform-name[data-v-1ab96d84]{color:var(--black);margin-bottom:4px;font-size:13px;font-weight:600}.platform-count[data-v-1ab96d84]{color:var(--gray-500);margin-bottom:8px;font-size:11px}.platform-formats[data-v-1ab96d84]{flex-wrap:wrap;gap:4px;display:flex}.format-tag[data-v-1ab96d84]{background:var(--gray-100);color:var(--gray-600);border:1px solid var(--gray-200);padding:2px 6px;font-family:SF Mono,Menlo,monospace;font-size:10px}.platform-total[data-v-1ab96d84]{border-top:1px solid var(--gray-200);color:var(--gray-600);text-align:right;margin-top:16px;padding-top:16px;font-size:13px;font-weight:500}.generate-actions[data-v-1ab96d84]{border-top:1px solid var(--gray-200);justify-content:center;padding:24px 0;display:flex}.btn-large[data-v-1ab96d84]{padding:10px 24px;font-size:14px}.result-header[data-v-1ab96d84]{border-top:1px solid var(--gray-200);justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;padding:24px 0;display:flex}.text-preview[data-v-1ab96d84]{align-items:center;gap:16px;display:flex}.preview-box[data-v-1ab96d84]{border:1px solid var(--gray-200);background:var(--gray-50);width:64px;height:64px;image-rendering:pixelated}.result-actions[data-v-1ab96d84]{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn[data-v-1ab96d84]{border:1px solid var(--gray-200);background:var(--white);color:var(--black);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.btn[data-v-1ab96d84]:hover:not(:disabled){border-color:var(--gray-300);background:var(--gray-50)}.btn[data-v-1ab96d84]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-1ab96d84]{background:var(--black);color:var(--white);border-color:var(--black)}.btn-primary[data-v-1ab96d84]:hover:not(:disabled){background:var(--gray-800)}.btn-accent[data-v-1ab96d84]{background:var(--red);color:var(--white);border-color:var(--red)}.btn-accent[data-v-1ab96d84]:hover:not(:disabled){background:var(--red-hover);border-color:var(--red-hover)}.spinner[data-v-1ab96d84]{animation:1s linear infinite spin-1ab96d84}@keyframes spin-1ab96d84{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icons-grid[data-v-1ab96d84]{flex-direction:column;gap:40px;display:flex}.platform-title[data-v-1ab96d84]{color:var(--black);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--gray-200);margin-bottom:16px;padding-bottom:8px;font-size:13px;font-weight:600}.icon-list[data-v-1ab96d84]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.icon-item[data-v-1ab96d84]{border:1px solid var(--gray-200);background:var(--white);flex-direction:column;align-items:center;padding:12px;transition:all .15s;display:flex;position:relative}.icon-item[data-v-1ab96d84]:hover{border-color:var(--gray-300)}.icon-item:hover .icon-download[data-v-1ab96d84]{opacity:1}.icon-preview-wrapper[data-v-1ab96d84]{background:var(--gray-50);justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:10px;display:flex}.icon-img[data-v-1ab96d84]{object-fit:contain;max-width:48px;max-height:48px}.file-icon[data-v-1ab96d84]{width:24px;height:24px;color:var(--gray-400)}.icon-info[data-v-1ab96d84]{text-align:center;width:100%}.icon-name[data-v-1ab96d84]{color:var(--black);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;display:block;overflow:hidden}.icon-size[data-v-1ab96d84]{color:var(--gray-500);margin-top:2px;font-size:10px;display:block}.icon-format[data-v-1ab96d84]{background:var(--gray-100);color:var(--gray-600);border:1px solid var(--gray-200);margin-top:4px;padding:1px 4px;font-family:SF Mono,Menlo,monospace;font-size:9px;display:inline-block}.icon-download[data-v-1ab96d84]{background:var(--white);border:none;border:1px solid var(--gray-200);width:24px;height:24px;color:var(--gray-500);cursor:pointer;opacity:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex;position:absolute;top:8px;right:8px}.icon-download[data-v-1ab96d84]:hover{color:var(--red);border-color:var(--red)}@media (width<=768px){.form-row[data-v-1ab96d84]{grid-template-columns:1fr}.result-header[data-v-1ab96d84]{flex-direction:column}.result-actions[data-v-1ab96d84]{flex-wrap:wrap;width:100%}.btn[data-v-1ab96d84]{flex:1;justify-content:center}.icon-list[data-v-1ab96d84]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}