.home-real-preview a{display:block}.home-real-preview img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px;box-shadow:0 15px 35px #17243c10}.home-real-preview .visual-note{font-size:10px;letter-spacing:.5px}
.product-page{--product-accent:#07867f;--product-tone:var(--erp)}.xproject-page{--product-accent:#3864e8;--product-tone:var(--project)}
.breadcrumb{display:flex;gap:13px;align-items:center;font-size:12px;color:var(--muted);padding-top:26px}.breadcrumb a:hover{color:var(--product-accent)}
.product-intro.hero{grid-template-columns:minmax(0,1fr) 270px;min-height:0;gap:80px;padding-block:64px 58px}
.product-tag{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;letter-spacing:.8px;margin:0}.product-token{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--product-tone);color:var(--product-accent);font-size:18px}.tag-rule{height:15px;width:1px;background:var(--line)}.product-tag>span:last-child{font-size:11px;font-weight:450;letter-spacing:.3px;color:var(--muted)}
.product-intro h1,html:lang(zh-CN) .product-intro h1,html:lang(zh-TW) .product-intro h1{font-size:48px;font-weight:550;line-height:1.35;letter-spacing:-1px;max-width:740px;margin:25px 0 20px;text-wrap:balance}
.product-intro .lead{max-width:670px;font-size:17px;line-height:1.95;margin:0;color:var(--muted)}
.intro-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:30px}.quiet-link{display:flex;align-items:center;gap:22px;font-size:13px;min-height:44px}
.product-page .primary{background:var(--product-accent);color:#fff}.intro-index{border-inline-start:1px solid var(--line);padding-inline-start:30px;align-self:center}.intro-index>span{font-size:10px;letter-spacing:1.3px;color:var(--muted)}.intro-index a{display:block;font-size:13px;padding-block:11px;border-bottom:1px solid var(--line)}.intro-index a:hover{color:var(--product-accent)}
.product-showcase{padding:26px 26px 16px;background:var(--product-tone);border-radius:14px;margin-bottom:36px}.real-shot{margin:0;min-width:0}.shot-open{display:block;position:relative;width:100%;padding:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--surface);cursor:zoom-in;color:var(--text);box-shadow:0 10px 30px #17243c0a;line-height:0;touch-action:manipulation}.shot-open img{display:block;width:100%;height:auto;max-width:100%}.shot-open:focus-visible{outline:3px solid var(--product-accent);outline-offset:5px}.shot-zoom{position:absolute;inset-inline-end:12px;bottom:12px;display:flex;align-items:center;gap:14px;background:var(--surface);color:var(--text);font-size:11px;font-weight:500;line-height:1.4;padding:10px 13px;border:1px solid var(--line);border-radius:6px;min-height:38px;box-shadow:0 4px 12px #17243c12}
.real-shot figcaption{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:12px;font-size:11px;color:var(--muted);line-height:1.6}.shot-badge{font-size:9px;letter-spacing:.7px;text-align:end;flex-shrink:0}.capture-note{font-size:11px;color:var(--muted);line-height:1.9;margin:10px 0 0;max-width:900px}
.product-subnav{display:flex;gap:36px;border-bottom:1px solid var(--line);padding-block:14px;margin-bottom:70px;overflow-x:auto;scrollbar-width:thin}.product-subnav a{font-size:13px;font-weight:500;min-height:44px;display:flex;align-items:center;flex-shrink:0}.product-subnav a:hover{color:var(--product-accent)}
.editorial-heading{max-width:720px;margin-bottom:40px}.editorial-heading h2{margin-top:14px}.editorial-heading>p:not(.eyebrow){font-size:16px;color:var(--muted);line-height:1.9;margin:22px 0 0}
.product-features{padding-bottom:80px}.feature-story{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:60px;align-items:center;padding-block:42px;border-top:1px solid var(--line)}.feature-story:nth-of-type(even){grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}.feature-story:nth-of-type(even) .story-copy{order:2}.feature-story:nth-of-type(even) .story-screen{order:1}
.story-no{display:block;font-size:12px;font-weight:550;color:var(--product-accent);margin-bottom:20px}.story-copy h3{font-size:26px;margin:0 0 20px;font-weight:550;line-height:1.5;letter-spacing:-.5px}.story-copy p{font-size:15px;color:var(--muted);line-height:2;margin:0}.story-screen{padding:18px;background:var(--product-tone);border-radius:12px;min-width:0}
.workflow-band{padding-block:70px;background:var(--surface);border-block:1px solid var(--line)}.workflow-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.workflow-line article{border-top:2px solid var(--product-accent);padding-top:24px}.workflow-line article>span{font-size:12px;color:var(--product-accent)}.workflow-line h3{font-size:20px;font-weight:500;line-height:1.6;margin:18px 0 0}
.product-scenarios{padding-block:80px}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.scenario-item{border-top:1px solid var(--line);padding-top:25px}.scenario-no{font-size:12px;color:var(--product-accent)}.scenario-item h3{font-size:22px;font-weight:550;margin:16px 0}.scenario-item p{font-size:15px;line-height:1.95;color:var(--muted);margin:0}
.mobile-story{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:110px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:55px 70px;margin-bottom:80px}.mobile-copy h2{font-size:34px;line-height:1.6;margin:18px 0 24px}.mobile-copy>p:not(.eyebrow){font-size:16px;line-height:1.95;color:var(--muted)}.mobile-copy .text-link{margin-top:15px}.mobile-capture{max-width:270px;margin-inline:auto}.mobile-capture .shot-open{border-radius:16px}.mobile-capture .real-shot figcaption{flex-direction:column;gap:5px;align-items:flex-start}
.product-end{display:flex;align-items:center;justify-content:space-between;gap:60px;padding:42px;background:var(--product-tone);border-radius:12px}.product-end h2{font-size:32px;margin:20px 0}.product-end>div>p:last-child{font-size:12px;color:var(--muted);max-width:690px;line-height:1.9}.product-end .button{flex-shrink:0}.other-product{padding-block:40px 70px}.other-product>p{font-size:11px;color:var(--muted);margin-bottom:18px}.other-product>a{display:flex;align-items:center;gap:25px;font-size:14px}.other-product strong{font-family:"Manrope Variable",sans-serif;font-size:19px;font-weight:600}.other-product>a>span:last-child{margin-inline-start:auto;color:var(--product-accent);font-size:24px}
.image-dialog{width:min(96vw,1600px);max-width:none;max-height:92dvh;max-height:92vh;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--text);box-shadow:0 24px 90px #0005}.image-dialog::backdrop{background:#091322bb;backdrop-filter:blur(6px)}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 18px;border-bottom:1px solid var(--line);font-size:12px}.image-close{display:flex;align-items:center;gap:16px;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px 12px;min-height:44px;cursor:pointer;font-size:12px}.image-close>span:last-child{font-size:24px;line-height:1}.dialog-image-scroll{overflow:auto;max-height:calc(92vh - 70px);padding:18px;overscroll-behavior:contain}.dialog-image-scroll img{display:block;width:auto;max-width:none;height:auto;margin:auto}.image-dialog[open]~*{pointer-events:none}html.image-view-open{overflow:hidden}
@media(hover:hover) and (pointer:fine){.shot-open:hover .shot-zoom{background:var(--text);color:var(--bg)}.shot-open:hover{box-shadow:0 12px 35px #17243c16}}
@media(max-width:1000px){.product-intro.hero{gap:40px;grid-template-columns:minmax(0,1fr) 220px}.product-intro h1,html:lang(zh-CN) .product-intro h1,html:lang(zh-TW) .product-intro h1{font-size:40px}.feature-story,.feature-story:nth-of-type(even){gap:30px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.mobile-story{padding:40px;gap:50px;grid-template-columns:minmax(0,1fr) 270px}.story-copy h3{font-size:24px}.scenario-grid{gap:25px}.product-end{gap:30px}}
@media(max-width:720px){
 .breadcrumb{padding-top:20px}.product-intro.hero{grid-template-columns:minmax(0,1fr);padding-block:36px 32px;gap:28px}.product-intro h1,html:lang(zh-CN) .product-intro h1,html:lang(zh-TW) .product-intro h1{font-size:34px;line-height:1.45;letter-spacing:-.7px;margin:20px 0 16px}.product-intro .lead{font-size:16px;line-height:1.9}.product-tag{font-size:12px;gap:10px;flex-wrap:wrap}.product-tag>span:last-child{font-size:10px}.intro-index{display:none}.intro-actions{gap:22px;margin-top:25px}
 .product-showcase{padding:12px 12px 14px;border-radius:10px;margin-bottom:20px}.real-shot figcaption{align-items:flex-start;gap:12px;font-size:10px}.shot-badge{font-size:8px;max-width:110px}.shot-zoom{position:static;justify-content:center;border:0;border-top:1px solid var(--line);border-radius:0;min-height:44px;font-size:11px;padding:10px;box-shadow:none}.shot-open{border-radius:6px}.capture-note{font-size:10px;line-height:1.85;margin-top:12px}.product-subnav{gap:24px;padding-block:6px;margin-bottom:45px}.product-subnav a{font-size:12px}
 .editorial-heading{margin-bottom:28px}.editorial-heading h2{font-size:28px}.editorial-heading>p:not(.eyebrow){font-size:15px}.product-features{padding-bottom:50px}.feature-story,.feature-story:nth-of-type(even){grid-template-columns:minmax(0,1fr);gap:25px;padding-block:32px}.feature-story:nth-of-type(even) .story-copy,.feature-story:nth-of-type(even) .story-screen{order:initial}.story-no{font-size:11px;margin-bottom:13px}.story-copy h3{font-size:24px;line-height:1.55;margin-bottom:15px}.story-copy p{font-size:15px;line-height:1.95}.story-screen{padding:12px;border-radius:9px}
 .workflow-band{padding-block:48px}.workflow-line{grid-template-columns:minmax(0,1fr);gap:26px}.workflow-line article{display:grid;grid-template-columns:28px 1fr;align-items:baseline;gap:16px;padding-top:18px}.workflow-line h3{font-size:19px;margin:0}.product-scenarios{padding-block:50px}.scenario-grid{grid-template-columns:minmax(0,1fr);gap:28px}.scenario-item{padding-top:20px}.scenario-item h3{font-size:21px;margin:12px 0}.scenario-item p{font-size:15px}
 .mobile-story{grid-template-columns:minmax(0,1fr);gap:30px;padding:28px;margin-bottom:50px;border-radius:12px}.mobile-copy h2{font-size:28px}.mobile-copy>p:not(.eyebrow){font-size:15px}.mobile-capture{max-width:240px}.product-end{display:block;padding:28px}.product-end h2{font-size:28px;line-height:1.5}.product-end .button{margin-top:12px}.other-product{padding-block:32px 45px}.other-product>a{flex-wrap:wrap;gap:12px}.other-product strong{font-size:17px}.other-product>a>span:nth-child(2){font-size:12px}.dialog-toolbar{padding:8px 12px;font-size:11px}.dialog-image-scroll{padding:8px}.image-dialog{width:calc(100vw - 20px);border-radius:9px}
}
@media(max-width:360px){.product-intro h1,html:lang(zh-CN) .product-intro h1,html:lang(zh-TW) .product-intro h1{font-size:30px}.intro-actions{gap:15px}.button{font-size:13px;padding-inline:16px}.other-product>a>span:nth-child(2){width:100%;order:3}}
.dialog-image-scroll{direction:ltr}
@media(prefers-reduced-motion:reduce){.shot-open,.shot-zoom{transition:none}}