@font-face{font-family:SUSE;src:url(/assets/%E5%AD%97%E4%BD%93/SUSE/SUSE-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:SUSE;src:url(/assets/%E5%AD%97%E4%BD%93/SUSE/SUSE-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Blix;src:url(/assets/%E5%AD%97%E4%BD%93/Blix/Blix-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Blix;src:url(/assets/%E5%AD%97%E4%BD%93/Blix/Blix-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--color-bg-primary: #f5f5f5;--color-bg-secondary: #e8e8e8;--color-text-primary: #1a1a1a;--color-text-secondary: #666666;--color-text-muted: rgba(26, 26, 26, .2);--color-accent: #c9a96e;--color-scene-bg: #f5f5f5;--font-en: "SUSE", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-cn: "Blix", "PingFang SC", "Microsoft YaHei", sans-serif;--font-primary: var(--font-cn);--font-sans: var(--font-en);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--font-size-hero: 5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-scene: .8s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--laptop-width: 900px;--laptop-aspect: .625;--header-height: 60px;--z-background: 0;--z-laptop: 10;--z-content: 20;--z-header: 100;--z-overlay: 1000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background:var(--color-scene-bg);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;width:100%;position:relative;overflow:hidden}body{transition:background-color var(--duration-scene) var(--ease-out)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.scene-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.scroll-container{position:absolute;top:0;left:0;right:0;height:400vh;pointer-events:auto}.laptop-mockup{position:relative;width:var(--laptop-width);will-change:transform}.laptop-mockup__frame{position:relative;width:100%}.laptop-mockup__image{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.laptop-mockup__screen{position:absolute;top:2%;left:5.07%;width:89.8%;height:87%;background:#000;overflow:hidden;border-radius:8px 8px 0 0}.laptop-mockup__screen>*{width:100%;height:100%}.laptop-loading{display:flex;align-items:center;justify-content:center;background:#fff}.laptop-loading__text{font-family:var(--font-sans);font-size:48px;font-weight:300;letter-spacing:-.02em}.laptop-landing{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;padding:20px;position:relative}.laptop-landing__nav{position:absolute;top:20px;display:flex;gap:32px;font-size:11px;opacity:.6}.laptop-landing__title{font-family:var(--font-sans);font-size:42px;font-weight:700;letter-spacing:.05em;margin:0}.laptop-landing__enter{position:absolute;bottom:30px;font-family:var(--font-sans);font-size:12px;background:none;border:none;cursor:pointer;opacity:.6;transition:opacity .2s}.laptop-landing__enter:hover{opacity:1}.laptop-project{width:100%;height:100%;cursor:pointer;overflow:hidden}.laptop-project__cover{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .4s ease}.laptop-project__title{font-family:var(--font-sans);font-size:32px;font-weight:600;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.phone-mockup{position:relative;width:auto;height:100%;will-change:transform;margin:0 auto;display:flex;justify-content:center}.phone-mockup__frame{position:relative;width:auto;height:100%;z-index:10;pointer-events:none}.phone-mockup__image{width:auto;height:100%;display:block;-webkit-user-select:none;user-select:none;pointer-events:none;position:relative}.phone-mockup__screen{position:absolute;top:2%;left:4.5%;width:91%;height:96.5%;background:#000;overflow:hidden;border-radius:8%;z-index:0;pointer-events:auto;touch-action:none}.phone-mockup__screen>*{width:100%;height:100%}.phone-loading{display:flex;align-items:center;justify-content:center;background:#fff;height:100%}.phone-loading__text{font-family:var(--font-sans);font-size:24px;font-weight:300}.phone-landing{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;padding:20px;position:relative;height:100%}.phone-landing__title{font-family:var(--font-sans);font-size:28px;font-weight:700;margin:0;text-align:center}.phone-landing__nav{margin-top:20px;display:flex;flex-direction:column;gap:10px;font-size:10px;opacity:.6;text-align:center}.phone-project{width:100%;height:100%;cursor:pointer;overflow:hidden}.phone-project__cover{width:100%;height:100%;background-size:cover;background-position:center}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:9999;opacity:0;transition:opacity .3s ease;display:flex;justify-content:flex-end;align-items:flex-start}.mobile-menu-overlay.open{opacity:1}.mobile-menu-overlay.closing{opacity:0}.mobile-menu-content{width:62%;height:40%;background:#fff;transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;padding:20px;box-shadow:-5px 5px 20px #0000001a;box-sizing:border-box}.mobile-menu-content.open{transform:translate(0)}.mobile-menu-content.closing{transform:translate(100%)}.mobile-menu-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:40px}.mobile-menu-close{background:none;border:none;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#000}.mobile-menu-nav{display:flex;flex-direction:column;gap:20px;font-family:var(--font-cn);flex:1}.mobile-menu-item{font-size:12px;color:#999;cursor:pointer;transition:color .2s;display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #eee;padding-bottom:10px}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item.active{color:#000;font-weight:500}.mobile-menu-item.active:after{content:"";display:inline-block;width:6px;height:6px;background:#000;margin-left:10px;vertical-align:middle}.mobile-menu-email{display:block;width:100%;font-size:12px;color:#ccc;margin-top:4px;font-family:var(--font-en)}.mobile-menu-footer{padding-top:10px;display:flex;justify-content:flex-end;align-items:flex-end}.mobile-menu-lang{display:flex;align-items:center;gap:5px;font-family:var(--font-en);font-size:12px;color:#999}.lang-option{cursor:pointer;transition:color .2s}.lang-option.active{color:#000;font-weight:600}._mobileLanding_1dsxl_1{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:10% 8% 15%;box-sizing:border-box;background-color:#f0f0f0;color:#000;overflow:hidden;position:relative;font-family:var(--font-en);touch-action:none}._content_1dsxl_20{flex:1;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;margin-top:10%}._logoContainer_1dsxl_30{height:70%;display:flex;align-items:flex-start}._logo_1dsxl_30{font-size:60px;font-weight:900;line-height:.9;margin:0;writing-mode:vertical-lr;text-orientation:mixed;text-transform:uppercase;letter-spacing:-2px;writing-mode:vertical-rl;transform:rotate(180deg);width:auto}._services_1dsxl_59{display:flex;flex-direction:column;align-items:flex-end;gap:15px;padding-top:20px}._services_1dsxl_59 span{font-size:14px;font-weight:500;text-align:right;line-height:1.2}._swipeHint_1dsxl_76{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.6}._swipeText_1dsxl_84{font-size:12px;font-family:var(--font-cn);color:#666}._swipeIcon_1dsxl_90{width:24px;height:auto;position:relative;animation:_swipeUp_1dsxl_1 1.5s infinite}._swipeIcon_1dsxl_90 img{width:100%;height:auto;display:block}@keyframes _swipeUp_1dsxl_1{0%{transform:translateY(10px);opacity:0}50%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);opacity:0}}.mobile-project-list{position:fixed;bottom:0;left:0;width:100%;height:42vh;background:var(--color-background);z-index:1000;display:flex;flex-direction:row;padding:0;transition:background-color .8s ease;opacity:0}@keyframes mobileListFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-list-left{width:50%;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding-left:20px;padding-bottom:10px;padding-top:20px}.mobile-big-counter{font-family:var(--font-en);font-size:80px;line-height:1;color:var(--color-text-primary);margin-bottom:auto}.mobile-list-right{width:50%;display:flex;flex-direction:column;padding-right:20px;padding-top:20px;padding-bottom:10px;position:relative;justify-content:space-between}.mobile-project-names{flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column;gap:5px;margin-bottom:20px}.mobile-project-names::-webkit-scrollbar{display:none}.mobile-project-name-item{font-family:var(--font-cn);font-size:14px;color:var(--color-text-secondary);cursor:pointer;transition:all .3s;line-height:1.4}.mobile-project-name-item.active{font-size:16px;color:var(--color-text-primary);font-weight:500}.mobile-meta-info{font-family:var(--font-cn);font-size:12px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-report{font-family:var(--font-cn);font-size:14px;color:var(--color-text-primary);cursor:pointer;display:inline-flex;align-items:center;gap:4px;text-decoration:none}.arrow-icon{font-family:sans-serif;font-size:16px;line-height:1}.cursor-dialog{position:fixed;z-index:99999;background:#000;color:#fff;padding:2px 6px;font-size:14px;font-family:var(--font-cn);white-space:nowrap;pointer-events:none;border-radius:0;clip-path:inset(0 100% 0 0);transition:opacity .3s ease-out}.cursor-dialog-reveal{animation:cursor-reveal .5s ease-out forwards}@keyframes cursor-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.cursor-dialog__text{display:inline}.engagement-popup{position:fixed;right:30px;bottom:30px;width:280px;background:#fff9c4;padding:20px;box-shadow:0 4px 15px #0000001a,0 1px 2px #0000001a;border-radius:2px;transform:rotate(-2deg);z-index:1000;font-family:var(--font-primary);animation:popupSlideIn .5s cubic-bezier(.175,.885,.32,1.275)}.engagement-popup__close{position:absolute;top:5px;right:5px;background:none;border:none;font-size:20px;cursor:pointer;color:#666;padding:0 5px}.engagement-popup__close:hover{color:#000}.engagement-popup__title{margin:0 0 10px;font-size:16px;font-weight:600;color:#333}.engagement-popup__text{font-size:14px;line-height:1.5;color:#555;margin-bottom:15px}.engagement-popup__qrcode{display:flex;flex-direction:column;align-items:center;gap:8px}.engagement-popup__qrcode-placeholder{width:100px;height:100px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#999;font-size:12px;border-radius:4px}.engagement-popup__scan-text{font-size:12px;color:#888}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(20px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(-2deg)}}.mobile-project-detail{position:fixed;bottom:0;left:0;width:100%;height:42vh;background:var(--color-background);z-index:1000;display:flex;flex-direction:row;padding:0 0 10px;transition:background-color .8s ease}.mobile-detail-left{width:50%;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding-left:20px;padding-bottom:10px;padding-top:20px}.mobile-detail-name{font-family:var(--font-cn);font-size:32px;font-weight:700;line-height:1.2;color:var(--color-text-primary);margin-bottom:auto;white-space:pre-wrap}.enter-site{font-family:var(--font-cn);font-size:14px;color:var(--color-text-primary);cursor:pointer;display:inline-flex;align-items:center;gap:4px;text-decoration:none}.mobile-detail-right{width:50%;display:flex;flex-direction:column;justify-content:space-between;padding-right:20px;padding-top:20px;padding-bottom:10px;position:relative}.mobile-detail-info{flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.mobile-detail-info::-webkit-scrollbar{display:none}.info-row{font-family:var(--font-cn);font-size:12px;color:var(--color-text-secondary)}.info-description{font-family:var(--font-cn);font-size:12px;color:var(--color-text-secondary);line-height:1.6;opacity:.8}.mobile-detail-nav{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-cn);font-size:12px;color:var(--color-text-secondary);gap:10px}.nav-back,.nav-next{cursor:pointer;display:flex;align-items:center;gap:4px;transition:color .3s}.nav-back:hover,.nav-next:hover{color:var(--color-text-primary)}.app{width:100%;min-height:100vh;position:relative;overflow:hidden;background:var(--color-background);transition:background-color .8s ease}.stage{position:fixed;bottom:0;left:50%;z-index:var(--z-laptop);will-change:transform;display:flex;flex-direction:column;align-items:flex-end;transform-origin:bottom center;transform:translate(-50%) scale(.9)}.stage__laptop,.stage__phone{position:relative;z-index:2;pointer-events:auto}.stage__table{position:relative;z-index:1;height:auto;margin-top:-3px;pointer-events:none;width:210%;align-self:flex-end;transform:none}.stage__table img{width:100%;height:auto;display:block}.background-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-content);pointer-events:none}.background-layer>*{pointer-events:auto}.nav-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;padding:35px 0;font-family:var(--font-en);font-size:20px;color:var(--color-text-primary)}.nav-header__logo{position:absolute;left:48px;height:25px;width:auto;filter:var(--logo-filter, none);transition:filter .3s ease}.nav-header__links{position:absolute;left:384px;display:flex;gap:346px;font-family:var(--font-cn)}.nav-header__link{cursor:pointer;transition:opacity .2s;font-weight:500;opacity:.5}.nav-header__link:hover{opacity:.8}.nav-header__link--active,.nav-header__link.active{opacity:1;font-weight:700}.nav-header__contact{position:absolute;left:1248px;font-family:var(--font-en);opacity:.5;font-size:18px}.nav-header__contact-star{color:var(--color-accent);margin-right:4px}.nav-header__lang{position:absolute;right:48px;display:flex;align-items:center;gap:6px;font-family:var(--font-en);opacity:.6;font-size:18px}.nav-header__lang-item{cursor:pointer;transition:opacity .2s}.nav-header__lang-item.active{font-weight:700;opacity:1}.nav-header__lang-divider{opacity:.4}.project-sidebar{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.project-sidebar__counter{position:absolute;left:48px;top:281px;font-family:var(--font-en);font-size:45px;font-weight:500;letter-spacing:.02em;color:var(--color-text-primary);pointer-events:auto;display:flex;align-items:baseline}.project-sidebar__counter span{font-size:1em;opacity:.4;font-weight:400}.project-sidebar__list{position:absolute;left:384px;top:281px;display:flex;flex-direction:column;gap:11px;pointer-events:auto}.project-sidebar__item{font-family:var(--font-cn);font-size:20px;opacity:.25;cursor:pointer;transition:all .2s;line-height:1.6}.project-sidebar__item:hover{opacity:.6}.project-sidebar__item--active{opacity:1;font-weight:700}.project-footer{position:absolute;left:384px;bottom:194px;font-family:var(--font-en);font-size:20px;opacity:.4}.project-detail-panel{position:absolute;opacity:0;left:1248px;top:270px;width:430px;transform:none;display:flex;flex-direction:column;gap:24px}.project-detail-panel__title{font-family:var(--font-cn);font-size:20px;font-weight:500;display:flex;justify-content:space-between;align-items:center;color:var(--color-text-primary);border-bottom:1px solid var(--color-text-secondary);padding-bottom:25px;margin-bottom:10px}.project-detail-panel__icon{font-size:16px;opacity:.5}.project-detail-panel__meta{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;color:var(--color-text-secondary);font-weight:500;font-size:20px}.project-detail-panel__meta-item{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-cn)}.project-detail-panel__meta-label{opacity:1}.project-detail-panel__meta-value{text-align:right;opacity:1}.project-detail-panel__description{font-family:var(--font-cn);font-size:20px;font-weight:500;color:var(--color-text-secondary);line-height:1.8;opacity:1;text-align:justify;margin-bottom:40px}.project-detail-panel__description.is-en{text-align:left;line-height:1.4}.project-detail-panel__nav{display:flex;justify-content:space-between;margin-top:24px;color:var(--color-text-secondary);font-weight:500;font-size:20px}.project-detail-panel__nav-btn{cursor:pointer;opacity:1;transition:opacity .2s}.project-detail-panel__nav-btn:hover{opacity:.6}.project-detail-panel__icon{width:20px;height:20px;vertical-align:middle;margin-left:8px;transition:opacity .2s;font-size:16px;opacity:1}.project-detail-panel__icon:hover{opacity:.6}.project-detail-panel__highlight{text-decoration:underline;text-decoration-color:var(--color-text-secondary);text-underline-offset:3px}.laptop-enter-tooltip{position:fixed;z-index:9999;background:#000;color:#fff;padding:2px 6px;font-size:14px;font-family:var(--font-cn);white-space:nowrap;pointer-events:none;display:inline-flex;align-items:center;border-radius:0;clip-path:inset(0 100% 0 0);animation:tooltip-reveal .5s ease-out forwards}@keyframes tooltip-reveal{to{clip-path:inset(0 0 0 0)}}.laptop-enter-tooltip__cursor{font-size:14px;margin-right:4px}.laptop-enter-tooltip__text{display:inline}.highlight-tooltip{position:fixed;z-index:9999;pointer-events:none;box-shadow:0 4px 12px #00000026;border-radius:0;overflow:hidden;background:#fff}.highlight-tooltip img{display:block}.highlight-tooltip__loading{background:#000;color:#fff;padding:4px 12px;font-size:14px;font-family:var(--font-cn)}@keyframes loading-dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.highlight-tooltip__loading:after{content:"...";animation:loading-dots 1s infinite}.highlight-tooltip--link{background:#000;color:#fff;padding:4px 8px;font-size:14px;font-family:var(--font-cn);white-space:nowrap;border-radius:0}.typing-text{display:inline-block;overflow:hidden;white-space:nowrap;animation:typing .3s steps(10) forwards}@media(max-width:768px){.stage--mobile{transform:none;left:0;bottom:42vh;top:0;width:100vw;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:90px;padding-bottom:20px;z-index:1}.stage__phone{width:auto;height:100%;max-width:80vw}.nav-header,.project-sidebar,.project-footer,.project-detail-panel{display:none}.phone-loading{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#fff;font-family:var(--font-en)}.phone-loading__text{font-size:24px;font-weight:500;color:#000}.global-swipe-hint{position:fixed;bottom:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.6;z-index:10000;padding-bottom:8%;pointer-events:none}.global-swipe-hint__icon{width:24px;height:auto;position:relative;animation:swipeUp 1.5s infinite}.global-swipe-hint__icon img{width:100%;height:auto;display:block}.global-swipe-hint__text{font-size:12px;font-family:var(--font-cn);color:#666}@keyframes swipeUp{0%{transform:translateY(10px);opacity:0}50%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);opacity:0}}.phone-loading__text{font-family:var(--font-en);font-size:60px;font-weight:400;color:#000}}