@font-face{font-family:JDLangZheng;src:url(../fonts/JINGDONGLangZhengTi2-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JDLangZheng;src:url(../fonts/jingdonglangzhengti2-Semibold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f5f3;background:#050505;font-family:JDLangZheng,Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 18% 16%,#df2d3d1c,#0000 34%),radial-gradient(circle at 84% 82%,#ff9a7a1a,#0000 32%),#050505;min-height:100svh}a{color:inherit;text-decoration:none}.hub-shell{isolation:isolate;grid-template-rows:auto 1fr auto;min-height:100svh;padding:clamp(24px,4vw,64px);display:grid;position:relative;overflow:hidden}.hub-shell:before{z-index:-2;content:"";opacity:.42;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 22% 78%,#0000);mask-image:linear-gradient(#0000,#000 22% 78%,#0000)}.hub-geometry{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.geo{display:block;position:absolute}.geo-frame{aspect-ratio:1;clip-path:polygon(0 0,100% 0,100% 22%,97% 22%,97% 3%,3% 3%,3% 97%,22% 97%,22% 100%,0 100%);border:1px solid #ff9a7a38;width:clamp(92px,12vw,176px);top:8%;left:6%;transform:rotate(45deg)}.geo-slash{background:#ff9a7a09;border-left:1px solid #ff9a7a14;border-right:1px solid #ff9a7a2e;width:15vw;min-width:100px;height:38vh;top:-9%;left:21%;transform:skew(-24deg)}.geo-block{background:linear-gradient(135deg,#ff9a7a1c 0 26%,#0000 26% 50%,#ff9a7a0a 50% 76%,#0000 76%);width:clamp(90px,12vw,180px);height:clamp(90px,12vw,180px);top:4%;left:33%;transform:rotate(-18deg)}.geo-wm-arc{aspect-ratio:1;border:1px solid #0000;border-color:#ff9a7a21 #0000 #0000 #ff9a7a21;border-radius:50%;width:clamp(280px,38vw,560px);top:-20%;left:-11%;transform:rotate(18deg)}.geo-infinity{opacity:.22;filter:drop-shadow(0 0 10px #ff4a5738);width:clamp(165px,22vw,310px);height:auto;top:-7%;right:8%;overflow:visible}.geo-infinity circle{fill:none;stroke:#ff4a57;stroke-width:1px}.geo-orbit{aspect-ratio:1;background:radial-gradient(circle,#ff26382b 0,#ff4a5716 25%,#ff4a5706 48%,#0000 70%);border:1px solid #ff4a5733;border-radius:50%;width:clamp(420px,56vw,820px);bottom:0;right:0;transform:translate(50%,50%);box-shadow:0 0 90px #ff4a570f}.particle-field{pointer-events:none;display:block;position:absolute;inset:0}.particle-field i{--particle-size:3px;width:var(--particle-size);height:var(--particle-size);opacity:.54;animation:4.8s ease-in-out infinite particleGlow;position:absolute}.particle-field-wm i{background:#ff9a7a;transform:rotate(45deg);box-shadow:0 0 10px #ff9a7ab3}.particle-field-video i{background:#ff4a57;border-radius:50%;box-shadow:0 0 12px #ff4a57b8}.particle-field-wm i:first-child{top:9%;left:8%}.particle-field-wm i:nth-child(2){--particle-size:2px;animation-delay:-1.8s;top:17%;left:43%}.particle-field-wm i:nth-child(3){--particle-size:4px;animation-delay:-3.2s;top:31%;left:4%}.particle-field-wm i:nth-child(4){animation-delay:-.8s;top:42%;left:34%}.particle-field-wm i:nth-child(5){--particle-size:2px;animation-delay:-2.5s;top:7%;left:29%}.particle-field-wm i:nth-child(6){--particle-size:2px;animation-delay:-4s;top:28%;left:23%}.particle-field-video i:first-child{--particle-size:4px;animation-delay:-.4s;bottom:12%;right:10%}.particle-field-video i:nth-child(2){--particle-size:2px;animation-delay:-2.1s;bottom:37%;right:43%}.particle-field-video i:nth-child(3){animation-delay:-3.7s;bottom:29%;right:4%}.particle-field-video i:nth-child(4){--particle-size:4px;animation-delay:-1.2s;bottom:7%;right:33%}.particle-field-video i:nth-child(5){--particle-size:2px;animation-delay:-3s;bottom:45%;right:31%}.particle-field-video i:nth-child(6){--particle-size:2px;animation-delay:-4.4s;bottom:24%;right:22%}@keyframes particleGlow{0%,to{opacity:.2;filter:brightness(.85)}50%{opacity:.72;filter:brightness(1.3)}}.geo-code{letter-spacing:.2em;white-space:nowrap;color:#fff3;writing-mode:vertical-rl;font-size:.55rem;font-weight:600;top:13%;left:clamp(24px,4vw,64px)}.hub-header,.hub-footer{letter-spacing:.14em;justify-content:space-between;align-items:center;gap:24px;font-size:.7rem;font-weight:600;display:flex}.hub-header p{color:#ffffff6b;margin:0}.hub-brand{letter-spacing:.04em;align-items:baseline;gap:9px;font-size:.88rem;display:inline-flex}.hub-brand small{color:#ff4a57;font-size:.68rem}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,26px);width:min(1180px,100%);margin:auto;display:grid}.project-link{--accent:#f4f4ef;background:#0c0c0cb8;border:1px solid #ffffff24;border-radius:0;flex-direction:column;justify-content:space-between;min-height:clamp(300px,47vh,520px);padding:clamp(24px,3.6vw,54px);transition:border-color .26s,transform .42s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.project-link:before{content:"";background:var(--accent);transform-origin:0;height:5px;transition:transform .42s cubic-bezier(.16,1,.3,1);position:absolute;inset:auto 0 0;transform:scaleX(0)}.project-link:after{content:"";background:var(--accent);filter:blur(130px);opacity:0;pointer-events:none;border-radius:50%;width:360px;height:360px;transition:opacity .36s;position:absolute;transform:translate(44%,44%)}.project-link-wm{--accent:#ff9a7a}.project-link-video{--accent:#ff4a57;border-radius:18px}.project-link-wm .project-copy:before,.project-link-video .project-copy:before{content:"";background:var(--accent);width:38px;height:5px;margin-bottom:8px}.project-link:hover,.project-link:focus-visible{border-color:color-mix(in srgb, var(--accent) 58%, transparent);outline:none;transform:translateY(-6px)}.project-link:hover:before,.project-link:focus-visible:before{transform:scaleX(1)}.project-link:hover:after,.project-link:focus-visible:after{opacity:.16}.project-index{color:var(--accent);letter-spacing:.16em;font-size:.7rem;font-weight:600}.project-copy{gap:10px;display:grid}.project-copy strong{letter-spacing:-.06em;align-content:start;max-width:8ch;min-height:1.72em;font-size:clamp(3.5rem,7.2vw,7rem);font-weight:600;line-height:.86;display:grid}.project-copy small{color:#ffffff7a;letter-spacing:.18em;font-size:.68rem;font-weight:600}.project-arrow{color:var(--accent);font-size:clamp(1.4rem,2.4vw,2.4rem);font-weight:400;transition:transform .32s cubic-bezier(.16,1,.3,1);position:absolute;top:clamp(22px,3vw,48px);right:clamp(22px,3vw,48px)}.project-link:hover .project-arrow,.project-link:focus-visible .project-arrow{transform:translate(5px,-5px)}.hub-footer{color:#ffffff52}@media (width<=720px){.hub-shell{min-height:100svh}.hub-header p{display:none}.project-grid{grid-template-columns:1fr;padding-block:30px}.project-link{min-height:220px}.project-link-video{border-radius:12px}.geo-code{display:none}.project-copy strong{font-size:clamp(3.1rem,16vw,5.4rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important}}