.tools-image-manual-page{background:#fafafa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6;min-height:100vh}.tools-image-manual-page *{box-sizing:border-box}.tools-image-manual-page .guide-sidebar{min-width:0;position:sticky;width:100%}.tools-image-manual-page .guide-nav-module{background:#fafafa;border:2px solid #e8e8e8;border-radius:10px;margin:0 12px 12px;padding:10px 12px}.tools-image-manual-page .guide-nav-module+.guide-nav-module{border-top:2px solid rgba(196,30,58,.12);margin-top:4px;padding-top:12px}.tools-image-manual-page .guide-nav-title{border-bottom:2px solid rgba(196,30,58,.2);color:#c41e3a;font-size:12px;font-weight:700;margin-bottom:8px;padding:0 6px 6px}.tools-image-manual-page .guide-nav a{align-items:center;border-radius:8px;color:#333;display:grid;font-size:13px;gap:0 10px;grid-template-columns:36px 1fr;grid-template-rows:auto auto;margin-bottom:4px;padding:6px 8px;text-decoration:none;transition:background .2s,color .2s}.tools-image-manual-page .guide-nav a:last-child{margin-bottom:0}.tools-image-manual-page .guide-nav a:hover{background:#c41e3a14}.tools-image-manual-page .guide-nav a.active{background:#c41e3a1f;border-right:3px solid #c41e3a;color:#c41e3a;font-weight:500}.tools-image-manual-page .guide-nav .nav-icon{align-items:center;align-self:center;border-radius:8px;display:flex;flex-shrink:0;grid-row:1/-1;height:32px;justify-content:center;min-height:32px;width:36px}.tools-image-manual-page .guide-nav .nav-icon svg{height:18px;width:18px;stroke:currentColor;fill:none}.tools-image-manual-page .guide-nav .nav-icon-home{background:#e5e7eb;color:#6b7280}.tools-image-manual-page .guide-nav .nav-icon-crop{background:#e8f4fd;color:#0ea5e9}.tools-image-manual-page .guide-nav .nav-icon-round{background:#fef3e2;color:#f59e0b}.tools-image-manual-page .guide-nav .nav-icon-rotate{background:#f0fdf4;color:#22c55e}.tools-image-manual-page .guide-nav .nav-icon-scale{background:#e8f4fd;color:#3b82f6}.tools-image-manual-page .guide-nav .nav-icon-compress{background:#fef3e2;color:#ea580c}.tools-image-manual-page .guide-nav .nav-icon-format{background:#f5f3ff;color:#8b5cf6}.tools-image-manual-page .guide-nav .nav-icon-filter{background:#fef3e2;color:#d97706}.tools-image-manual-page .guide-nav .nav-icon-mosaic{background:#f3e8ff;color:#7c3aed}.tools-image-manual-page .guide-nav .nav-icon-border{background:#e5e7eb;color:#6b7280}.tools-image-manual-page .guide-nav .nav-icon-annotate{background:#fef2f2;color:#c41e3a}.tools-image-manual-page .guide-nav .nav-icon-concat{background:#ecfdf5;color:#059669}.tools-image-manual-page .guide-nav .nav-icon-slice{background:#eff6ff;color:#2563eb}.tools-image-manual-page .guide-nav .nav-icon-watermark{background:#fef3e2;color:#b45309}.tools-image-manual-page .guide-nav .nav-icon-wmimg{background:#f0fdfa;color:#0d9488}.tools-image-manual-page .guide-nav .nav-icon-color{background:#fef2f2;color:#dc2626}.tools-image-manual-page .guide-nav .nav-icon[class*=fill] svg{fill:currentColor;stroke:none}.tools-image-manual-page .guide-nav .nav-text{display:flex;flex-direction:column;gap:1px;grid-column:2;min-width:0}.tools-image-manual-page .guide-nav .nav-name{color:#1a1a1a;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tools-image-manual-page .guide-nav .nav-desc{color:#666;font-size:11px;line-height:1.3}.tools-image-manual-page .guide-footer-copyright{border-top:1px solid #e8e8e8;color:#666;font-size:11px;margin-top:auto;padding-top:16px}.tools-image-manual-page .guide-main-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px}.tools-image-manual-page .guide-main-header .guide-page-header{margin:0}.tools-image-manual-page .guide-feedback-link{align-items:center;color:#c41e3a;display:inline-flex;font-size:14px;font-weight:500;gap:6px;text-decoration:none}.tools-image-manual-page .guide-feedback-link:hover{text-decoration:underline}.tools-image-manual-page .guide-feedback-icon{flex-shrink:0;height:18px;width:18px}.tools-image-manual-page .guide-page-header{color:#c41e3a;font-size:18px;font-weight:700;margin:0 0 8px}.tools-image-manual-page .guide-cta-row{margin-bottom:24px}.tools-image-manual-page .guide-tool-grid-wrap .guide-tool-grid{margin-top:0}.tools-image-manual-page .guide-tool-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:24px}.tools-image-manual-page .guide-tool-card{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:10px;color:#333;display:flex;gap:14px;padding:16px;text-decoration:none;transition:border-color .2s,box-shadow .2s}.tools-image-manual-page .guide-tool-card:hover{border-color:#c41e3a;box-shadow:0 4px 12px #c41e3a1a}.tools-image-manual-page .guide-tool-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.tools-image-manual-page .guide-tool-icon svg{height:24px;width:24px;stroke:currentColor;fill:none}.tools-image-manual-page .guide-tool-icon.tool-icon-filter svg rect{stroke:none}.tools-image-manual-page .guide-tool-icon.tool-icon-crop{background:#e8f4fd;color:#0ea5e9}.tools-image-manual-page .guide-tool-icon.tool-icon-round{background:#fef3e2;color:#f59e0b}.tools-image-manual-page .guide-tool-icon.tool-icon-rotate{background:#f0fdf4;color:#22c55e}.tools-image-manual-page .guide-tool-icon.tool-icon-scale{background:#e8f4fd;color:#3b82f6}.tools-image-manual-page .guide-tool-icon.tool-icon-compress{background:#fef3e2;color:#ea580c}.tools-image-manual-page .guide-tool-icon.tool-icon-format{background:#f5f3ff;color:#8b5cf6}.tools-image-manual-page .guide-tool-icon.tool-icon-filter{background:#fef3e2;color:#d97706}.tools-image-manual-page .guide-tool-icon.tool-icon-mosaic{background:#f3e8ff;color:#7c3aed}.tools-image-manual-page .guide-tool-icon.tool-icon-border{background:#e5e7eb;color:#6b7280}.tools-image-manual-page .guide-tool-icon.tool-icon-annotate{background:#fef2f2;color:#c41e3a}.tools-image-manual-page .guide-tool-icon.tool-icon-concat{background:#ecfdf5;color:#059669}.tools-image-manual-page .guide-tool-icon.tool-icon-slice{background:#eff6ff;color:#2563eb}.tools-image-manual-page .guide-tool-icon.tool-icon-watermark{background:#fef3e2;color:#b45309}.tools-image-manual-page .guide-tool-icon.tool-icon-wmimg{background:#f0fdfa;color:#0d9488}.tools-image-manual-page .guide-tool-icon.tool-icon-color{background:#fef2f2;color:#dc2626}.tools-image-manual-page .guide-tool-right{flex:1;min-width:0}.tools-image-manual-page .guide-tool-card h3{font-size:15px;margin:0 0 4px}.tools-image-manual-page .guide-tool-card p{color:#666;font-size:13px;margin:0}@media (max-width:768px){.tools-image-manual-page .guide-sidebar{max-height:none;position:static}.tools-image-manual-page .guide-sidebar-logo img{height:40px}.tools-image-manual-page .guide-sidebar-logo a{font-size:18px}.tools-image-manual-page .guide-nav-module{margin:8px 12px;padding:10px}.tools-image-manual-page .guide-nav a{grid-template-columns:36px 1fr;padding:6px 8px}.tools-image-manual-page .guide-nav .nav-icon{height:32px;min-height:32px;width:36px}.tools-image-manual-page .guide-nav .nav-icon svg{height:18px;width:18px}.tools-image-manual-page .guide-main-header{align-items:flex-start;flex-direction:column}}.tools-image-manual-page .wrapper[data-v-964a6c66]{display:flex;gap:30px;margin:0 auto;max-width:1250px;padding-bottom:100px;width:calc(100% - 32px)}.tools-image-manual-page .wrapper .sidebar[data-v-964a6c66]{flex:0 0 360px}.tools-image-manual-page .wrapper .content[data-v-964a6c66]{flex:1}.tools-image-manual-page .wrapper .content-main[data-v-964a6c66]{min-height:100%}@media (max-width:1024px){.tools-image-manual-page .wrapper[data-v-964a6c66]{gap:20px}.tools-image-manual-page .sidebar[data-v-964a6c66]{flex-basis:320px}}@media (max-width:768px){.tools-image-manual-page .wrapper[data-v-964a6c66]{flex-direction:column;gap:16px;width:calc(100% - 24px)}.tools-image-manual-page .sidebar[data-v-964a6c66]{flex:0 0 auto}}
