:root{
  --ink:#07170e;--muted:#5a6a61;--brand:#55e848;--brand-deep:#05351a;--brand-2:#0f8f35;--pale:#f2f8f1;--pale2:#eaf6eb;--line:#dfe9df;--card:#fff;--dark:#031108;--shadow:0 22px 58px rgba(5,32,16,.12);--radius:28px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:linear-gradient(180deg,#fbfffb 0%,#f4faf4 100%);line-height:1.65}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:min(1180px,92vw);margin:0 auto}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--brand-2);font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:.82rem}.eyebrow:before{content:"";width:44px;height:3px;background:var(--brand);border-radius:99px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:14px 24px;font-weight:900;background:linear-gradient(135deg,#70f35a,#35d84e);color:#031108;cursor:pointer;box-shadow:0 16px 36px rgba(75,226,71,.25);transition:.22s}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(64,220,72,.34)}.btn.secondary{background:#fff;color:#0b2314;border:1px solid var(--line);box-shadow:none}.btn.dark{background:#06180c;color:#fff}.pill{display:inline-flex;align-items:center;border-radius:999px;background:#f2f8f1;border:1px solid var(--line);padding:8px 12px;font-weight:900;font-size:.82rem;color:#163a20}.header{position:sticky;top:0;z-index:70;background:rgba(250,255,250,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,235,220,.8)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{display:flex;align-items:center;gap:12px;font-weight:950}.logo-mark{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#4cc2ff 0%,#ffb23c 45%,#64f348 76%);display:grid;place-items:center;color:#fff;font-weight:950}.nav-links{display:flex;align-items:center;gap:24px;font-weight:900;color:#405045}.nav-links a:hover{color:var(--brand-2)}.nav-right{display:flex;align-items:center;gap:12px}.lang{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:#fff;font-weight:900}.hamburger{display:none;border:0;background:#fff;border-radius:14px;padding:10px 13px;font-size:22px}.mobile-panel{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 20%,rgba(87,237,70,.28),transparent 32%),linear-gradient(135deg,#f9fff8 0%,#eaf7e9 100%);padding:68px 0 42px}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:42px;align-items:center}.breadcrumb{font-size:.9rem;color:#6b7a70;margin-bottom:20px}.hero h1{font-size:clamp(2.6rem,5.8vw,5.6rem);line-height:.9;letter-spacing:-.07em;margin:16px 0 18px}.hero h1 span{color:#0aa137}.lead{font-size:1.1rem;color:#506057;max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-media{position:relative}.hero-media-card{background:#fff;border:1px solid var(--line);border-radius:36px;padding:18px;box-shadow:var(--shadow);overflow:hidden}.hero-media-card img{border-radius:26px;width:100%;height:410px;object-fit:cover;background:#fff}.hero-float{position:absolute;left:18px;bottom:30px;background:rgba(3,17,8,.86);color:#fff;border-radius:24px;padding:18px 20px;max-width:360px;backdrop-filter:blur(12px)}.hero-float strong{font-size:1.1rem}.quick-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.quick-spec{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 12px 34px rgba(4,30,11,.06)}.quick-spec b{display:block;font-size:1.52rem;line-height:1;color:#07170e}.quick-spec span{display:block;margin-top:8px;color:#5d6e64;font-weight:800}.section{padding:76px 0}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-title h2{font-size:clamp(2rem,4vw,3.35rem);letter-spacing:-.04em;line-height:.98;margin:8px 0 0}.section-title p{max-width:570px;color:var(--muted);margin:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:0 10px 34px rgba(5,32,16,.06)}.card h3{margin:0 0 10px;font-size:1.25rem;line-height:1.2}.card p{margin:0;color:var(--muted)}.feature{display:flex;gap:14px}.icon{flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#eafee9,#fff);border:1px solid #d7efd7;display:grid;place-items:center;color:#18a733;font-weight:950}.tabs{margin-top:34px}.tab-buttons{display:flex;gap:10px;flex-wrap:wrap}.tab-button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:13px 17px;font-weight:900;cursor:pointer}.tab-button.active{background:#07170e;color:#fff}.tab-panel{display:none;background:#fff;border:1px solid var(--line);border-radius:30px;padding:30px;margin-top:16px;box-shadow:0 15px 45px rgba(5,32,16,.06)}.tab-panel.active{display:block}.spec-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:20px;border:1px solid var(--line)}.spec-table th,.spec-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left}.spec-table th{background:#f4faf4;color:#193823}.spec-table tr:last-child th,.spec-table tr:last-child td{border-bottom:0}.image-split{display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;align-items:center}.manual-img{background:#fff;border-radius:28px;border:1px solid var(--line);padding:12px;box-shadow:var(--shadow)}.manual-img img{border-radius:20px;width:100%;object-fit:cover}.dark-band{background:radial-gradient(circle at 80% 0%,rgba(85,232,72,.3),transparent 32%),#031108;color:#fff}.dark-band .section-title p,.dark-band .card p{color:#cfdbd2}.dark-band .card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);box-shadow:none}.dark-band .pill{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16);color:#eaffea}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{display:block;background:#fff;border:1px solid var(--line);border-radius:28px;padding:16px;box-shadow:0 12px 40px rgba(5,32,16,.06);transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#bde9bd}.product-card img{width:100%;height:206px;object-fit:cover;border-radius:22px;background:#fff}.product-card h3{font-size:1.4rem;line-height:1.15;margin:18px 6px 8px}.product-card p{color:var(--muted);margin:0 6px 14px}.product-tags{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 6px 8px}.product-tags span{background:#f2f8f1;border-radius:14px;padding:9px 11px;font-weight:900;font-size:.82rem;color:#1b3c27}.cta{background:linear-gradient(135deg,#07170e 0%,#113b1c 52%,#31b83c 100%);color:#fff;border-radius:36px;padding:42px;display:grid;grid-template-columns:1fr .95fr;gap:28px;align-items:center;box-shadow:var(--shadow)}.cta h2{font-size:clamp(2rem,4vw,3.5rem);line-height:.98;margin:8px 0 12px}.quote-form{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:28px;padding:22px;display:grid;gap:12px}.quote-form input,.quote-form textarea,.quote-form select{width:100%;border:0;border-radius:18px;padding:16px 18px;font:inherit;background:#fff;color:#07170e}.quote-form textarea{min-height:116px}.footer{background:#020d07;color:#cfdcd2;padding:54px 0 30px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px}.footer h4{color:#fff;margin:0 0 16px}.footer p{color:#cfdcd2}.footer a{display:block;color:#cfdcd2;margin:9px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:34px;padding-top:20px;color:#91a096}.floating-whatsapp{position:fixed;right:22px;bottom:22px;background:#55e848;color:#031108;border-radius:999px;padding:13px 18px;font-weight:950;box-shadow:0 18px 44px rgba(0,0,0,.22);z-index:90}.related .product-card img{height:150px}.manual-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.manual-gallery a{display:block;background:#fff;border:1px solid var(--line);border-radius:24px;padding:10px;box-shadow:0 10px 34px rgba(5,32,16,.05)}.manual-gallery img{border-radius:16px;height:280px;object-fit:cover;width:100%}.page-note{background:#f2f8f1;border:1px dashed #b8d9b8;border-radius:18px;padding:14px 16px;color:#425348;font-size:.95rem}.center{text-align:center}.link-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px 20px;font-weight:900}.link-card:hover{border-color:#9de19b;box-shadow:0 10px 32px rgba(5,32,16,.08)}
@media(max-width:980px){.nav-links,.nav-right .btn{display:none}.hamburger{display:block}.mobile-panel.open{display:block;position:absolute;top:78px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px 4vw}.mobile-panel a{display:block;padding:12px 0;font-weight:900;border-bottom:1px solid var(--line)}.hero-grid,.image-split,.cta{grid-template-columns:1fr}.quick-specs,.grid-4{grid-template-columns:repeat(2,1fr)}.products-grid,.grid-3,.manual-gallery{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero-media-card img{height:330px}}
@media(max-width:640px){.section{padding:54px 0}.hero{padding:42px 0 26px}.quick-specs,.products-grid,.grid-3,.grid-4,.footer-grid,.manual-gallery{grid-template-columns:1fr}.hero h1{font-size:3rem}.hero-media-card img{height:260px}.hero-float{position:static;margin-top:12px;max-width:none}.section-title{display:block}.product-tags{grid-template-columns:1fr}.cta{padding:26px}.manual-gallery img{height:auto}.floating-whatsapp{left:18px;right:18px;text-align:center;justify-content:center}}


/* AI Optical Sorter bilingual/manual extraction update */
.lang-switch{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px}
.lang-choice{border:0;background:transparent;border-radius:999px;padding:8px 12px;font-weight:950;color:#425348;cursor:pointer}
.lang-choice.active{background:#07170e;color:#fff}
.hero-media-card img.product-contain{object-fit:contain;background:#fff}
.grid-2{display:grid;grid-template-columns:1fr;gap:14px}
.manual-derived{background:linear-gradient(180deg,#fbfffb 0%,#eef8ef 100%)}
.manual-extract-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:22px;align-items:start}
.manual-visual-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:12px;box-shadow:0 12px 40px rgba(5,32,16,.06)}
.manual-visual-card img{border-radius:20px;width:100%;object-fit:cover;background:#fff}
.manual-visual-card span{display:block;margin-top:10px;color:#5a6a61;font-weight:900;font-size:.92rem;padding:0 4px 4px}
.manual-copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.manual-block{background:#fff;border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:0 10px 34px rgba(5,32,16,.05)}
.manual-block h3{margin:0 0 10px;font-size:1.15rem;line-height:1.25}
.manual-block p{margin:0;color:var(--muted)}
.manual-block ul{margin:0;padding-left:18px;color:var(--muted)}
.manual-block li{margin:6px 0}
.service-web-block{display:grid;grid-template-columns:.92fr 1.08fr;gap:22px;margin-top:20px;align-items:start}
.service-cards{display:grid;grid-template-columns:1fr;gap:14px}
@media(max-width:980px){.manual-extract-grid,.service-web-block{grid-template-columns:1fr}.manual-copy-grid{grid-template-columns:1fr}.lang-switch{display:flex}}


/* v5: native bilingual handbook content - no manual screenshots on AI Optical Sorter page */
.native-flow-card{background:linear-gradient(145deg,#fff,#f3fbf3);border:1px solid var(--line);border-radius:32px;padding:26px;box-shadow:var(--shadow)}
.native-label{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:#07170e;color:#fff;padding:10px 14px;font-weight:950;margin-bottom:18px}
.flow-steps{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.flow-steps div{position:relative;min-height:152px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;overflow:hidden}
.flow-steps span{position:absolute;right:14px;top:10px;font-size:2.4rem;line-height:1;font-weight:950;color:rgba(68,218,75,.18)}
.flow-steps b{display:block;font-size:1.25rem;margin-bottom:8px}
.flow-steps p{margin:0;color:var(--muted)}
.manual-native{background:linear-gradient(180deg,#fbfffb,#eef8ef)}
.manual-native-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;margin-bottom:38px}
.native-info-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:0 12px 38px rgba(5,32,16,.06)}
.native-info-card.highlight{background:radial-gradient(circle at 92% 0%,rgba(85,232,72,.25),transparent 36%),#fff}
.native-info-card h3{font-size:1.55rem;line-height:1.15;margin:18px 0 12px}
.native-list{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.native-list li{position:relative;padding-left:28px;color:var(--muted)}
.native-list li:before{content:"✓";position:absolute;left:0;top:0;color:#16a637;font-weight:950}
.native-table-wrap,.native-cards-section{margin-top:42px}
.section-title.compact{margin-bottom:18px}
.spec-comparison thead th{background:#07170e;color:#fff}
.scenario-grid .scenario-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:0 12px 34px rgba(5,32,16,.055)}
.scenario-card span{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;background:#eafee9;color:#129a31;font-weight:950;margin-bottom:18px}
.scenario-card h3{margin:0 0 10px;font-size:1.25rem}
.scenario-card p{margin:0;color:var(--muted)}
.service-native-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-native-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:0 12px 34px rgba(5,32,16,.055)}
.service-native-card b{display:inline-flex;border-radius:999px;padding:8px 12px;background:#f2f8f1;color:#129a31;font-size:.84rem}
.service-native-card h3{margin:16px 0 10px;line-height:1.2}
.service-native-card p{margin:0;color:var(--muted)}
@media(max-width:980px){.manual-native-grid,.service-native-grid{grid-template-columns:1fr}.flow-steps{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.flow-steps{grid-template-columns:1fr}}