*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#202326;background:#fff;font:15px/1.8 "Microsoft YaHei","PingFang SC",sans-serif}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin:0}h1{font-size:clamp(36px,4.4vw,64px);line-height:1.24;font-weight:700;letter-spacing:-2px}h2{font-size:clamp(27px,3vw,40px);line-height:1.35;letter-spacing:-1px}h3{font-size:22px;line-height:1.5}p{color:#687078}.header{position:sticky;top:0;background:rgba(255,255,255,.97);z-index:20;border-bottom:1px solid #e8ebed;height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));gap:30px}.brand{display:flex;align-items:center;gap:18px;flex-shrink:0}.brand img{width:112px;height:62px;object-fit:contain}.brand span{font-size:10px;writing-mode:vertical-rl;letter-spacing:2px;color:#85898c;height:55px}.header nav{display:flex;gap:26px;align-items:center}.header nav a{font-size:14px;white-space:nowrap;padding:10px 0;border-bottom:2px solid transparent}.header nav a.active{color:#cf492f;border-bottom-color:#cf492f}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 24px;border:1px solid #cf492f;border-radius:5px;background:#cf492f;color:white;font-weight:600;font-size:14px}.button.light{background:white;color:#272a2d;border-color:#dde1e4}.button.dark-outline{background:transparent;color:#eef3f7;border-color:#52606c}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.wrap{max-width:1180px;margin:auto;padding:70px 24px}.eyebrow{display:block;letter-spacing:3px;font-size:11px;font-weight:700;color:#cf492f;margin-bottom:16px}.heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:32px}.heading>p{max-width:420px}.grid{display:grid;gap:22px}.two{grid-template-columns:repeat(2,1fr)}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}.card{border:1px solid #e3e6e8;border-radius:12px;padding:30px;background:#fff}.card p{margin-top:12px}.card .number{font-size:12px;letter-spacing:2px;color:#cf492f;display:block;margin-bottom:22px}.card ul{margin:18px 0 0;padding-left:18px;color:#687078;line-height:2.05}.soft{background:#f5f6f7}.tag{display:inline-block;background:#f8ebe6;color:#b8462e;border-radius:3px;padding:2px 9px;font-size:11px;margin-bottom:16px}.hero{background:#09131e;color:white;padding:54px 0 0;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(9,19,30,.88),rgba(9,19,30,.92)),url('../assets/architecture.png') center/cover;pointer-events:none}.hero>*{position:relative}.hero-copy{max-width:1180px;margin:auto;padding:0 24px;display:grid;grid-template-columns:1.45fr 1fr;gap:70px;align-items:end}.hero-copy p{color:#a8b8c8;font-size:16px;max-width:380px}.hero h1 em{font-style:normal;color:#f07d62}.hero .eyebrow{color:#de9b83}.hero iframe{width:100%;height:340px;border:0;margin-top:20px;display:block}.hero-foot{max-width:1132px;margin:auto;border-top:1px solid #2d3b48;display:flex;justify-content:space-between;padding:16px 0;color:#899caa;font-size:11px;letter-spacing:1px}.intro{padding:64px 0 0}.intro .wrap{padding-top:0;padding-bottom:44px}.intro h1{max-width:950px;font-size:clamp(34px,4.1vw,54px)}.intro p{max-width:720px;font-size:17px;margin-top:18px}.split-card{position:relative;overflow:hidden;min-height:270px}.split-card h3{font-size:29px}.split-card .big-mark{position:absolute;right:24px;bottom:-20px;font-size:140px;line-height:1;color:#f3f4f5;font-weight:800;z-index:0}.split-card>*:not(.big-mark){position:relative;z-index:1}.text-link{display:inline-block;color:#cf492f;font-weight:600;margin-top:24px}.quote{border-left:3px solid #cf492f;padding-left:24px;margin-top:26px;font-size:21px;color:#333}.image-panel{border:1px solid #e4e7e9;background:#f4f5f5;padding:22px;border-radius:12px;overflow:hidden}.image-panel img{width:100%;height:auto;display:block;border-radius:6px}.image-panel button{border:0;background:none;padding:0;width:100%}.image-panel small{display:block;margin-top:10px;color:#7b8389}.band{background:#f8ede8;border-radius:14px;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:25px}.band h2{font-size:30px}.band p{margin-top:12px}.list{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.list span{padding:9px 17px;border:1px solid #e1e4e7;border-radius:4px;color:#66717c;background:white}.rule{font-size:12px;margin-top:20px;color:#8c9297}.featured{border:1px solid #cf492f;background:#fffaf8}.price-free{display:inline-block;margin-top:16px;font-size:12px;color:#878e94}details{border:1px solid #e1e5e8;border-radius:8px;padding:22px;margin-top:25px}summary{font-size:17px;font-weight:600;cursor:pointer}table{width:100%;border-collapse:collapse;margin-top:20px;font-size:14px}td,th{text-align:left;padding:14px;border-bottom:1px solid #e3e7ea}th{background:#f3f5f6}.device-visual{min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;background:linear-gradient(135deg,#f3f6f8,#fff);border-radius:16px;border:1px solid #e4e8eb}.desktop-icon{height:135px;width:90px;border:2px solid #8b9398;border-radius:12px;position:relative;background:linear-gradient(120deg,#fafbfc,#d4d9dd);box-shadow:12px 12px 0 #eef0f2}.desktop-icon:before{content:"R";position:absolute;left:26px;top:22px;color:#cf492f;font-size:37px;font-weight:900}.desktop-icon:after{content:"";position:absolute;bottom:18px;left:26px;right:26px;height:4px;background:#cf492f;border-radius:3px}.case-types{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.case-types button{border:1px solid #dde2e6;color:#6c747b;background:white;padding:7px 14px;border-radius:4px}.case-types button.active{border-color:#cf492f;color:#cf492f;background:#fff8f5}.case-status{font-size:12px;color:#8a9197;margin-bottom:16px}footer{padding:34px max(24px,calc((100vw - 1132px)/2));border-top:1px solid #e7eaec;display:flex;align-items:center;gap:24px;flex-wrap:wrap;background:white}footer img{width:90px;height:50px}footer p{font-size:12px}footer a{margin-left:auto;font-size:19px;font-weight:600}footer small{width:100%;color:#979da2;font-size:10px}dialog{border:1px solid #dce2e6;border-radius:12px;padding:42px;max-width:min(90vw,900px);box-shadow:0 20px 100px #0003}dialog::backdrop{background:#09131e99}dialog h2{font-size:30px}dialog p{margin-top:12px}.close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:28px;color:#777}dialog .phone{display:block;font-size:32px;margin-top:24px;color:#cf492f;font-weight:700}#sample img{width:100%;max-height:65vh;object-fit:contain}.empty-note{padding:50px;border:1px dashed #dde3e8;background:#f8f9fa;text-align:center}.brand-story{text-align:center;padding:60px 20px}.brand-story img{width:220px}.brand-story h1{margin:30px 0 12px;max-width:none}.brand-story .english{letter-spacing:5px;font-size:12px;color:#8b9094}.layout-note{font-size:12px;color:#9a9da0;margin-top:25px}:focus-visible{outline:3px solid #e89276;outline-offset:4px}@media(max-width:1080px){.header{gap:15px;padding:0 22px}.header nav{gap:17px}.brand span{display:none}.header .button{padding:9px 12px}.hero-copy{gap:30px}.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.header{height:auto;min-height:80px;flex-wrap:wrap;padding:8px 18px;gap:0}.brand img{width:96px;height:51px}.header>.button{margin-left:auto}.header nav{width:100%;overflow:auto;order:3;gap:24px;white-space:nowrap}.header nav a{font-size:12px;padding:8px 0}.hero{padding-top:34px}.hero-copy{display:block;padding:0 20px}.hero-copy>div+div{margin-top:22px}.hero iframe{height:270px;margin-top:16px}.hero-foot{padding:15px 20px;font-size:9px;gap:15px}.hero-foot span:last-child{display:none}.wrap{padding:44px 20px}.two,.three,.four{grid-template-columns:1fr}.heading{display:block}.heading p{margin-top:15px}.card{padding:24px}.intro{padding-top:38px}.intro h1{letter-spacing:-1px}.band{padding:27px;display:block}.band .button{margin-top:22px}footer{padding:26px 20px;gap:14px}footer p{width:calc(100% - 115px)}footer a{margin-left:0}table{font-size:12px}td,th{padding:9px}.quote{font-size:18px}.rule{line-height:1.8}.brand-story{padding:30px 0}.device-visual{min-height:240px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Two independent Hero slides: source illustration and workstation animation. */
.hero-carousel{background:#f4f7fa;color:#152536;padding:42px 0 0}.hero-carousel:before{display:none}.hero-inner{max-width:1320px;margin:auto;padding:0 28px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);align-items:center;gap:48px;min-height:505px}.hero-text h1{font-size:clamp(34px,3.65vw,54px);line-height:1.32;letter-spacing:-1.5px}.hero-text h1 em{color:#cf492f}.hero-text p{margin-top:25px;color:#667889;font-size:16px;line-height:1.95;max-width:500px}.hero-carousel .eyebrow{color:#cf492f;letter-spacing:2px}.hero-slogan{display:block;margin-top:22px;font-size:12px;color:#83919b;letter-spacing:2px}.hero-slide[hidden]{display:none}.hero-slide.active{animation:slide-reveal .4s ease}.hero-animation{background:#09131e;border:1px solid #263845;border-radius:16px;overflow:hidden;min-width:0;box-shadow:0 20px 50px #19334a18}.hero-carousel iframe{display:block;width:100%;height:460px;border:0;margin:0}.drawing-preview{min-width:0;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #19334a16;background:#fff;border:1px solid #dbe3eb}.drawing-preview iframe{height:500px}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin:28px auto 0;padding:18px 24px;border-top:1px solid #e1e7ec;max-width:1264px}.carousel-controls button{background:transparent;border:1px solid #d7dfe6;border-radius:50%;color:#748494;width:34px;height:34px;line-height:1;padding:0}.carousel-tabs{display:flex;gap:26px}.carousel-tabs button{width:auto;height:auto;border:0;border-radius:0;font-size:12px;letter-spacing:1px;padding:8px 0;border-bottom:2px solid transparent}.carousel-tabs button[aria-pressed=true]{color:#cf492f;border-bottom-color:#cf492f}.services-home{padding-top:15px}.services-home .card{padding:24px}.services-home h3{font-size:19px}.services-home p{font-size:13px}.render-case{margin-top:35px;display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center;background:white;padding:20px;border:1px solid #e1e6eb;border-radius:12px}.render-case img{width:100%;border-radius:7px}.render-case p{margin-top:15px;font-size:13px}@keyframes slide-reveal{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.hero-inner{gap:24px;grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr)}.hero-text h1{font-size:38px}.hero-text p{font-size:14px}}@media(max-width:760px){.hero-carousel{padding-top:28px}.hero-inner{grid-template-columns:1fr;gap:26px;padding:0 20px;min-height:0}.hero-text h1{font-size:35px}.hero-text p{margin-top:17px;font-size:14px}.hero-text .actions{margin-top:20px}.hero-slogan{margin-top:15px;font-size:10px}.hero-carousel iframe{height:290px}.drawing-preview iframe{height:790px}.carousel-controls{gap:10px;margin-top:24px;padding:14px 16px}.carousel-tabs{gap:13px}.carousel-tabs button{font-size:10px}.carousel-controls>button{width:27px;height:27px}.render-case{grid-template-columns:1fr;gap:20px}.hero-slide .hero-inner{min-height:1160px;align-content:start}}@media(prefers-reduced-motion:reduce){.hero-slide.active{animation:none}html{scroll-behavior:auto}}
.carousel-demo-cursor{position:absolute;top:0;left:0;width:29px;height:38px;z-index:10;pointer-events:none;transition:transform .6s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 3px #1235)}.carousel-demo-cursor svg{display:block;width:100%;height:100%}.carousel-demo-cursor:before{content:"";position:absolute;left:-13px;top:-13px;width:30px;height:30px;border:2px solid #cf492f;border-radius:50%;opacity:0;animation:carousel-click .3s .6s ease-out}@keyframes carousel-click{from{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.3)}}@media(prefers-reduced-motion:reduce){.carousel-demo-cursor{display:none}}
.header .brand img{width:202px;height:68px;object-fit:contain}.header .brand{gap:0}@media(max-width:1080px){.header .brand img{width:172px;height:62px}}@media(max-width:760px){.header .brand img{width:164px;height:59px}}
.header .brand img{width:126px;height:82px}@media(max-width:1080px){.header .brand img{width:116px;height:76px}}@media(max-width:760px){.header .brand img{width:110px;height:74px}}
/* 2026-10-11: 客户权益完整展示，样页入口保留。 */
.customer-benefits{margin-top:25px}.sample-link{border:0;padding:0;background:transparent;font:inherit;cursor:pointer}
/* 2026-10-11: 脱敏成果图库，完整画面、懒加载与放大预览。 */
.showcase-gallery{margin-top:58px}.showcase-group+ .showcase-group{margin-top:44px}.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.gallery-heading .eyebrow{margin-bottom:7px;font-size:10px}.gallery-heading h3{font-size:25px}.gallery-heading p{margin-top:6px;font-size:14px}.gallery-hint{color:#87919a;font-size:12px;white-space:nowrap}.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.showcase-grid.schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-card{background:white;border:1px solid #e0e5e9;border-radius:12px;overflow:hidden}.showcase-card>button{display:block;position:relative;width:100%;padding:0;border:0;background:#e9edf0;overflow:hidden;cursor:zoom-in}.showcase-card img{width:100%;height:auto;aspect-ratio:2400/1730;object-fit:contain;display:block;transition:transform .25s}.schedule-grid img{aspect-ratio:3175/2245}.showcase-card>button:hover img{transform:scale(1.025)}.image-expand{position:absolute;right:10px;bottom:10px;border-radius:50%;width:30px;height:30px;background:#fffE;color:#243546;display:grid;place-items:center;font-size:18px}.showcase-caption{padding:17px 19px}.showcase-caption h4{font-size:16px;margin:0;line-height:1.5}.showcase-caption p{font-size:12px;margin-top:5px}.showcase-note{font-size:12px;color:#87919a;margin-top:25px}#gallery-viewer,#sample{width:min(94vw,1320px);max-width:94vw;padding:28px;max-height:94vh}#gallery-viewer img,#sample img{display:block;width:100%;height:auto;max-height:76vh;object-fit:contain;margin-top:16px}#gallery-viewer .close,#sample .close{background:white;border-radius:50%;width:36px;height:36px;line-height:1;z-index:1}body:has(dialog[open]){overflow:hidden}@media(max-width:900px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.showcase-grid,.showcase-grid.schedule-grid{grid-template-columns:1fr}.gallery-heading{display:block}.gallery-hint{display:block;margin-top:10px}.showcase-gallery{margin-top:40px}#gallery-viewer,#sample{padding:22px 14px}#gallery-viewer h3,#sample h3{font-size:18px;padding-right:32px}}
/* 官网统一联系方式 */
.footer-brand{display:flex;align-items:center;gap:24px;flex:1;min-width:230px}.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.footer-contact>span{font-size:13px;color:#687078}.footer-contact a{margin:0;white-space:nowrap}.footer-contact .text-link{border:0;padding:0;background:none;font-size:12px;margin:0}.footer-qr{border:0;background:white;padding:8px;display:flex;flex-direction:column;align-items:center;gap:6px}.footer-qr img{width:112px;height:auto;display:block}.footer-qr span{font-size:11px;color:#687078}
#contact{width:720px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto}.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 236px;gap:32px;align-items:center;margin-top:28px}.contact-person{display:block;font-size:18px;font-weight:600}#contact .phone{font-size:30px;margin-top:8px;white-space:nowrap}.contact-details .button{margin-top:22px}.contact-qr{margin:0;text-align:center;border:1px solid #e4e7e9;border-radius:10px;padding:12px;background:white}.contact-qr img{display:block;width:100%;height:auto}.contact-qr figcaption{font-size:13px;color:#687078;margin-top:10px}
@media(max-width:760px){.footer-brand{width:100%;flex:none;gap:18px}.footer-contact{margin-right:auto}#contact{padding:30px 22px}.contact-layout{grid-template-columns:1fr;gap:24px;margin-top:22px}.contact-details{text-align:center}#contact .phone{font-size:28px}.contact-qr{width:220px;max-width:100%;justify-self:center}.contact-details br{display:none}}
/* 电话以文本展示，通过按钮复制纯数字号码 */
.phone-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.phone-row .phone{margin:0!important}.copy-phone{flex-shrink:0;border:1px solid #e1d4cf;border-radius:5px;background:#fff8f5;color:#b8462e;font-size:12px;padding:6px 10px;line-height:1.6}.copy-phone:hover{background:#f8ebe6}.copy-phone:disabled{cursor:wait}.copy-status{display:block;min-height:20px;font-size:12px;line-height:20px;color:#687078}.footer-phone{font-size:19px;font-weight:600;white-space:nowrap}#contact .phone-row{margin-top:8px}.contact-details .copy-status{margin-top:5px}#contact .contact-details .muted{margin-top:4px}
@media(max-width:760px){#contact .phone-row{justify-content:center;gap:8px}}@media(max-width:380px){#contact .phone{font-size:24px}.copy-phone{padding:6px 8px}}
/* 全站备案与版权信息 */
.footer-legal{width:100%;display:flex;justify-content:center;align-items:center;gap:12px 24px;flex-wrap:wrap;border-top:1px solid #e7eaec;padding-top:20px;margin-top:4px;color:#7b8389;font-size:12px;line-height:1.8}.footer-legal a{margin:0;font-size:12px;font-weight:400;color:#687078}.footer-legal a:hover{color:#cf492f;text-decoration:underline}@media(max-width:760px){.footer-legal{gap:6px 18px;padding-top:18px;text-align:center}}
/* 页首Logo与口号独立矢量裁切，水平等高 */
.header .brand{gap:18px}.header .brand img{display:block;width:auto;height:52px;object-fit:contain;flex-shrink:0}.header .brand-logo,.header .brand-slogan{max-width:none}
@media(max-width:1180px) and (min-width:761px){.header{height:auto;min-height:88px;flex-wrap:wrap;padding-top:14px;padding-bottom:0;gap:12px}.header>.button{margin-left:auto}.header nav{order:3;width:100%;justify-content:flex-end;gap:26px}}
@media(max-width:760px){.header .brand{gap:10px}.header .brand img{height:24px}.header>.button{font-size:12px;padding:7px 10px}.header nav{gap:24px}}
@media(max-width:360px){.header{padding-left:14px;padding-right:14px}.header .brand{gap:8px}.header .brand img{height:20px}.header>.button{padding:7px 8px}}
/* 口号在原等高版本基础上等比缩小三分之一 */
.header .brand .brand-slogan{height:calc(52px * 2 / 3)}
@media(max-width:760px){.header .brand .brand-slogan{height:16px}}
@media(max-width:360px){.header .brand .brand-slogan{height:calc(20px * 2 / 3)}}