.official-site-link{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #c4def9;border-radius:9px;background:linear-gradient(135deg,#fff,#edf6ff);box-shadow:0 3px 10px #1f74d71a;color:#2375d8;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.2px;transition:.18s}.official-site-link:hover{border-color:#80b9f1;background:linear-gradient(135deg,#fafdff,#dcedff);box-shadow:0 5px 13px #1f74d72b;color:#075cc9;transform:translateY(-1px)}.official-site-link-arrow{display:grid;place-items:center;width:16px;height:16px;border-radius:5px;background:#2375d8;color:#fff;font-size:12px;line-height:1}@media(max-width:760px){.official-site-link{padding:6px 8px;font-size:11px}.official-site-link-arrow{width:14px;height:14px;font-size:11px}}.tool-seo-content{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:28px;margin:8px 0 22px;padding:29px 31px;overflow:hidden;border:1px solid #dce9f6;border-radius:20px;background:linear-gradient(125deg,#fff,#f7fbff 58%,#eef7ff);box-shadow:0 12px 28px #3567970f}.tool-seo-content:after{position:absolute;top:-92px;right:-38px;width:210px;height:210px;border:26px solid rgba(49,139,239,.06);border-radius:50%;content:"";pointer-events:none}.tool-seo-content>div{position:relative;z-index:1}.seo-kicker{padding:6px 10px;border:1px solid #d5e9ff;border-radius:999px;background:#eaf5ff;color:#2373bc;font-size:11px;font-weight:800}.tool-seo-content h2{margin:13px 0 10px;color:#203c5d;font-size:22px;line-height:1.3;letter-spacing:-.6px}.tool-seo-content>div>p{max-width:680px;margin:0;color:#668097;font-size:13px;line-height:1.9}.tool-faq-list{display:grid;align-content:center;gap:8px}.tool-faq-list details{border:1px solid #dceaf6;border-radius:10px;background:#ffffffe0;box-shadow:0 3px 8px #295e8f09}.tool-faq-list summary{padding:11px 13px;color:#496883;font-size:12px;font-weight:800;cursor:pointer}.tool-faq-list p{margin:-2px 13px 12px;color:#7b91a5;font-size:12px;line-height:1.7}.feedback-card{display:grid;grid-template-columns:minmax(0,1fr) 174px;align-items:center;gap:30px;margin:0 0 30px;padding:28px 30px;border:1px solid #dce8f3;border-radius:20px;background:#fff;box-shadow:0 12px 28px #35679712}.feedback-kicker{padding:6px 10px;background:#e8f6ef;color:#158757}.feedback-card h2{margin:12px 0 8px;color:#23415f;font-size:22px;letter-spacing:-.6px}.feedback-card p{max-width:760px;color:#6a8297;font-size:13px;line-height:1.85}.feedback-points{margin-top:15px}.feedback-points span{padding:6px 9px;border-color:#dce8f2;border-radius:999px;background:#f8fbfd;color:#57738d}.feedback-link{margin-top:15px;padding:8px 11px;border-radius:8px;background:#edf7ff;color:#176ee5;text-decoration:none}.feedback-link:hover{background:#ddecff;text-decoration:none}.feedback-qr{padding:11px;border-color:#dce9f2;border-radius:14px;background:#f8fbfd;box-shadow:none}.feedback-qr-image{width:122px;height:122px;padding:6px;border:1px solid #e0ebf3;border-radius:10px}@media(max-width:760px){.tool-seo-content{grid-template-columns:1fr;gap:16px;padding:21px 20px;border-radius:16px}.tool-seo-content h2,.feedback-card h2{font-size:19px}.tool-seo-content>div>p,.feedback-card p{font-size:12px;line-height:1.8}.feedback-card{align-items:flex-start;flex-direction:column;gap:18px;padding:22px 20px;border-radius:16px}.feedback-card{display:flex}.feedback-qr{width:100%;flex-direction:row;justify-content:flex-start}}.site-footer{display:flex;flex-direction:column;align-items:center;gap:13px;margin-top:4px;padding:24px 22px 27px;border:1px solid #dfeaf3;border-radius:18px;background:linear-gradient(145deg,#fbfdff,#f1f7fb);color:#6f879c}.footer-records,.footer-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.footer-records{gap:8px;font-size:12px;font-weight:650}.footer-copyright{margin-right:4px;color:#7f94a8}.footer-records a{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #d9e7f1;border-radius:8px;background:#fffc;color:#5f7a91;text-decoration:none;transition:.18s}.footer-records a:hover{border-color:#acd0f4;background:#fff;box-shadow:0 4px 10px #3470a817;color:#176ee5;transform:translateY(-1px)}.beian-icon{width:16px;height:18px}.icp-badge{width:16px;height:18px;font-size:10px}.footer-links{gap:7px;padding-top:13px;border-top:1px solid #dfeaf2}.footer-label{margin-right:3px;padding:5px 7px;border-radius:6px;background:#e5f1fb;color:#6688a3;font-size:11px;font-weight:800}.footer-links a{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid transparent;border-radius:7px;color:#5f7c94;font-size:11px;font-weight:800;text-decoration:none;transition:.18s}.footer-links a span{color:#9aabba;font-weight:600}.footer-links a:hover{border-color:#c8e0f7;background:#fff;color:#176ee5}.footer-links a:hover span{color:#4b8ac3}@media(max-width:760px){.site-footer{gap:11px;padding:20px 14px 22px;border-radius:15px}.footer-records{gap:7px}.footer-copyright{width:100%;margin:0 0 2px;text-align:center}.footer-links{gap:5px;padding-top:11px}.footer-links a span{display:none}}.watermark-workspace{grid-template-columns:minmax(0,1.2fr) minmax(342px,.8fr);align-items:stretch;gap:18px}.watermark-preview-stage{position:relative;display:grid;min-height:560px}.watermark-preview-stage>*{grid-area:1 / 1}.watermark-preview-stage .watermark-drop{min-height:100%}.watermark-preview{z-index:1;display:flex;flex-direction:column;min-height:0;margin:0;overflow:hidden;border:1px solid #bdd8f1;border-radius:16px;background:linear-gradient(145deg,#f9fcff,#eff7ff)}.watermark-preview.hidden{display:none!important}.watermark-preview>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-bottom:1px solid #dbeaf5;background:#ffffffc7}.watermark-preview>div>span{display:flex;flex-direction:column;gap:2px}.watermark-preview b{color:#3c5b78;font-size:13px}.watermark-preview>div small{color:#8ba1b4;font-size:10px}.watermark-preview .text-button{padding:7px 9px;white-space:nowrap}.watermark-preview canvas{display:block;max-width:calc(100% - 32px);max-height:462px;margin:auto;border:1px solid #dbe7ef;border-radius:8px;background:#fff;box-shadow:0 8px 18px #25567f21}.watermark-preview>small{padding:9px 13px 11px;border-top:1px solid #e2edf5;color:#7c93a8;font-size:11px;line-height:1.5}.watermark-tool-options{gap:14px}.watermark-appearance{display:flex;flex-direction:column;gap:7px}.watermark-color-list{display:flex;flex-wrap:wrap;gap:7px}.watermark-color{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:5px 8px;border:1px solid #d7e4ef;border-radius:7px;background:#fff;color:#5b748b;font:700 11px -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;cursor:pointer;transition:.18s}.watermark-color i{display:block;width:13px;height:13px;border:1px solid #ccd9e4;border-radius:50%;box-shadow:inset 0 0 0 1px #0000000d}.watermark-color:hover{border-color:#9dc7f4;color:#176ee5}.watermark-color.active{border-color:#63abf5;background:#eaf4ff;color:#126de1;box-shadow:0 0 0 2px #d9edff}.watermark-custom-color{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:5px!important;min-height:32px;padding:4px 8px;border:1px dashed #b9d3ec;border-radius:7px;background:#f8fcff;color:#5c7c96!important;cursor:pointer}.watermark-custom-color input[type=color]{width:16px;height:16px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.watermark-custom-color span{font-size:11px;font-weight:700}.watermark-size-control{position:relative}.watermark-size-control output{color:#1677ff}@media(max-width:760px){.watermark-workspace{grid-template-columns:1fr}.watermark-preview-stage{min-height:400px}.watermark-preview canvas{max-width:calc(100% - 24px);max-height:330px}.watermark-preview>div{padding:9px 10px}.watermark-preview>small{padding:8px 10px 10px}}.brand-logo{display:block;width:36px;height:36px;flex:0 0 auto;border-radius:11px;filter:drop-shadow(0 5px 9px rgba(48,135,208,.2))}.language-switch{display:inline-flex;align-items:center;padding:3px;border:1px solid #dbe8f4;border-radius:9px;background:#ffffffbf}.language-link{padding:4px 7px;border-radius:6px;color:#7890a5;font-size:11px;font-weight:800;line-height:1;text-decoration:none;transition:.18s}.language-link:hover{color:#176ee5}.language-link.active{background:#eaf4ff;color:#176ee5}#watermarkActions .secondary-button:disabled{cursor:not-allowed;border-color:#dce6ef;background:#edf2f7;color:#8ba0b2;box-shadow:none}@media(min-width:761px){#compressTool .workspace{order:1}#compressTool .settings-panel{order:2;border-right:0;border-left:1px solid var(--line)}}@media(max-width:760px){.brand-logo{width:31px;height:31px;border-radius:9px}.language-link{padding:4px 6px;font-size:10px}}@media(min-width:761px){#compressTool{grid-template-columns:minmax(0,1fr) minmax(340px,390px)}#compressTool .workspace{order:1;min-width:0}#compressTool .settings-panel{order:2;min-width:0;padding:29px 25px;border-right:0;border-left:1px solid var(--line)}}.compression-preview{margin-top:16px;overflow:hidden;border:1px solid #dbe9f6;border-radius:12px;background:linear-gradient(145deg,#f9fcff,#f1f8ff)}.compression-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px 9px;border-bottom:1px solid #e0edf8;background:#ffffffd1;color:#526e88;font-size:12px;font-weight:800}.compression-preview-heading span:before{display:inline-grid;place-items:center;width:17px;height:17px;margin-right:6px;border-radius:5px;background:#e3f1ff;color:#1976e7;content:"◐";font-size:11px}.compression-preview-heading b{color:#1677ff;font-size:11px;white-space:nowrap}.compression-preview-content{padding:10px 11px 11px}.quality-preview-empty{display:grid;min-height:62px;place-items:center;padding:9px 12px;border:1px dashed #c5dcef;border-radius:9px;background:#ffffffa3;color:#8a9eb0;font-size:11px;line-height:1.55;text-align:center}.quality-preview-images{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quality-preview-images figure{min-width:0;margin:0}.quality-preview-stage{position:relative;height:166px;overflow:hidden;border:1px solid #d7e6f2;border-radius:9px;background:#eaf1f7}.quality-preview-stage img{display:block;width:100%;height:100%;object-fit:cover}.preview-original-figure .quality-preview-stage img{object-fit:contain}.quality-preview-images figure:last-child .quality-preview-stage{border-color:#a9d0f7;box-shadow:0 4px 10px #1a70cf1f}.crop-preview-overlay{position:absolute;z-index:2;border:2px solid #1677ff;border-radius:3px;box-shadow:0 0 0 999px #152e497a;pointer-events:none}.crop-preview-overlay span{position:absolute;top:4px;left:4px;max-width:calc(100% - 8px);overflow:hidden;padding:3px 5px;border-radius:4px;background:#1677ff;color:#fff;font-size:9px;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.quality-preview-images figcaption{margin-top:5px;color:#778fa4;font-size:10px;font-weight:700;text-align:center}.quality-preview-images figure:last-child figcaption{color:#1677df}.estimate-description{min-height:17px;margin:9px 0 0;color:#859aab;font-size:10px;line-height:1.5}.compression-preview.is-calculating .quality-preview-images{opacity:.55}.compression-preview.is-calculating .estimate-description{color:#4f8fd1}@media(max-width:760px){.compression-preview{margin-top:14px}.quality-preview-stage{height:150px}}.resize-mode-note{margin:8px 0 0;color:#8599ac;font-size:11px;line-height:1.55}.resize-mode-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid #dbe7f1;border-radius:11px;background:#f4f8fc}.resize-mode-option{min-width:0;padding:9px 5px;border:0;border-radius:7px;background:transparent;color:#7890a5;cursor:pointer;font:inherit;font-size:11px;font-weight:750;line-height:1.3;transition:background .18s,box-shadow .18s,color .18s,transform .18s}.resize-mode-option:hover{color:#2775bd}.resize-mode-option:focus-visible{outline:2px solid #71b7ff;outline-offset:2px}.resize-mode-option.active{background:#fff;box-shadow:0 2px 7px #38689624;color:#1677ff}.size-control{margin-top:16px}.size-control .setting-label{margin:0 0 10px}.dimension-inputs{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:center;gap:7px}.dimension-inputs>strong{color:#91a3b5;font-size:16px;font-weight:500;text-align:center}.dimension-inputs .input-suffix{min-width:0}@media(max-width:760px){.resize-mode-note{font-size:10px}}.png-compression-label{margin-top:20px}.png-compression-note{margin:8px 0 0;color:#8998aa;font-size:11px;line-height:16px}body[data-initial-tool]{background:radial-gradient(circle at 80% 5%,rgba(113,216,239,.15),transparent 24%),radial-gradient(circle at 18% 1%,rgba(255,157,180,.14),transparent 23%),#f7f8fc}body[data-initial-tool] .hero{position:relative;min-height:184px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:14px 0;padding:20px 44px;overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:26px;background:linear-gradient(128deg,#fffffff5,#f6f6ffe0);box-shadow:0 16px 52px #36356214}body[data-initial-tool] .hero:before,body[data-initial-tool] .hero:after{position:absolute;border-radius:50%;content:"";pointer-events:none}body[data-initial-tool] .hero:before{top:-170px;right:24%;width:360px;height:360px;border:50px solid rgba(109,93,252,.045)}body[data-initial-tool] .hero:after{right:-100px;bottom:-145px;width:300px;height:300px;background:radial-gradient(circle,rgba(36,196,216,.13),transparent 68%)}body[data-initial-tool] .hero>*{position:relative;z-index:1}body[data-initial-tool] .hero .eyebrow{padding:5px 9px;font-size:10px}body[data-initial-tool] .hero .eyebrow span{font-size:9px}body[data-initial-tool] .hero h1{margin:11px 0 8px;font-size:clamp(30px,3.2vw,40px);line-height:1.1}body[data-initial-tool] .hero p{max-width:860px;font-size:13px;line-height:1.65}@media(max-width:760px){body[data-initial-tool] .hero{min-height:0;margin:12px 0 14px;padding:22px 18px;border-radius:20px}body[data-initial-tool] .hero h1{margin:10px 0 8px;font-size:28px;line-height:1.12}body[data-initial-tool] .hero p{font-size:12.5px;line-height:1.6}}