.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-height);display:flex;align-items:center;transition:background .3s ease,box-shadow .3s ease,color .3s ease,transform .35s ease;color:var(--color-text)}.navbar.hidden{transform:translateY(-100%)}.navbar.scrolled{background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px #0000000d}.navbar.dark{color:#ffffffe6}.navbar.dark.scrolled{background:#0b1f3bd9;box-shadow:0 1px #ffffff0f}.navbar-inner{width:100%;margin:0 auto;padding:0 68px;display:flex;align-items:center;justify-content:space-between}.navbar.home .navbar-inner{justify-content:flex-end}.nav-back{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:inherit;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all .25s ease}.nav-back:hover{background:#2d6ff71a;transform:translate(-2px)}.nav-links{display:flex;align-items:center;gap:8px}.nav-link{font-size:.9rem;font-weight:500;padding:8px 14px;border-radius:8px;color:inherit;opacity:.75;transition:all .2s ease}.nav-link:hover{opacity:1;background:#2d6ff714}.navbar.dark .nav-link:hover{background:#ffffff1a}@media (max-width: 640px){.navbar-inner{padding:0 20px}.nav-links{gap:4px}.nav-link{padding:6px 10px;font-size:.85rem}}.about-art{position:relative;width:100%}.about-bg-img{width:100%;height:auto;display:block}.about-copy{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;-webkit-user-select:text;user-select:text}.about-copy ::selection{background:#2d6ff740}.about-copy-line,.about-title{position:absolute;color:transparent;pointer-events:auto}.about-copy-line{display:flex;align-items:center;height:3.6%;margin-top:-.37vw;padding:0 .46vw;font-size:1.4vw;line-height:1;white-space:nowrap;cursor:text;border-radius:6px;transition:background-color .2s ease}.about-copy-line:hover{background-color:#2d6ff71f}.about-c1{left:calc(38% + .73vw);top:27.4%;padding:0 .23vw}.about-c2{left:calc(55.2% + 1.43vw);top:27.4%}.about-c3{left:calc(74.5% + 1.43vw);top:27.4%}.about-title{left:calc(38.2% - .28vw);top:17.4%;width:22.4%;aspect-ratio:640 / 100;cursor:default}.about-title-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;font-size:3.45vw;font-weight:700;letter-spacing:.01em;white-space:nowrap;transition:transform .15s ease}.about-title:active .about-title-text{transform:scale(.985)}.about-title-fx{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(-15% 100% -15% -5%);transition:clip-path .8s cubic-bezier(.65,0,.35,1);pointer-events:none}.about-title:hover .about-title-fx{clip-path:inset(-15% -5% -15% -5%)}.about-fx-text{font-family:inherit;font-weight:700;font-size:88px;fill:transparent;stroke:var(--color-primary, #2d6ff7);stroke-width:1.6;stroke-dasharray:5 3;opacity:0;transition:opacity .25s ease}.about-title:hover .about-fx-text{opacity:.85;animation:fxAnts .5s linear infinite}@keyframes fxAnts{to{stroke-dashoffset:-16}}.home{opacity:0;transition:opacity .8s ease}.home.visible{opacity:1}.hero-section{position:relative;width:100vw;height:100vh;min-height:600px;overflow:hidden;background:linear-gradient(160deg,#ddf0ff,#c2e3ff 40%,#a8d5ff)}.hero-bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;animation:heroDrift 10s ease-in-out infinite}@keyframes heroDrift{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.03) translateY(-6px)}}.hero-overlay{position:absolute;z-index:2;pointer-events:none;display:flex;align-items:center;gap:8px}.hero-top-left{top:32px;left:40px}.hero-top-right{top:32px;right:40px}.hero-desc-text{font-family:var(--font-en);font-size:.85rem;font-weight:500;color:#ffffffeb;text-shadow:0 1px 3px rgba(45,111,247,.15)}.dot{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #fff3;flex-shrink:0}.hero-tags{position:absolute;bottom:32px;left:0;right:0;z-index:3;display:flex;justify-content:space-between;padding:0 7vw}.hero-tag{display:inline-flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;padding:8px 4px;transition:transform .3s ease}.hero-tag:hover{transform:translateY(-3px)}.tag-circle{width:11px;height:11px;border-radius:50%;background:#2d6ff7b3;box-shadow:0 0 0 4px #2d6ff71f;flex-shrink:0;transition:all .3s ease}.hero-tag:hover .tag-circle{background:var(--color-primary);box-shadow:0 0 0 6px #2d6ff733}.tag-label{font-size:1rem;font-weight:500;color:#2d6ff7bf;transition:color .3s ease,text-shadow .3s ease}.hero-tag:hover .tag-label{color:var(--color-primary);text-shadow:0 0 12px rgba(45,111,247,.2)}.hero-scroll{position:absolute;bottom:100px;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;color:#2d6ff7a6;font-size:.85rem;font-weight:500;background:none;border:none;cursor:pointer;animation:hintPulse 2s ease-in-out infinite}.enter-mouse{width:22px;height:34px;border:2px solid currentColor;border-radius:12px;display:flex;justify-content:center;padding-top:6px}.enter-wheel{width:4px;height:6px;background:currentColor;border-radius:2px;animation:wheelMove 1.6s ease-in-out infinite}@keyframes wheelMove{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(6px);opacity:.4}}@keyframes hintPulse{0%,to{opacity:.55;transform:translate(-50%) translateY(0)}50%{opacity:1;transform:translate(-50%) translateY(-6px)}}.catalog-section{position:relative;width:100vw;min-height:100vh;background:#fff;overflow:hidden;padding:120px 0 80px}.catalog-bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:left bottom;z-index:0;pointer-events:none}.catalog-sec-header{position:relative;z-index:2;max-width:1440px;margin:0 auto 40px;padding:0 60px;display:flex;justify-content:space-between;align-items:center}.catalog-sec-left{display:flex;align-items:center;gap:12px;font-family:var(--font-en);font-size:1.1rem;font-weight:700;color:var(--color-navy);letter-spacing:.08em}.catalog-circle{width:12px;height:12px;object-fit:contain}.catalog-sec-right{font-family:var(--font-en);font-size:.9rem;color:var(--color-text-light);font-weight:500}.catalog-sec-row{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 48px;display:flex;align-items:flex-start;justify-content:center;gap:32px;min-height:560px}.catalog-card{position:relative;display:block;width:calc(25% - 24px);max-width:280px;aspect-ratio:.58;text-decoration:none;transition:transform .45s cubic-bezier(.16,1,.3,1)}.catalog-card:hover{transform:translateY(-10px)}.catalog-card-img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;filter:drop-shadow(0 12px 30px rgba(45,111,247,.1));transition:filter .45s ease,transform .45s cubic-bezier(.16,1,.3,1)}.catalog-card:hover .catalog-card-img{filter:drop-shadow(0 22px 45px rgba(45,111,247,.18));transform:scale(1.02)}.catalog-sec-footer{position:relative;z-index:2;text-align:right;max-width:1280px;margin:40px auto 0;padding:0 60px}.catalog-sec-footer .copyright{font-family:var(--font-en);font-size:.8rem;color:var(--color-text-light);opacity:.7}.home-about{position:relative;width:100%;opacity:0;transition:opacity .8s ease}.home-about.visible{opacity:1}.home-end{position:relative;width:100%;background:var(--color-navy);opacity:0;transition:opacity .8s ease}.home-end-art{position:relative;width:100%}.home-end.visible{opacity:1}.home-end-bg{width:100%;height:auto;display:block}.home-end-thanks{position:absolute;top:26%;left:8%;z-index:2;pointer-events:none}.home-end-thanks-img{width:clamp(240px,35vw,480px);height:auto;display:block}.home-end-contact{position:absolute;top:50%;left:8%;z-index:2;display:flex;flex-direction:column;gap:14px}.home-end-contact-item{display:inline-flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:400;color:#fffc;text-decoration:none;transition:all .3s ease;padding:6px 0}.home-end-contact-item:hover{color:#fff;transform:translate(4px)}.home-end-contact-icon{width:24px;height:24px;object-fit:contain;flex-shrink:0}.home-end-bottom{position:absolute;bottom:8%;right:6%;z-index:2}.home-end-restart{display:inline-flex;align-items:center;gap:8px;font-size:.95rem;font-weight:500;color:#ffffffbf;background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);padding:12px 24px;border-radius:999px;text-decoration:none;transition:all .3s ease}.home-end-restart:hover{color:#fff;background:#ffffff29;transform:translateY(-2px)}@media (max-width: 1024px){.catalog-sec-row{gap:24px;padding:0 32px}.catalog-card{width:calc(25% - 18px);max-width:220px}}@media (max-width: 768px){.hero-top-left{top:20px;left:20px}.hero-top-right{top:20px;right:20px}.hero-desc-text{font-size:.75rem}.hero-tags{bottom:24px;padding:0 6vw}.tag-label{font-size:.85rem}.hero-scroll{bottom:120px}.catalog-section{padding:100px 0 60px}.catalog-sec-header,.catalog-sec-row,.catalog-sec-footer{padding:0 24px}.catalog-sec-row{flex-wrap:wrap;justify-content:center;gap:24px;min-height:auto}.catalog-card{width:calc(50% - 12px);max-width:240px}.home-end-thanks{top:24%;left:6%}.home-end-thanks-img{width:clamp(200px,45vw,380px)}.home-end-contact{top:46%;left:6%}.home-end-contact-item{font-size:1rem}.home-end-contact-icon{width:22px;height:22px}.home-end-bottom{bottom:10%;right:4%}.home-end-restart{padding:10px 18px;font-size:.85rem}}@media (max-width: 420px){.hero-tags{padding:0 4vw}.hero-tag{gap:6px}.tag-label{font-size:.75rem}.tag-circle{width:9px;height:9px}.home-end-thanks{top:22%}.home-end-thanks-img{width:clamp(170px,50vw,280px)}.home-end-contact{top:42%;left:6%;gap:8px}.home-end-contact-item{font-size:.9rem;gap:8px}.home-end-contact-icon{width:20px;height:20px}.home-end-bottom{bottom:6%}}.about{position:relative;width:100%;padding-top:var(--nav-height);opacity:0;transition:opacity .6s ease}.about.visible{opacity:1}.about-cta{position:sticky;bottom:40px;z-index:10;display:flex;justify-content:center;padding:0 40px}.about-cta-btn{display:inline-flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:#fff;background:var(--color-primary);padding:14px 32px;border-radius:999px;box-shadow:0 8px 32px #2d6ff74d;transition:all .3s ease;animation:ctaBounce 3s ease-in-out infinite}.about-cta-btn:hover{transform:translateY(-3px);box-shadow:0 12px 40px #2d6ff766;background:var(--color-primary-dark)}@keyframes ctaBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.about-scroll-hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--color-text-light);font-size:.8rem;opacity:.6;animation:hintFade 2s ease-in-out infinite;pointer-events:none}@keyframes hintFade{0%,to{opacity:.3}50%{opacity:.8}}@media (max-width: 768px){.about-cta{bottom:30px;padding:0 20px}.about-cta-btn{width:100%;justify-content:center}}.project-page{min-height:100vh;padding-top:var(--nav-height)}.project-images{display:flex;flex-direction:column}.project-image-wrapper{width:100%;line-height:0}.project-image{width:100%;height:auto;display:block;opacity:0;transition:opacity .5s ease}.project-image.loaded{opacity:1}.lazy-img{background:var(--color-bg);min-height:200px}.project-nav{padding:48px 0 60px;background:var(--color-bg)}.project-nav-inner{max-width:var(--max-width);margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.nav-link-item{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease;padding:8px 12px;border-radius:8px;background:none;border:none;cursor:pointer;font-family:inherit}.nav-link-item:hover{color:var(--color-primary);background:var(--color-primary-light)}.nav-arrows-group{display:flex;gap:24px}.nav-actions{display:flex;gap:12px}.nav-end-link{color:var(--color-accent);font-weight:600}.nav-end-link:hover{color:var(--color-accent);background:#ff6b8a14}@media (max-width: 768px){.project-nav{padding:32px 0 48px}.project-nav-inner{padding:0 20px;flex-direction:column;align-items:flex-start}.nav-arrows-group{flex-direction:column;gap:8px}}.end-page{position:relative;width:100%;background:var(--color-navy);opacity:0;transition:opacity .8s ease}.end-art{position:relative;width:100%}.end-page.visible{opacity:1}.end-bg-img{width:100%;height:auto;display:block}.end-thanks{position:absolute;top:26%;left:8%;z-index:2;pointer-events:none}.end-thanks-img{width:clamp(240px,35vw,480px);height:auto;display:block}.end-contact{position:absolute;top:50%;left:8%;z-index:2;display:flex;flex-direction:column;gap:14px}.end-contact-item{display:inline-flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:400;color:#fffc;transition:all .3s ease;padding:6px 0}.end-contact-item:hover{color:#fff;transform:translate(4px)}.end-contact-icon{width:24px;height:24px;object-fit:contain;flex-shrink:0}.end-bottom{position:absolute;bottom:8%;right:6%;z-index:2}.end-restart{display:inline-flex;align-items:center;gap:8px;font-size:.95rem;font-weight:500;color:#ffffffbf;background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);padding:12px 24px;border-radius:999px;transition:all .3s ease}.end-restart:hover{color:#fff;background:#ffffff29;transform:translateY(-2px)}@media (max-width: 768px){.end-thanks{top:24%;left:6%}.end-thanks-img{width:clamp(200px,45vw,380px)}.end-contact{top:46%;left:6%}.end-contact-item{font-size:1rem}.end-contact-icon{width:22px;height:22px}.end-bottom{bottom:10%;right:4%}.end-restart{padding:10px 18px;font-size:.85rem}}@media (max-width: 420px){.end-thanks{top:22%}.end-thanks-img{width:clamp(170px,50vw,280px)}.end-contact{top:42%;left:6%;gap:8px}.end-contact-item{font-size:.9rem;gap:8px}.end-contact-icon{width:20px;height:20px}.end-bottom{bottom:6%}}.tech-text{position:relative;width:100%;height:100%;touch-action:pan-y;-webkit-user-select:none;user-select:none}.tech-text-canvas{display:block;width:100%;height:100%}.hero-video{position:relative;width:100%;min-height:100vh;min-height:100dvh;overflow:hidden;background:#0b1020;cursor:pointer}.hero-video-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0;transition:opacity 1s ease}.hero-video-bg.loaded{opacity:1}.hero-video-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#0000000d;pointer-events:none}.hero-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:0 68px;background:radial-gradient(ellipse at 20% 40%,rgba(0,0,0,.35) 0%,transparent 55%),linear-gradient(to bottom,rgba(0,0,0,.25) 0%,transparent 35%,rgba(0,0,0,.55) 100%);opacity:0;transition:opacity 1s ease .3s}.hero-video-overlay.loaded{opacity:1}.hero-video-content{width:100%;max-width:1440px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;flex:1;padding-top:80px;padding-bottom:120px}.hero-video-text{max-width:720px;transform:translateY(-30px)}.hero-video-name{margin:0 0 0 -5%;width:100%;max-width:720px;height:clamp(70px,10vw,130px);font-family:var(--font-en),"Inter","Poppins",sans-serif}.hero-video-portfolio-row{display:flex;align-items:baseline;gap:14px;margin-top:8px}.hero-video-portfolio{font-family:var(--font-en),"Inter","Poppins",sans-serif;font-size:clamp(2rem,5vw,4.2rem);font-weight:800;line-height:1;letter-spacing:.02em;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.45)}.hero-video-tagline{margin:24px 0 0;font-size:clamp(.95rem,1.6vw,1.2rem);font-weight:400;line-height:1.7;color:#ffffffd9}.hero-leaf{position:absolute;top:-30px;z-index:2;opacity:.55;pointer-events:none;animation-name:leafFall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes leafFall{0%{transform:translateY(-10vh) rotate(0) translate(0);opacity:0}10%{opacity:.7}90%{opacity:.6}to{transform:translateY(110vh) rotate(360deg) translate(40px);opacity:0}}@media (max-width: 768px){.hero-video-overlay{padding:0 24px}.hero-video-content{padding-bottom:100px}.hero-video-portfolio-row{gap:10px}}@media (max-width: 420px){.hero-video-name{height:64px}.hero-video-portfolio{font-size:clamp(1.6rem,8vw,2.4rem)}.hero-video-sign{font-size:clamp(1rem,5vw,1.4rem)}}:root{--color-primary: #2D6FF7;--color-primary-dark: #1E5BD7;--color-primary-light: #EBF3FF;--color-sky: #8FC7FF;--color-navy: #0B1F3B;--color-navy-light: #14294A;--color-navy-soft: #1E3A5F;--color-bg: #F8FBFF;--color-bg-white: #FFFFFF;--color-bg-gray: #F3F4F6;--color-hero-start: #DDF0FF;--color-hero-end: #B8DFFF;--color-text: #1A2332;--color-text-secondary: #5A6A7A;--color-text-light: #8A96A8;--color-text-white: #FFFFFF;--color-accent: #FF6B8A;--color-border: #E5E7EB;--font-cn: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-en: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--max-width: 1280px;--nav-height: 72px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-cn);color:var(--color-text);background:var(--color-bg-white);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}button{border:none;background:none;cursor:pointer;font-family:inherit}.fade-in{animation:fadeIn .6s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 40px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}@media (max-width: 768px){.container{padding:0 24px}}