@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: min(70vw, 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)}.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{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:3.2vh 0;font-family:var(--font-en);font-size:20px;color:var(--color-text-primary)}.nav-header__logo{position:absolute;left:2.5vw;height:25px;width:auto}.nav-header__links{position:absolute;left:20vw;display:flex;gap:18vw;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:65vw;font-family:var(--font-en);opacity:.5;font-size:18px}.nav-header__contact-star{color:var(--color-accent);margin-right:.2vw}.nav-header__lang{position:absolute;right:2.5vw;display:flex;align-items:center;gap:.3vw;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:2.5vw;top:26vh;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:20vw;top:26vh;display:flex;flex-direction:column;gap:1vh;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:20vw;bottom:18vh;font-family:var(--font-en);font-size:20px;opacity:.4}.project-detail-panel{position:absolute;opacity:0;left:65vw;top:25vh;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:40px;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__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}