:root{
  --bg:#f7fbfa;--surface:#fff;--surface-2:#f3faf7;--surface-3:#edf8f4;--ink:#102235;--muted:#667687;
  --line:#dfe9e6;--line-strong:#cbdcd6;--brand:#0a9d78;--brand-2:#0bb28a;--brand-dark:#067158;--brand-deep:#064d48;
  --shadow:0 18px 45px rgba(19,72,62,.09);--shadow-sm:0 8px 24px rgba(19,72,62,.07);--radius:22px;--radius-sm:14px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.5;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{color:inherit}a{text-decoration:none}img{max-width:100%;display:block}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:16px;top:16px;z-index:9999;background:#fff;padding:10px 14px;border-radius:10px;box-shadow:var(--shadow-sm)}
.site-header{height:76px;position:sticky;top:0;z-index:80;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(218,230,226,.85)}.nav-shell{height:100%;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#15b78f,#078867);color:#fff;box-shadow:0 9px 22px rgba(10,157,120,.24)}.brand-mark svg{width:28px;height:28px;stroke-width:1.9}.brand-mark svg path:first-child,.brand-mark svg circle{fill:currentColor;stroke:none}.brand-copy{display:flex;flex-direction:column;line-height:1.18}.brand-copy strong{font-size:19px;letter-spacing:.01em}.brand-copy small{margin-top:4px;color:#74838f;font-size:11px}.main-nav{display:flex;align-items:center;justify-content:center;gap:30px;flex:1}.main-nav a{position:relative;padding:27px 0 25px;font-size:15px;font-weight:650;color:#42505f;transition:.2s}.main-nav a:hover,.main-nav a.active{color:var(--brand-dark)}.main-nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:17px;height:2px;border-radius:2px;background:var(--brand);transition:.22s}.main-nav a:hover::after,.main-nav a.active::after{left:10%;right:10%}.nav-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 19px;border-radius:11px;border:1px solid transparent;font-weight:700;font-size:16px;cursor:pointer;transition:.22s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--brand),#07956f);color:#fff;box-shadow:0 8px 20px rgba(10,157,120,.18)}.btn-primary:hover{box-shadow:0 12px 26px rgba(10,157,120,.25)}.btn-ghost{background:#fff;border-color:#a7d8ca;color:var(--brand-dark)}.btn-secondary{background:#eaf7f2;color:var(--brand-dark);border-color:#cbe7de}.btn-outline{background:#fff;border-color:#9fd5c5;color:var(--brand-dark)}.btn svg{width:17px;height:17px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{width:22px;height:2px;background:#243644;display:block;margin:4px;border-radius:2px}
.section-soft{position:relative;overflow:hidden;background:linear-gradient(180deg,#f7fcfa 0%,#f9fdfc 52%,#eef9f5 100%);padding:72px 0 0}.hero-bg{position:absolute;border-radius:50%;filter:blur(2px);opacity:.65}.hero-bg-a{width:480px;height:480px;right:-120px;top:-100px;background:radial-gradient(circle at 35% 35%,#dff6ee,transparent 67%)}.hero-bg-b{width:320px;height:320px;left:-120px;bottom:20px;background:radial-gradient(circle,#e0f7ef,transparent 70%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:58px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#eaf8f3;border:1px solid #d4eee5;color:#08745a;font-size:13px;font-weight:700;padding:7px 11px;border-radius:999px}.eyebrow .dot{width:7px;height:7px;background:#0aa77e;border-radius:50%;box-shadow:0 0 0 4px rgba(10,167,126,.12)}.hero h1{font-size:54px;line-height:1.08;margin:21px 0 16px;letter-spacing:-.04em}.hero-subtitle{font-size:16px;color:#667684;margin:0 0 28px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.benefit{display:flex;gap:10px;align-items:center;min-width:0}.benefit .icon-box{width:38px;height:38px;display:grid;place-items:center;color:var(--brand);background:rgba(255,255,255,.72);border:1px solid #d8ebe5;border-radius:12px}.benefit svg{width:22px;height:22px}.benefit span:last-child{display:flex;flex-direction:column;min-width:0}.benefit strong{font-size:13px}.benefit small{font-size:11px;color:#7c8994;margin-top:3px}.upload-card{background:rgba(255,255,255,.86);border:1px solid #dbe9e5;box-shadow:var(--shadow);border-radius:24px;padding:16px}.upload-card::before{content:"";display:block;position:absolute}.upload-card{position:relative;cursor:pointer}.upload-card>div:not(.chips),.upload-card h2,.upload-card p{text-align:center}.upload-card{outline:none}.upload-card:focus-visible{box-shadow:0 0 0 4px rgba(10,157,120,.13),var(--shadow)}.upload-card::after{content:"";position:absolute;inset:12px;border:1.5px dashed #aacbc1;border-radius:18px;pointer-events:none}.upload-card.is-dragover{background:#effaf6;border-color:#8ccab8}.upload-cloud{width:54px;height:54px;margin:22px auto 12px;border-radius:18px;background:linear-gradient(150deg,#1ab88f,#078b69);color:#fff;display:grid!important;place-items:center;box-shadow:0 10px 24px rgba(7,139,105,.23)}.upload-cloud svg{width:29px;height:29px}.upload-card h2{font-size:16px;margin:0 0 7px}.upload-card h2 span{color:var(--brand)}.upload-card p{margin:0;color:#7b8994;font-size:12px}.chips{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:18px 12px 14px}.chips span{padding:6px 11px;border-radius:999px;background:#f1f5f4;color:#576673;font-size:11px}.hero-visual{min-height:495px;position:relative}.preview-device{position:absolute;left:20px;top:12px;width:280px;background:rgba(255,255,255,.92);border:1px solid #dceae6;border-radius:22px;padding:22px;box-shadow:0 22px 50px rgba(34,82,72,.12);z-index:3;backdrop-filter:blur(12px)}.device-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e6eeeb;padding-bottom:13px;margin-bottom:15px}.device-title span{font-weight:800;font-size:15px}.device-title i{width:8px;height:8px;background:#12aa80;border-radius:50%}.mini-field{display:flex;align-items:center;justify-content:space-between;margin:13px 0;gap:16px}.mini-field.column{display:block}.mini-field b{font-size:11px}.mini-select,.mini-input{font-size:10px;background:#f7faf9;border:1px solid #e3ebe8;border-radius:8px;padding:7px 8px;color:#5f6b76}.mini-input em,.mini-select em{font-style:normal;color:#87948e}.mini-slider{margin-top:8px;display:flex;align-items:center;gap:9px}.mini-slider::before{content:"";height:5px;flex:1;background:#e7efec;border-radius:10px}.mini-slider span{position:absolute;width:46%;height:5px;background:#0aa47c;border-radius:10px}.mini-slider em{font-style:normal;font-size:10px;color:#617067;background:#f7faf9;border:1px solid #e4ece9;border-radius:6px;padding:3px 6px}.photo-illustration{position:absolute;right:10px;top:90px;width:205px;height:205px;border-radius:32px;background:linear-gradient(150deg,#d8f4ea,#c5ebe1);border:12px solid rgba(255,255,255,.62);box-shadow:0 16px 45px rgba(14,122,96,.1);overflow:hidden;transform:rotate(4deg)}.photo-illustration::after{content:"";position:absolute;left:20px;right:20px;bottom:20px;height:9px;border-radius:9px;background:rgba(8,135,104,.24)}.sun{position:absolute;right:30px;top:30px;width:25px;height:25px;border-radius:50%;background:#f8d96b}.mountain{position:absolute;bottom:48px;clip-path:polygon(50% 0,100% 100%,0 100%);background:#42af94}.m1{left:10px;width:112px;height:90px}.m2{right:4px;width:120px;height:72px;background:#21977d}.result-float{position:absolute;right:32px;bottom:42px;width:330px;background:rgba(255,255,255,.94);border:1px solid #dce9e5;border-radius:20px;padding:18px 20px;box-shadow:0 18px 50px rgba(37,88,77,.14);z-index:4}.result-float>strong{font-size:13px}.result-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.result-row span{font-size:9px;color:#7c8984}.result-row b{display:block;color:#22362e;font-size:13px;margin-top:2px}.result-row .saved b{color:var(--brand)}.progress{height:6px;background:#e7f0ed;border-radius:8px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#0ba67e,#11b58c);border-radius:8px}.leaf{position:absolute;border-radius:100% 0 100% 0;background:linear-gradient(135deg,rgba(102,200,171,.18),rgba(31,164,131,.07));transform:rotate(35deg)}.leaf-1{width:110px;height:55px;right:50px;top:28px}.leaf-2{width:150px;height:70px;left:-25px;bottom:25px;transform:rotate(-30deg)}.leaf-3{width:90px;height:45px;right:0;bottom:118px;transform:rotate(60deg)}.hero-stats{position:relative;z-index:2;margin-top:52px;background:rgba(255,255,255,.78);border:1px solid #dcece7;border-radius:18px 18px 0 0;display:grid;grid-template-columns:repeat(3,1fr);padding:18px 25px;box-shadow:0 -3px 20px rgba(29,83,72,.04)}.hero-stats div{display:flex;align-items:center;justify-content:center;gap:11px;font-size:13px;color:#5d6d77;border-right:1px solid #dbe7e3}.hero-stats div:last-child{border-right:0}.hero-stats svg{width:21px;height:21px;color:var(--brand)}.hero-stats strong{color:var(--brand-dark)}
.compressor-section{padding:72px 0 84px;background:#fff;scroll-margin-top:86px}.section-heading{margin-bottom:34px}.section-heading.compact{margin-bottom:26px}.section-heading.center{text-align:center}.section-heading.left{text-align:left}.section-heading>span{display:inline-block;text-transform:uppercase;letter-spacing:.12em;color:var(--brand);font-size:11px;font-weight:800;margin-bottom:8px}.section-heading h2{font-size:31px;margin:0 0 8px;letter-spacing:-.025em}.section-heading p{margin:0;color:#75828e;font-size:14px}.workspace-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm);overflow:hidden}.panel-head{min-height:76px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8efec}.panel-head h3{margin:2px 0 0;font-size:17px}.panel-kicker{font-size:10px;color:var(--brand);font-weight:800;letter-spacing:.11em;text-transform:uppercase}.icon-text-btn,.link-btn{border:0;background:none;cursor:pointer}.icon-text-btn{display:flex;align-items:center;gap:5px;font-size:14px;color:#6b7882;padding:7px 9px;border-radius:8px}.icon-text-btn svg{width:15px;height:15px}.icon-text-btn:disabled{opacity:.42;cursor:not-allowed}.danger-soft:not(:disabled):hover{background:#fff1f1;color:#a74747}.privacy-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:#ecf8f4;color:#08745a;font-weight:700;font-size:10px}.privacy-badge svg{width:14px;height:14px}.empty-state{min-height:322px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px}.empty-icon{width:58px;height:58px;border-radius:18px;background:#eff8f5;display:grid;place-items:center;color:#69a997}.empty-icon svg{width:28px;height:28px}.empty-state h4{margin:14px 0 4px;font-size:16px}.empty-state p{font-size:12px;color:#83909a;margin:0 0 18px}.file-list{max-height:322px;overflow:auto}.file-row{display:grid;grid-template-columns:58px 1fr auto 32px;gap:12px;align-items:center;padding:11px 14px;border-bottom:1px solid #eef3f1}.file-row:last-child{border-bottom:0}.file-thumb{width:58px;height:44px;border-radius:9px;object-fit:cover;background:#eef3f1}.file-meta{min-width:0}.file-meta strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta small{display:block;font-size:10px;color:#85919b;margin-top:3px}.file-size{font-size:11px;color:#667580}.remove-file{width:28px;height:28px;border:1px solid #e0e8e5;background:#fff;border-radius:8px;display:grid;place-items:center;cursor:pointer;color:#7d8992}.remove-file:hover{border-color:#f2bcbc;color:#a14a4a;background:#fff7f7}.remove-file svg{width:13px;height:13px}.panel-foot{min-height:52px;border-top:1px solid #e8efec;padding:10px 14px;display:flex;align-items:center;justify-content:space-between}.link-btn{color:var(--brand-dark);font-size:14px;font-weight:700}.link-btn:hover{text-decoration:underline}.list-foot small{color:#8a969f;font-size:11px}.settings-body{padding:14px 20px 0}.setting-row{padding:13px 0;border-bottom:1px solid #eef3f1}.setting-row>label,.setting-label label{font-size:12px;font-weight:800;color:#35464f}.setting-label{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:9px}.setting-label small{font-size:10px;color:#8b979f}.segmented{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}.segmented label,.radio-line label{cursor:pointer}.segmented input,.radio-line input{position:absolute;opacity:0;pointer-events:none}.segmented span{display:block;text-align:center;padding:9px 6px;border-radius:9px;border:1px solid #dfe8e5;background:#fafcfc;font-size:12px;color:#66747f;transition:.18s}.segmented input:checked+span{background:#e9f7f2;color:#08745a;border-color:#9fd3c3;box-shadow:inset 0 0 0 1px rgba(10,157,120,.05)}.range-wrap{display:flex;align-items:center;gap:12px}.range-wrap input{flex:1;accent-color:var(--brand)}.range-wrap output{width:60px;text-align:center;border:1px solid #dce7e3;border-radius:8px;padding:6px 7px;font-size:13px;color:#4a5964;background:#fafcfc}.input-unit{display:flex;border:1px solid #dce7e3;border-radius:9px;overflow:hidden;background:#fff}.input-unit input{width:100%;border:0;outline:0;padding:10px 11px;font-size:13px;background:transparent;min-width:0}.input-unit span{display:grid;place-items:center;padding:0 10px;background:#f6f9f8;border-left:1px solid #e1e9e6;color:#677580;font-size:10px}.target-row .input-unit{width:180px}.radio-line{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:9px}.radio-line span{position:relative;padding-left:20px;font-size:12px;color:#63717c}.radio-line span::before{content:"";position:absolute;left:0;top:1px;width:12px;height:12px;border:1.5px solid #c7d5d0;border-radius:50%;background:#fff}.radio-line input:checked+span{color:#08745a;font-weight:700}.radio-line input:checked+span::before{border-color:var(--brand);box-shadow:inset 0 0 0 3px #fff;background:var(--brand)}.resize-inputs{display:flex;align-items:center;gap:8px;margin-top:10px}.resize-inputs .input-unit{width:145px}.multiply{color:#98a29e;font-size:12px}.settings-note{margin:13px 20px 12px;padding:10px 12px;border-radius:10px;background:#f4faf7;color:#708079;font-size:10px}.settings-note strong{color:#08745a}.compress-btn{margin:0 20px 10px;width:calc(100% - 40px);height:52px;font-size:17px;border:0;border-radius:11px;background:linear-gradient(135deg,#0bae84,#07916d);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 10px 20px rgba(10,157,120,.15);transition:.2s}.compress-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 26px rgba(10,157,120,.22)}.compress-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.compress-btn svg{width:18px;height:18px}.compress-btn.is-processing svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.processing-status{min-height:23px;padding:0 20px 10px;font-size:10px;color:#66747f;text-align:center}.results-section{margin-top:22px;border:1px solid var(--line);border-radius:22px;padding:26px;background:#fff;box-shadow:var(--shadow-sm)}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:17px}.summary-card{border:1px solid #dfe9e6;border-radius:15px;padding:18px;display:flex;gap:13px;align-items:center;background:linear-gradient(180deg,#fff,#fcfefd)}.summary-card.accent{background:linear-gradient(140deg,#f4fbf8,#edf9f4)}.summary-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#e9f7f2;color:var(--brand)}.summary-icon svg{width:24px;height:24px}.summary-card small{display:block;font-size:11px;color:#74818b}.summary-card strong{display:block;font-size:23px;line-height:1.2;margin-top:3px;letter-spacing:-.02em}.summary-card.accent strong{color:var(--brand-dark)}.table-wrap{border:1px solid #e2eae7;border-radius:14px;overflow:auto}.result-table{width:100%;border-collapse:collapse;min-width:700px}.result-table th{background:#f7faf9;text-align:left;padding:10px 12px;font-size:10px;color:#617078;border-bottom:1px solid #e1e9e6}.result-table td{padding:10px 12px;border-bottom:1px solid #edf2f0;font-size:11px;color:#53616c}.result-table tr:last-child td{border-bottom:0}.result-name{display:flex;align-items:center;gap:9px;min-width:220px}.result-name img{width:44px;height:34px;border-radius:7px;object-fit:cover}.result-name strong{font-size:11px;color:#273942}.ratio-good{color:var(--brand)!important;font-weight:800}.ratio-bad{color:#a67426!important;font-weight:700}.table-actions{display:flex;gap:6px}.mini-btn{border:1px solid #d8e4e0;background:#fff;border-radius:8px;padding:6px 9px;font-size:12px;cursor:pointer}.mini-btn:hover{border-color:#9acdbf;color:#08745a}.mini-btn.download{background:#0a9d78;color:#fff;border-color:#0a9d78}.placeholder-row td{text-align:center!important;color:#97a29d!important;padding:28px!important}.result-actions{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.result-actions span{font-size:11px;color:#75828c}.btn-outline svg{width:16px;height:16px}
.compare-section{padding:82px 0;background:linear-gradient(180deg,#f8fbfa,#f2f9f6)}.compare-card{position:relative;background:#fff;border:1px solid #deebe7;border-radius:24px;padding:14px;box-shadow:var(--shadow);overflow:hidden}.compare-placeholder{height:420px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1.5px dashed #c5d9d2;border-radius:18px;background:linear-gradient(135deg,#f8fbfa,#f1f8f5);color:#76877f;text-align:center}.compare-placeholder span{width:62px;height:62px;border-radius:18px;background:#e5f4ee;color:#5e9d89;display:grid;place-items:center}.compare-placeholder svg{width:31px;height:31px}.compare-placeholder strong{margin-top:14px;color:#395249}.compare-placeholder p{margin:5px 0 0;font-size:12px}.compare-stage{position:relative;height:440px;border-radius:18px;overflow:hidden;background:#edf3f0}.compare-stage>img,.before-layer img{width:100%;height:100%;object-fit:contain;background:#edf3f0}.before-layer{position:absolute;inset:0;width:50%;overflow:hidden}.before-layer img{position:absolute;left:0;top:0;max-width:none;width:var(--compare-full-width,100%)}.compare-label{position:absolute;top:14px;z-index:4;background:rgba(13,38,31,.72);color:#fff;border-radius:999px;padding:5px 9px;font-size:10px;backdrop-filter:blur(8px)}.compare-label.left{left:14px}.compare-label.right{right:14px}.compare-stage input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:5}.compare-divider{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff;z-index:3;box-shadow:0 0 0 1px rgba(0,0,0,.08)}.compare-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#263f36;font-weight:800;box-shadow:0 7px 22px rgba(12,54,42,.18);letter-spacing:2px}.compare-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.compare-meta div{border-radius:13px;background:#f6faf8;padding:13px;text-align:center}.compare-meta small{font-size:10px;color:#7b888f}.compare-meta strong{display:block;margin-top:3px;font-size:15px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.features-section{padding:56px 0;background:#fff}.feature-card{border:1px solid #dfe9e6;border-radius:18px;padding:20px;display:flex;gap:14px;min-height:136px;background:#fff;transition:.2s}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.feature-card>span{width:44px;height:44px;flex:0 0 44px;border-radius:14px;background:#e9f7f2;color:var(--brand);display:grid;place-items:center}.feature-card svg{width:24px;height:24px}.feature-card h3{font-size:15px;margin:3px 0 6px}.feature-card p{font-size:11px;color:#7b8892;margin:0;line-height:1.7}.faq-section{padding:66px 0 76px;background:#fbfdfc}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-grid details{background:#fff;border:1px solid #dfe9e6;border-radius:14px;padding:0 16px;box-shadow:0 5px 16px rgba(24,74,64,.035)}.faq-grid summary{cursor:pointer;list-style:none;min-height:54px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary span{font-size:18px;color:#6a7b73;transition:.2s}.faq-grid details[open] summary span{transform:rotate(45deg)}.faq-grid p{font-size:11px;color:#718078;line-height:1.8;padding:0 0 15px;margin:0}.cta-section{padding:0 0 22px;background:#fbfdfc}.cta-card{position:relative;overflow:hidden;min-height:118px;border-radius:24px;background:linear-gradient(105deg,#e5f7f0,#f3fbf8 45%,#d9f4ea);border:1px solid #d2ebe2;display:flex;align-items:center;justify-content:space-between;padding:26px 44px;box-shadow:0 12px 30px rgba(20,93,75,.07)}.cta-card>div:not(.cta-deco){position:relative;z-index:2}.cta-card span:first-child{font-size:10px;color:var(--brand);font-weight:800;letter-spacing:.1em}.cta-card h2{margin:4px 0 4px;font-size:26px}.cta-card p{margin:0;color:#718078;font-size:12px}.btn-lg{height:52px;padding:0 24px;position:relative;z-index:2}.cta-deco{position:absolute;width:130px;height:130px;border-radius:50%;background:rgba(40,180,142,.09)}.cta-deco.left{left:-45px;bottom:-72px}.cta-deco.right{right:55px;top:-76px}
.site-footer{position:relative;background:linear-gradient(135deg,#073f3c,#055c55 55%,#064944);color:#d7e8e4;overflow:hidden}.footer-glow{position:absolute;right:-160px;top:-150px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(38,181,145,.15),transparent 66%)}.footer-grid{position:relative;display:grid;grid-template-columns:1.5fr repeat(3,.75fr);gap:60px;padding:48px 0 38px}.brand-light .brand-copy strong{color:#fff}.brand-light .brand-copy small{color:#a9cac4}.footer-brand p{max-width:340px;color:#a9c5c0;font-size:14px;line-height:1.8}.footer-pills{display:flex;gap:7px;flex-wrap:wrap}.footer-pills span{padding:6px 9px;border:1px solid rgba(207,235,228,.18);border-radius:999px;font-size:11px;color:#bcd4cf}.footer-grid h3{color:#fff;font-size:16px;margin:2px 0 14px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-grid a,.footer-grid>div:not(.footer-brand)>span{font-size:14px;color:#a9c4bf}.footer-grid a:hover{color:#fff}.footer-bottom{position:relative;border-top:1px solid rgba(217,239,233,.15);padding:17px 0 24px;text-align:center}.footer-bottom p{margin:3px 0;color:#97b8b2;font-size:10px}.back-top{position:fixed;right:24px;bottom:24px;width:44px;height:44px;border:1px solid rgba(255,255,255,.5);border-radius:14px;background:linear-gradient(145deg,#12ac83,#087d61);color:#fff;display:grid;place-items:center;box-shadow:0 10px 25px rgba(9,111,85,.24);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s;z-index:70}.back-top.show{opacity:1;visibility:visible;transform:none}.back-top svg{width:20px;height:20px}
.toast-stack{position:fixed;right:22px;top:94px;z-index:120;display:flex;flex-direction:column;gap:10px}.toast{min-width:260px;max-width:360px;padding:12px 14px;border-radius:12px;background:#173b34;color:#fff;box-shadow:0 12px 32px rgba(16,54,44,.25);font-size:12px;display:flex;align-items:flex-start;gap:9px;animation:toastIn .25s ease}.toast.success{background:#0b735a}.toast.warn{background:#8b6425}.toast.error{background:#8c4343}@keyframes toastIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
@media (max-width:1000px){.main-nav{gap:18px}.nav-actions .btn-ghost{display:none}.hero-grid{grid-template-columns:1fr}.hero-visual{display:none}.hero h1{font-size:46px}.workspace-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.3fr repeat(3,1fr);gap:30px}.target-row .input-unit{width:100%}}
@media (max-width:820px){.site-header{height:68px}.nav-shell{position:relative}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;border:1px solid #dfe9e6;border-radius:0 0 16px 16px;box-shadow:var(--shadow);padding:8px 18px 14px;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:12px 4px}.main-nav a::after{display:none}.nav-actions{display:none}.section-soft{padding-top:52px}.hero-grid{display:block}.hero h1{font-size:39px}.benefits{grid-template-columns:1fr 1fr 1fr}.hero-stats{grid-template-columns:1fr;margin-top:34px;border-radius:16px 16px 0 0}.hero-stats div{border-right:0;border-bottom:1px solid #dbe7e3;padding:8px 0}.hero-stats div:last-child{border-bottom:0}.summary-grid{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr}.cta-card{padding:25px;gap:20px;align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.compare-placeholder{height:300px}.compare-stage{height:330px}}
@media (max-width:560px){.container{width:min(100% - 24px,1180px)}.brand-mark{width:38px;height:38px}.brand-copy strong{font-size:17px}.brand-copy small{font-size:10px}.section-soft{padding-top:36px}.hero h1{font-size:34px}.hero-subtitle{font-size:14px;line-height:1.8}.benefits{grid-template-columns:1fr;gap:10px}.benefit{background:rgba(255,255,255,.55);border-radius:12px;padding:7px}.upload-card{padding:12px}.upload-card h2{font-size:14px}.chips span{font-size:10px}.compressor-section{padding:54px 0}.section-heading h2{font-size:26px}.panel-head{padding:16px}.settings-body{padding-left:16px;padding-right:16px}.segmented{grid-template-columns:1fr 1fr}.setting-label{align-items:flex-start;flex-direction:column;gap:2px}.target-row .input-unit{width:100%}.resize-inputs{flex-wrap:wrap}.resize-inputs .input-unit{width:calc(50% - 14px)}.format-row .radio-line{gap:10px}.results-section{padding:16px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.compare-section{padding:60px 0}.compare-placeholder{height:240px}.compare-stage{height:270px}.compare-meta{grid-template-columns:1fr}.cta-card h2{font-size:23px}.footer-grid{grid-template-columns:1fr;gap:26px}.footer-brand{grid-column:auto}.footer-bottom{text-align:left}.back-top{right:14px;bottom:14px}.toast-stack{left:12px;right:12px;top:80px}.toast{min-width:0;max-width:none}.file-row{grid-template-columns:50px 1fr 28px}.file-size{display:none}.file-thumb{width:50px;height:40px}.panel-foot{flex-direction:column;align-items:flex-start;gap:6px}.result-actions{align-items:stretch;gap:12px;flex-direction:column}.result-actions .btn{width:100%}}

/* v2.1: target-size lock + stronger before/after comparison */
.target-lock-hint{margin:10px 0 0;padding:10px 12px;border-radius:11px;background:#edf9f4;border:1px solid #cfeadf;color:#34735f;font-size:11px;line-height:1.65}.segmented input:disabled+span,.radio-line input:disabled+span{opacity:.48;cursor:not-allowed}.range-wrap input:disabled{opacity:.45;cursor:not-allowed}.target-status{display:block;margin-top:4px;font-size:9px;line-height:1.35;font-weight:700}.target-status.ok{color:#18845f}.target-status.miss{color:#b56a20}.result-name>div{min-width:0}.result-name>div strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.compare-stage{--compare-position:50%;cursor:ew-resize;user-select:none;touch-action:none}.compare-stage>img,.before-layer{position:absolute;inset:0;width:100%;height:100%}.compare-stage>img,.before-layer img{display:block;width:100%;height:100%;object-fit:contain;background:#edf3f0}.before-layer{overflow:hidden;width:100%;clip-path:inset(0 calc(100% - var(--compare-position)) 0 0);pointer-events:none}.before-layer img{position:absolute;inset:0;max-width:none}.compare-divider{pointer-events:none}.compare-divider span{font-size:13px;letter-spacing:0}.compare-drag-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:4;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 5px 16px rgba(12,54,42,.12);color:#49645a;font-size:10px;font-weight:700;pointer-events:none;backdrop-filter:blur(7px)}.compare-stage input[type=range]{appearance:none;-webkit-appearance:none;background:transparent}.compare-stage input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:48px;height:48px;background:transparent;border:0}.compare-stage input[type=range]::-moz-range-thumb{width:48px;height:48px;background:transparent;border:0}.compare-dimensions{margin-top:10px;text-align:center;color:#60756c;font-size:11px}.compare-dimensions::before{content:'像素尺寸：';font-weight:700;color:#3c554c}

.hero-title-link{color:inherit;text-decoration:none;transition:color .2s}.hero-title-link:hover{color:var(--brand-dark)}
/* V2.3: larger interactive labels and footer typography */
.setting-row>label,.setting-label label{font-size:14px}.setting-label small{font-size:11px}.settings-note{font-size:12px}.processing-status{font-size:12px}.privacy-badge{font-size:12px}.target-lock-hint{font-size:12px}.input-unit span{font-size:12px}.footer-bottom p{margin:5px 0;color:#a8c6c1;font-size:13px}.site-footer .brand-copy strong{font-size:21px}.site-footer .brand-copy small{font-size:13px}.site-footer .footer-grid h3{font-size:16px}.site-footer .footer-grid a{font-size:14px;line-height:1.65}.site-footer .footer-brand p{font-size:14px}.site-footer .footer-pills span{font-size:11px}