/* Isolated from AI collaboration and the product console styles. */
.latest-home {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","Noto Sans SC",sans-serif;line-height:1.5;color:#20252a;width:100%;background:#fff}
.latest-home,.latest-home *,.latest-home *::before,.latest-home *::after{box-sizing:border-box}
.latest-home p,.latest-home h1,.latest-home h2,.latest-home h3{margin:0}
.latest-home a{color:inherit;text-decoration:none}
.latest-home img{display:block;vertical-align:middle}
.latest-home *{border-width:0;border-style:solid}
.latest-home .latest-section{width:100%;position:relative;overflow:hidden;aspect-ratio:1440 / var(--section-height);container-type:inline-size}
.latest-home .latest-canvas{width:1440px!important;height:var(--canvas-height)!important;transform:scale(var(--section-scale,1));transform-origin:top left;position:absolute;left:0;top:0}
.latest-home a:focus-visible{outline:3px solid #74b7ff;outline-offset:6px}
.latest-home-active main{padding-top:0}
.latest-home-active .topbar{position:absolute;inset:0 0 auto;z-index:50}
.home-dark-header .topbar{background:transparent!important;border-bottom-color:transparent!important;box-shadow:none!important}
.home-dark-header .brand-image{filter:brightness(0) invert(1)}
.home-dark-header .language-trigger{color:white!important}
.home-dark-header .topbar .button.dark{background:#0757cf!important;color:white!important}
.latest-home [data-node-id="1685:2872"]{pointer-events:none}
@media(prefers-reduced-motion:reduce){.latest-home *{animation:none!important}}
/* On narrow screens, retain the artwork while making copy and data readable. */
@media(max-width:700px){
 .latest-home-active .topbar{position:relative;background:#050608!important}
 .latest-home .latest-section{aspect-ratio:auto;overflow:hidden;container-type:normal}
 .latest-home .latest-canvas{position:relative;transform:none;width:100%!important;height:auto!important;min-height:0}
 .latest-home .h01{height:650px!important;overflow:hidden}
 .latest-home .h01>div:first-child{width:975px;height:650px;left:50%;transform:translateX(-50%)}
 .latest-home .h01>[data-name*="首屏文案"]{left:20px!important;top:30px!important;width:calc(100% - 40px)!important;gap:16px}
 .latest-home .h01>[data-name*="首屏文案"]>div:first-child{font-size:30px!important;width:100%!important}
 .latest-home .h01>[data-name*="首屏文案"]>div:first-child p{line-height:1.45!important}
 .latest-home .h01>[data-name*="首屏文案"]>p{font-size:14px!important;width:100%!important;line-height:1.8!important}
 .latest-home .h01>[data-name*="Safari"]{left:50%!important;top:352px!important;transform:translateX(-50%) scale(.677)}
 .latest-home .h01>[data-name*="玻璃"],.latest-home .h01>[data-name*="工单"]{display:none}
 .latest-home .h02{padding:40px 24px;display:flex;flex-direction:column;gap:20px}
 .latest-home .h02>div:first-child{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:230px!important;order:2}
 .latest-home .h02>div:nth-child(2){display:none}
 .latest-home .h02>div:nth-child(3),.latest-home .h02>div:nth-child(4){position:static!important;width:100%!important}
 .latest-home .h02>div:nth-child(3){font-size:28px!important}
 .latest-home .h02>div:nth-child(4){font-size:15px!important}
 .latest-home .h02>p{position:static!important;width:100%!important;order:3}
 .latest-home .h02>[data-name*="系统目录"]{position:static!important;display:grid;grid-template-columns:1fr 1fr;gap:16px 8px;order:3;overflow:visible}
 .latest-home .h02>[data-name*="系统目录"]>div{width:auto!important;gap:8px}
 .latest-home .h02>[data-name*="系统目录"] p{font-size:13px!important;white-space:normal}
 .latest-home .h03{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:32px 16px;background:#777775!important}
 .latest-home .h03>div:first-child{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:240px!important;grid-column:1/-1;order:2;overflow:hidden}
 .latest-home .h03>div:nth-child(2){display:none}
 .latest-home .h03>p{position:static!important;width:100%!important;grid-column:1/-1;order:1}
 .latest-home .h03>p:nth-child(3){font-size:26px!important}
 .latest-home .h03>p:nth-child(4){font-size:14px!important}
 .latest-home .h03>div:not(:first-child):not(:nth-child(2)){position:relative!important;left:auto!important;top:auto!important;width:100%!important;order:3;overflow:visible;min-width:0}
 .latest-home .h03>[data-name*="累计读数"]{grid-column:1/-1;justify-self:center;max-width:248px}
 .latest-home .h03>[data-name*="卫生间"]{grid-column:1/-1}
 .latest-home .h03>[data-name*="卫生间"]>div{width:100%!important}
 .latest-home .h03>p[data-node-id="1685:2914"]{order:4}
 .latest-home .h03>div:not(:first-child)>div{max-width:100%}
 .latest-home .h03 [data-name*="空调温度"]{max-width:100%}
}
/* Latest application entries share one rhythm across locales. */
.pp-mobile-copy .mobile-apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px;max-width:430px}
.pp-mobile-copy .mobile-app-entry{min-width:0}
.pp-mobile-copy .mobile-app-entry img{width:28px;height:28px;object-fit:contain}
body.latest-home-active{min-width:0}.latest-home-active main{min-width:0}.latest-home-active .topbar .nav{max-width:100%}@media(max-width:700px){.latest-home-active .topbar .navlinks{gap:10px!important}.latest-home-active .topbar .brand{width:100px;min-width:100px}.latest-home-active .topbar .brand-image{width:100px}.latest-home-active .topbar .nav{width:calc(100% - 24px);gap:8px}.latest-home-active .topbar .navlinks a{font-size:10px}.latest-home-active .topbar .language-control{margin-left:auto}}
@media(max-width:700px){
 .latest-home-active .topbar{height:102px!important}
 .latest-home-active .topbar .nav{height:102px;flex-wrap:wrap;align-content:center;position:relative;padding-bottom:30px}
 .latest-home-active .topbar .navlinks{position:absolute!important;left:0;right:0;bottom:8px;display:flex;justify-content:center;height:24px;margin:0!important;gap:18px!important}
 .latest-home-active .topbar .navlinks a{padding:2px 0!important;line-height:20px}
 .latest-home .h01>[data-name*="首屏文案"]>div:first-child{font-size:clamp(24px,6.5vw,36px)!important}
 .latest-home .h01>[data-name*="首屏文案"]>div:last-child{gap:8px;max-width:100%;justify-content:center}
 .latest-home .h01>[data-name*="首屏文案"] a{padding-left:16px!important;padding-right:16px!important;white-space:nowrap}
}
@media(min-width:701px){.latest-home-active .topbar .nav{width:calc(100% - 64px)!important;max-width:1312px;margin-inline:auto;gap:24px}.latest-home-active .topbar .navlinks{gap:24px!important}}
@media(max-width:700px){.latest-home .h01>[data-name*="Safari"]{transform-origin:top center}}
/* Keep all artboard elements on one coordinate system. Navigation is independent. */
@media(min-width:701px){
 .latest-home .latest-section{aspect-ratio:1440 / var(--section-height);height:auto}
 .latest-home .latest-section:first-child{background:#030506}
 .latest-home .latest-section:last-child{background:#797977}
 .latest-home .latest-canvas{left:50%;margin-left:-720px;transform-origin:top center}
 .latest-home-active .topbar{position:fixed!important;top:0;left:0;right:0;height:64px!important}
 .latest-home-active .topbar .nav{height:64px!important;width:calc(100% - 64px)!important;max-width:1280px;flex-wrap:nowrap;gap:28px}
 .latest-home-active .topbar .brand{width:140px;min-width:140px;height:48px;margin-right:0}
 .latest-home-active .topbar .brand-image{width:140px;margin-left:0}
 .latest-home-active .topbar .navlinks{flex:1;flex-basis:auto;order:0;justify-content:center;align-items:center;margin:0!important;gap:28px!important;height:64px}
 .latest-home-active .topbar .navlinks a{padding:7px 12px!important;line-height:20px;font-size:13px;border-radius:20px}
 .latest-home-active .topbar .nav>.button{min-height:36px;height:36px;padding:0 18px;font-size:12px}
 .latest-home-active .topbar .language-trigger{font-size:12px}
}
.home-dark-header .topbar.is-scrolled{background:rgba(9,12,16,.78)!important;backdrop-filter:blur(20px)!important}
@media(max-width:700px){.latest-home-active .topbar{position:sticky!important;top:0}}
@media(min-width:701px){.latest-home-active .topbar .navlinks{position:static!important;transform:none!important;left:auto!important;right:auto!important}.latest-home-active .topbar .nav{justify-content:space-between}.latest-home-active .topbar .brand{flex-shrink:0}}
/* Figma's Blender phone frame, with a live HTML conversation above the glass. */
#page-mobile .phone-hardware{width:320px!important;height:630px!important;position:relative;border:0!important;padding:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;overflow:visible}
#page-mobile .phone-hardware:before{content:"";position:absolute;width:561.687px;height:748.916px;left:-120.84px;top:-59.49px;background:url('assets/packed/affb45071b93a2ee2da0.webp') center/contain no-repeat;pointer-events:none}
#page-mobile .phone-hardware .pp-phone{position:absolute;left:19.58px;top:11.39px;width:280.843px;height:607.229px;border-radius:38.901px!important;padding:0!important;overflow:hidden;display:flex;flex-direction:column;background:white!important}
#page-mobile .phone-hardware .pp-phone:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(106deg,rgba(199,219,255,.14) 11%,rgba(199,219,255,.05) 31%,rgba(199,219,255,.008) 54%,rgba(199,219,255,.045) 83%)}
#page-mobile .phone-island{left:110.66px;top:22.78px;width:98.675px;height:23.72px;transform:none;background:#010101;z-index:3;border-radius:12px}
#page-mobile .phone-island:after,#page-mobile .phone-key{display:none}
#page-mobile .pp-phone-status{height:34.16px;min-height:34.16px;padding:14px 20px 0!important;margin:0;align-items:center}
#page-mobile .status-time{font-size:13px;font-weight:500}
#page-mobile .status-indicators{transform:scale(.85);transform-origin:right center}
#page-mobile .pp-phone-head{height:30.36px;min-height:30.36px;padding:0 8px;position:relative;justify-content:space-between}
#page-mobile .pp-phone-head>div{position:absolute;left:35px;right:35px;text-align:center;font-size:13px;line-height:24px}
#page-mobile .pp-phone-head small{display:none}
#page-mobile .pp-phone-chat{height:483.886px;flex:1;min-height:0;padding:17px 8px;overflow:auto}
#page-mobile .pp-phone-time{margin:0 0 20px;color:#232a33;font-size:9.5px}
#page-mobile .pp-phone-time:nth-of-type(2){display:none}
#page-mobile .wecom-message{margin:0 0 20px;gap:7.59px}
#page-mobile .wecom-message.mine{padding:0;display:flex;align-items:start}
#page-mobile .wecom-message.mine:after{content:"";display:block;flex:0 0 26.566px;height:26.566px;border:1px solid #e0e4ea;border-radius:4px;background:white url('assets/packed/3829a17ffaf8a11aa866.webp') center/cover no-repeat}
#page-mobile .wecom-message p{font-size:12.334px;line-height:18.027px;padding:7.59px 9.488px;border-radius:4.744px;margin:0;max-width:100%;box-sizing:border-box}
#page-mobile .wecom-message.received>div{max-width:206.837px}
#page-mobile .wecom-message.received>div>small{display:none}
#page-mobile .pp-phone-avatar{width:26.566px;height:26.566px;flex:0 0 26.566px;border:1px solid #e0e4ea;border-radius:4px}
#page-mobile .pp-phone-action{margin:0 22px 0 34px;padding:11.386px;border-radius:5.693px;box-shadow:none;line-height:1.6}
#page-mobile .pp-phone-action small{font-size:8px;margin:0 0 5px}
#page-mobile .pp-phone-action strong{font-size:10.5px;line-height:17px}
#page-mobile .pp-phone-action p{font-size:9px;line-height:14px;margin:5px 0}
#page-mobile .pp-phone-action button{font-size:8.75px;padding:5px 6px;min-height:24.5px;line-height:14px;margin:0;border-radius:5px}
#page-mobile .pp-phone-action button:last-child{background:transparent;color:#232a33}
#page-mobile .pp-phone-input{height:58.825px;min-height:58.825px;padding:6px 7px 26px;gap:6.6px;background:#f7f8fa}
#page-mobile .pp-phone-input svg{width:20.873px;height:20.873px;flex-shrink:0}
#page-mobile .pp-phone-input .wecom-input{height:26.566px;min-width:0;background:#eaedf1}
#page-mobile .pp-phone-home{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);margin:0;width:100px;height:4px;z-index:2}
/* Shared site navigation: identical geometry on Home and AI collaboration. */
@media(min-width:701px){
 body .topbar,body.latest-home-active .topbar{height:64px!important;position:sticky;top:0;z-index:50}
 body .topbar .nav,body.latest-home-active .topbar .nav{position:relative;width:calc(100% - 64px)!important;max-width:none!important;height:64px!important;margin:0 32px!important;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:24px}
 body .topbar .brand,body.latest-home-active .topbar .brand{width:140px;min-width:140px;height:48px;margin:0 auto 0 0!important;flex:none}
 body .topbar .brand-image,body.latest-home-active .topbar .brand-image{width:140px;margin-left:0}
 body .topbar .navlinks,body.latest-home-active .topbar .navlinks{position:absolute!important;left:50%!important;right:auto!important;top:0;transform:translateX(-50%)!important;width:auto;height:64px;margin:0!important;display:flex;align-items:center;justify-content:center;gap:24px!important;flex:none;order:0}
 body .topbar .navlinks a,body.latest-home-active .topbar .navlinks a{padding:7px 12px!important;font-size:13px;line-height:20px;white-space:nowrap;border-radius:20px}
 body .topbar .language-control{margin:0!important;flex:none}
 body .topbar .language-trigger{font-size:12px}
 body .topbar .nav>.button,body.latest-home-active .topbar .nav>.button{margin:0!important;min-height:36px;height:36px;font-size:12px;padding:0 18px;flex:none}
}
@media(min-width:701px) and (max-width:1000px){
 body .topbar .navlinks,body.latest-home-active .topbar .navlinks{gap:4px!important}
 body .topbar .navlinks a,body.latest-home-active .topbar .navlinks a{font-size:11px;padding:7px 6px!important}
 body .topbar .nav>.button,body.latest-home-active .topbar .nav>.button{padding:0 12px;font-size:11px}
 body .topbar .nav,body.latest-home-active .topbar .nav{gap:12px}
}
