*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f8f9f5;color:#222c24;font-family:"PingFang SC","Microsoft YaHei",sans-serif;--ink:#222c24;--muted:#6e796f;--lime:#dceaac;--line:#dfe4d8}.sidro-home{max-width:1280px;margin:auto;padding:0 40px}a{color:inherit}.intro{display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center;padding:76px 0 80px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:var(--muted);font-weight:500}.hero-copy{animation:enter .7s both}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#839e51;margin-right:7px}.intro h1{font-size:clamp(44px,5.2vw,70px);line-height:1.2;letter-spacing:-2.5px;font-weight:600;margin:28px 0}.accent-word{position:relative;white-space:nowrap}.accent-word svg{position:absolute;bottom:-12px;left:0;width:100%;height:16px;fill:none;stroke:#a9bd78;stroke-width:6;stroke-linecap:round;stroke-dasharray:220;stroke-dashoffset:220;animation:underline .8s .45s forwards}.intro-copy{font-size:14px;line-height:2;color:var(--muted);margin:27px 0}.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.home-cta{display:inline-flex;align-items:center;gap:30px;padding:17px 23px;border-radius:8px;background:var(--ink);color:#f6f9ef;text-decoration:none;font-size:13px;transition:background .2s,transform .2s}.home-cta:hover{background:#425338;transform:translateY(-2px)}.text-link{text-decoration:none;font-size:12px;white-space:nowrap}.hero-tags{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px;font-size:10px;color:#7d877b}.hero-tags span:before{content:'✓';margin-right:5px;color:#85985d}.hero-demo{position:relative;min-width:0;background:white;padding:14px;border:1px solid #e1e5d9;border-radius:17px;box-shadow:0 22px 55px -28px #66715750;transform:rotate(1deg);animation:enter .85s .15s both}.demo-top,.demo-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:#7c8577;padding:5px 3px 15px}.demo-top>span:first-child{color:#48523f}.demo-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#97ae6c;margin-right:7px}.demo-bottom{padding:15px 3px 3px}.demo-bottom button{border:0;background:none;color:#596648;font:inherit;cursor:pointer;padding:4px}.compare{position:relative;aspect-ratio:1.35;overflow:hidden;border-radius:9px;background:#f0f1ea;isolation:isolate}.compare img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.checker{position:absolute;inset:0;background-color:#f9faf7;background-image:linear-gradient(45deg,#e8ebe2 25%,transparent 25%),linear-gradient(-45deg,#e8ebe2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8ebe2 75%),linear-gradient(-45deg,transparent 75%,#e8ebe2 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.compare-before{background:#ce0425;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-line{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:white;pointer-events:none;z-index:2;filter:drop-shadow(0 0 3px #0004)}.compare-line>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:white;color:#3c4934;font-size:18px;letter-spacing:4px;padding-left:4px}.compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3}.compare:focus-within{outline:3px solid #849961;outline-offset:3px}.image-label{position:absolute;top:13px;font-size:10px;padding:6px 10px;border-radius:5px;background:#ffffffdc;z-index:2;color:#4c5545;pointer-events:none}.before-label{left:12px}.after-label{right:12px}.demo-sticker{pointer-events:none;position:absolute;right:-18px;bottom:70px;background:var(--lime);padding:14px 21px;font-size:11px;line-height:1.8;transform:rotate(-6deg);box-shadow:0 8px 18px -14px #455835}.demo-sticker strong{font-weight:500;font-size:13px}.section-divider{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;font-size:10px;color:#84907c;letter-spacing:1px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:42px 0 28px}.section-title h2,.scene-copy h2{font-size:31px;line-height:1.45;font-weight:500;letter-spacing:-1px;margin:12px 0 0}.section-title>p{color:var(--muted);font-size:12px;line-height:1.9;margin:0}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.tool-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:box-shadow .25s}.tool-card:hover{box-shadow:0 12px 32px -25px #34402b}.tool-visual{position:relative;display:block;overflow:hidden;height:280px;background:#edf0e6;text-decoration:none}.tool-visual>img,.tool-visual .checker>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .65s,transform .8s}.background-visual>img,.background-visual .checker>img{object-fit:contain}.background-visual .hover-original{background:#cf0525;clip-path:inset(0 50% 0 0);transition:clip-path .7s}.background-visual:hover .hover-original{clip-path:inset(0 100% 0 0)}.eraser-visual>img{object-position:center 44%}.eraser-visual .hover-result{opacity:0}.eraser-visual:hover .hover-result,.eraser-visual:focus .hover-result{opacity:1}.erase-outline{position:absolute;left:9%;top:29%;width:63%;height:47%;border:1px dashed #eeef88;border-radius:48%;background:#dfea7933;transform:rotate(-12deg);transition:opacity .4s;pointer-events:none}.eraser-visual:hover .erase-outline{opacity:0}.visual-tag{position:absolute;left:16px;bottom:15px;border:1px solid #ffffff80;border-radius:5px;background:#ffffffdf;padding:7px 10px;font-size:10px;color:#46523e}.visual-arrow{position:absolute;right:16px;bottom:15px;width:29px;height:29px;background:#fff;border-radius:50%;display:grid;place-items:center;font-size:14px}.card-content{padding:25px 28px}.card-number{font-size:10px;color:#89937d;letter-spacing:1px}.card-content h3{margin:12px 0;font-size:23px;font-weight:500;letter-spacing:-.4px}.card-content h3 a{text-decoration:none}.card-content>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:400px}.card-link{display:flex;justify-content:space-between;align-items:center;padding-top:18px;margin-top:20px;border-top:1px solid #edf0e8;text-decoration:none;font-size:12px}.card-link span{color:#7d9160}.ocr-visual>img{object-position:left center;filter:brightness(.97)}.ocr-extract{position:absolute;right:20px;top:36px;width:40%;min-width:155px;padding:17px;background:#fffffff2;border:1px solid white;border-radius:8px;box-shadow:0 8px 25px #25332615;transform:rotate(3deg)}.ocr-extract>span{display:flex;justify-content:space-between;font-size:9px;color:#8c987d}.ocr-extract strong{display:block;font-size:17px;font-weight:500;margin-top:19px}.ocr-extract p{font-size:11px;color:#6f7d60;margin:10px 0 0}.scan-line{position:absolute;left:0;right:0;top:20%;height:2px;background:#afc582;box-shadow:0 -14px 24px 6px #b6ce7133;animation:scan 3.8s ease-in-out infinite alternate;animation-play-state:paused}.ocr-visual:hover .scan-line,.ocr-visual:focus .scan-line{animation-play-state:running}.translation-visual .translated-image{clip-path:inset(0);transition:clip-path .7s}.translation-visual:hover .translated-image{clip-path:inset(0 100% 0 0)}.language-chip{position:absolute;top:15px;right:16px;background:#fff;border-radius:20px;padding:7px 13px;font-size:10px;box-shadow:0 2px 12px #0001}.language-chip>span{padding:0 8px;color:#9daf7c}.sample-note{font-size:10px;color:#8b9383;margin:17px 0 0}.scene-section{margin:94px 0 75px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.scene-image{height:490px;border-radius:12px;overflow:hidden;position:relative}.scene-image>img{width:100%;height:100%;object-fit:cover}.scene-caption{position:absolute;bottom:0;left:0;right:0;padding:48px 22px 22px;font-size:10px;background:linear-gradient(transparent,#162514a6);color:white}.scene-copy h2{font-size:35px;margin-bottom:23px}.use-case{display:flex;align-items:start;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.use-case>span{font-size:10px;color:#8f9b81;padding-top:4px}.use-case h3{font-size:14px;font-weight:500;margin:0 0 9px}.use-case p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.use-case>a{margin-left:auto;text-decoration:none;padding:0 6px}.workflow{border-top:1px solid var(--line);padding-bottom:56px}.workflow ol{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.workflow li{position:relative;border-top:1px solid #ced6c3;padding:25px 0;display:flex;gap:20px}.step-number{font-size:11px;color:#92a17f;padding-top:5px}.workflow h3{font-size:16px;font-weight:500;margin:0 0 14px}.workflow p{font-size:11px;line-height:1.9;color:var(--muted);margin:0}.step-icon{position:absolute;right:5px;top:22px;font-size:21px;color:#849771}.closing{background:#e8efd9;border:1px solid #dce4cf;border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 40px;margin-bottom:24px}.closing h2{font-size:26px;font-weight:500;margin:10px 0}.closing .eyebrow{font-size:10px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}.reveal.is-visible{opacity:1;transform:none}a:focus-visible,button:focus-visible{outline:3px solid #849961;outline-offset:5px}@keyframes enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes underline{to{stroke-dashoffset:0}}@keyframes scan{to{top:82%}}@media(max-width:1050px){.sidro-home{padding:0 28px}.intro{gap:28px;padding:55px 0 65px}.intro h1{font-size:53px}.hero-actions{gap:16px}.home-cta{padding:15px 18px;gap:22px}.hero-tags{gap:9px;font-size:9px}.compare{aspect-ratio:1.1}.scene-section{gap:34px}.tool-visual{height:245px}.workflow li{gap:12px}.step-icon{display:none}}@media(max-width:740px){.intro{grid-template-columns:1fr;gap:38px;padding-top:38px}.intro h1{font-size:53px}.hero-copy{max-width:540px}.hero-demo{margin:0 8px 10px 0}.compare{aspect-ratio:1.5}.intro-copy{font-size:13px}.hero-tags{margin-top:22px}.section-title h2{font-size:26px}.section-title{align-items:start;flex-direction:column;gap:12px}.section-title>p br{display:none}.tool-grid{gap:16px}.tool-visual{height:220px}.card-content{padding:20px}.card-content h3{font-size:19px}.ocr-extract{right:12px;min-width:132px;padding:12px;width:55%;top:30px}.ocr-extract strong{font-size:13px}.scene-section{grid-template-columns:1fr;gap:28px;margin:60px 0}.scene-image{height:340px}.scene-copy h2 br{display:none}.scene-copy h2{font-size:28px}.workflow ol{grid-template-columns:1fr;gap:0}.workflow li{padding:23px 0;gap:22px}.step-icon{display:block}.workflow p br{display:none}.closing{padding:28px;align-items:start;flex-direction:column}.closing h2{font-size:24px}}@media(max-width:480px){.sidro-home{padding:0 20px}.intro h1{font-size:49px}.tool-grid{grid-template-columns:1fr}.tool-visual{height:250px}.hero-demo{padding:10px}.demo-top,.demo-bottom{font-size:9px}.demo-sticker{right:-10px;bottom:62px;padding:10px 14px}.section-divider>span:last-child{display:none}.ocr-extract{width:43%;top:35px;right:20px}.scene-image{height:310px}.hero-tags{gap:12px}.hero-actions{gap:20px}.card-content h3{font-size:23px}.section-title h2{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.accent-word svg{stroke-dashoffset:0}.reveal{opacity:1;transform:none}}

/* 首页专属摄影素材，与工具内页的演示资源分离。 */
.material-showcase{transform:rotate(.6deg)}.photo-stage{position:relative;aspect-ratio:1.18;overflow:hidden;border-radius:9px;background:#c5a17d}.photo-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s;pointer-events:none}.photo-slide.is-active{opacity:1}.photo-slide>img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;transform:scale(1.035);transition:transform 5.5s ease-out}.photo-slide.is-active>img{transform:scale(1)}.photo-slide[data-slide="1"]>img{object-position:50% 83%}.photo-slide[data-slide="2"]>img{object-position:55% 50%}.photo-caption{position:absolute;bottom:0;left:0;right:0;padding:64px 25px 24px;background:linear-gradient(transparent,#30291bb0);color:white}.photo-caption>span{font-size:10px;letter-spacing:2px}.photo-caption>strong{display:block;margin-top:10px;font-size:21px;letter-spacing:.5px;font-weight:500}.photo-tabs{display:flex;gap:4px}.demo-bottom .photo-tabs button{padding:6px 11px;border-radius:5px;font-size:10px;color:#7a806f}.demo-bottom .photo-tabs button[aria-pressed=true]{background:#edf0e5;color:#3b4a2c}.material-showcase .demo-sticker{bottom:auto;top:66px;right:-16px}.background-visual{background:#ead4bd}.background-visual>img{object-fit:contain;object-position:center;transform:scale(1.2);transform-origin:50% 76%}.background-visual:hover>img{transform:scale(1.24)}.product-frame{position:absolute;inset:14% 29% 12%;border:1px solid #ffffffbd;border-radius:8px;pointer-events:none}.product-frame:after{content:'主体区域示意';position:absolute;top:-20px;left:0;color:#756750;font-size:9px}.eraser-visual>img{object-position:50% 62%}.eraser-visual .erase-outline{left:14%;top:12%;width:26%;height:60%;background:#e3eea423;transform:rotate(8deg)}.eraser-visual:hover .erase-outline{opacity:1;background:#e3eea458}.ocr-visual>img{object-fit:cover;object-position:50% 49%}.ocr-extract{top:30px;right:20px;min-width:180px;width:39%}.ocr-extract strong{font-size:13px;line-height:1.6}.ocr-extract p{font-size:9px}.translation-visual>img{object-position:50% 83%}.translation-copy{position:absolute;left:20px;top:25px;width:44%;padding:19px 18px;background:#fffef8eb;border:1px solid #fff;border-radius:8px;box-shadow:0 5px 24px #312a2218;transition:transform .3s}.translation-copy>span{font-size:9px;color:#8a816e}.translation-copy>p{font-size:11px;line-height:1.6;color:#8a816e;margin:17px 0 12px}.translation-copy>strong{display:block;font-size:23px;font-weight:500;color:#344232}.translation-visual:hover .translation-copy{transform:translateY(-5px)}.scene-image>img{object-position:center 67%}.sample-note{line-height:1.8}.material-showcase.is-paused .photo-slide>img{transition:none}.material-showcase.is-paused .photo-slide.is-active>img{transform:scale(1)}
@media(max-width:740px){.photo-stage{aspect-ratio:1.4}.photo-caption{padding:44px 20px 20px}.photo-caption>strong{font-size:19px}.ocr-extract{min-width:135px;right:12px;padding:12px;width:50%}.ocr-extract strong{font-size:10px}.ocr-extract p{font-size:8px}.translation-copy{left:12px;top:36px;padding:13px;width:53%}.translation-copy>strong{font-size:18px}.translation-copy>p{font-size:9px}.material-showcase .demo-sticker{top:58px;right:-10px}}
@media(max-width:480px){.ocr-extract{width:45%;right:16px;top:34px;min-width:155px}.ocr-extract strong{font-size:12px}.translation-copy{width:48%;left:18px;top:28px;padding:17px}.translation-copy>strong{font-size:21px}.photo-caption>strong{font-size:17px}.photo-tabs{gap:2px}}