@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;900&display=swap";.fade-enter-active[data-v-46927dde],.fade-leave-active[data-v-46927dde]{transition:opacity .5s}.fade-enter-from[data-v-46927dde],.fade-leave-to[data-v-46927dde]{opacity:0}:root{--bg:#0b0d0f;--panel:#121518;--line:#ffffff1f;--muted:#879095;--text:#f3f4f1;--orange:#ff754a;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Manrope,Noto Sans SC,sans-serif}button,a{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{text-decoration:none}.app-shell{background:radial-gradient(circle at 78% 10%,#394f4929,transparent 32%),var(--bg);overflow:hidden}.site-header{height:84px;padding:0 max(28px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line);z-index:10;justify-content:space-between;align-items:center;display:flex;position:absolute;left:0;right:0}.brand,.footer-brand{align-items:center;gap:11px;display:flex}.brand-mark{border:1px solid var(--orange);width:33px;height:33px;color:var(--orange);place-items:center;font-size:20px;font-weight:800;display:grid;transform:skew(-10deg)}.brand b,.footer-brand b{letter-spacing:.08em;font-size:15px;display:block}.brand small,.footer-brand small{color:var(--muted);letter-spacing:.08em;margin-top:2px;font:10px DM Mono;display:block}.main-nav{align-items:center;gap:35px;display:flex}.main-nav button{color:#c4c8c7;font-size:13px;transition:color .25s}.main-nav button:hover{color:var(--orange)}.main-nav .nav-contact{color:var(--text);border:1px solid var(--line);align-items:center;gap:8px;padding:11px 16px;display:flex}.menu-toggle{color:var(--text);display:none}.hero{height:100vh;min-height:720px;max-height:900px;padding:110px max(28px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line);background:linear-gradient(115deg,#0b0d0ffa 18%,#0b0d0fba 56%,#0b0d0f4d),url(/assets/hero-live.webp) 50%/cover;align-items:center;display:flex;position:relative}.hero-noise{opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");position:absolute;inset:0}.hero canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-content{z-index:1;max-width:720px;position:relative}.eyebrow{letter-spacing:.16em;color:#bbc3c1;margin:0 0 24px;font:11px DM Mono}.eyebrow.orange{color:var(--orange)}.pulse-dot{background:var(--orange);border-radius:50%;width:7px;height:7px;margin-right:9px;display:inline-block;box-shadow:0 0 0 5px #ff754a24}.hero h1{letter-spacing:-.045em;margin:0 0 30px;font-size:clamp(58px,8vw,112px);font-weight:800;line-height:.98}.hero h1 em,.contact h2 em{color:var(--orange);font-style:normal}.hero-copy{color:#b2bab8;margin:0 0 35px;font-size:15px;line-height:1.9}.hero-actions{align-items:center;gap:14px;display:flex}.button-primary{background:var(--orange);color:#15100e;align-items:center;gap:28px;padding:14px 21px;font-size:13px;font-weight:700;display:flex}.button-ghost{color:#d1d5d3;align-items:center;gap:9px;padding:14px 8px;font-size:13px;display:flex}.hero-index{right:max(30px,calc((100vw - var(--max))/2));color:var(--orange);align-items:center;gap:12px;font:11px DM Mono;display:flex;position:absolute;bottom:48px}.hero-index i{background:var(--orange);width:65px;height:1px}.hero-scroll{left:max(28px,calc((100vw - var(--max))/2));color:#879095;letter-spacing:.12em;align-items:center;gap:14px;font:10px DM Mono;display:flex;position:absolute;bottom:48px}.section{max-width:var(--max);margin:auto;padding:140px max(28px,0)}.section-head{max-width:700px;margin-bottom:70px}.section-head h2,.about h2{letter-spacing:-.04em;margin:0 0 26px;font-size:clamp(40px,5vw,70px);line-height:1.05}.section-head h2 span,.about h2 span{color:#71807f}.section-intro{max-width:420px;color:var(--muted);font-size:14px;line-height:1.8}.service-grid{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.service-card{background:var(--bg);min-height:320px;padding:32px;transition:background .3s,transform .3s}.service-card:hover{background:#151a1a;transform:translateY(-5px)}.service-top{color:var(--orange);justify-content:space-between;margin-bottom:56px;font:12px DM Mono;display:flex}.service-card h3{margin:0 0 6px;font-size:27px}.service-en{color:var(--orange);letter-spacing:.1em;font:10px DM Mono}.service-text{color:var(--muted);max-width:290px;margin:25px 0;font-size:13px;line-height:1.8}.tag-row{flex-wrap:wrap;gap:7px;display:flex}.tag-row span{border:1px solid var(--line);color:#aeb6b4;padding:6px 9px;font-size:10px}.split{justify-content:space-between;align-items:end;max-width:none;display:flex}.text-link{color:var(--orange);align-items:center;gap:9px;font-size:12px;display:flex}.work{padding-top:80px}.work-feature{background:#15191a;grid-template-columns:minmax(0,2fr) 1fr;min-height:500px;display:grid}.work-image{min-height:430px;position:relative;overflow:hidden}.work-image img{object-fit:cover;width:100%;height:100%;position:absolute}.image-overlay{background:linear-gradient(90deg,#0000000d,#00000059);position:absolute;inset:0}.play-button{border:1px solid #ffffffb3;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:absolute;bottom:28px;left:28px}.work-info{flex-direction:column;padding:52px 43px;display:flex}.work-count{color:var(--orange);font:11px DM Mono}.work-info h3{letter-spacing:-.03em;margin:auto 0 10px;font-size:36px;line-height:1.1}.work-info p{color:var(--muted);margin:0 0 45px;font-size:12px}.work-controls{gap:20px;display:flex}.work-controls button{color:#78817f;align-items:center;gap:8px;font:10px DM Mono;display:flex}.work-controls i{background:#78817f;width:25px;height:1px}.work-controls button.active{color:var(--orange)}.work-controls button.active i{background:var(--orange);width:40px}.about{grid-template-columns:1fr 1fr;align-items:center;gap:110px;display:grid}.about-visual{position:relative}.about-frame{height:510px;overflow:hidden}.about-frame img{object-fit:cover;filter:saturate(.7);width:100%;height:100%}.vertical-label{writing-mode:vertical-rl;color:var(--orange);letter-spacing:.2em;font:10px DM Mono;position:absolute;top:40%;right:-37px}.about-copy>p:not(.eyebrow){color:var(--muted);max-width:470px;font-size:14px;line-height:2}.about-signature{color:var(--orange);letter-spacing:.15em;margin-top:45px;font-size:27px}.about-signature small{color:#6c7775;letter-spacing:.2em;margin-top:8px;font:9px DM Mono;display:block}.contact{max-width:var(--max);border-top:1px solid var(--line);justify-content:space-between;align-items:end;margin:0 auto;padding:110px max(28px,0);display:flex}.contact h2{letter-spacing:-.045em;margin:0;font-size:clamp(46px,6vw,80px);line-height:1}.contact-cta{color:var(--orange);border-bottom:1px solid var(--orange);align-items:center;gap:30px;padding-bottom:13px;font-size:18px;display:flex}footer{border-top:1px solid var(--line);max-width:var(--max);justify-content:space-between;align-items:end;margin:auto;padding:30px max(28px,0) 42px;display:flex}.footer-meta{color:#697370;gap:30px;font:10px DM Mono;display:flex}.footer-social{gap:15px;display:flex}.footer-social a{color:#929b98}@media (width<=760px){.site-header{height:70px}.main-nav{display:none}.main-nav.open{border-bottom:1px solid var(--line);background:#0b0d0f;flex-direction:column;align-items:flex-start;gap:22px;padding:26px 28px 32px;display:flex;position:absolute;top:70px;left:0;right:0}.main-nav .nav-contact{justify-content:space-between;width:100%}.menu-toggle{display:block}.hero{background-position:62%;min-height:680px;padding-top:120px}.hero h1{font-size:62px}.hero-copy{font-size:13px}.hero-copy br,.hero-scroll{display:none}.section{padding-top:92px;padding-bottom:92px}.section-head{margin-bottom:45px}.service-grid{grid-template-columns:1fr}.service-card{min-height:270px;padding:27px}.service-top{margin-bottom:35px}.split{display:block}.text-link{margin-top:25px}.work{padding-top:35px}.work-feature{grid-template-columns:1fr;min-height:0}.work-image{min-height:300px}.work-info{padding:30px 26px}.work-info h3{margin:48px 0 8px;font-size:30px}.work-info p{margin-bottom:30px}.about{grid-template-columns:1fr;gap:55px}.about-frame{height:380px}.vertical-label{right:-25px}.contact{padding-top:80px;padding-bottom:80px;display:block}.contact-cta{gap:15px;width:max-content;max-width:100%;margin-top:38px;font-size:14px}footer{padding-top:28px;display:block}.footer-meta{margin:28px 0;line-height:2;display:block}.footer-social{margin-top:20px}.hero-index{bottom:28px;right:28px}}.hero{background-image:linear-gradient(90deg,#07090afa 0%,#07090ae6 34%,#07090a8a 68%,#07090a73 100%),url(/assets/hero-live.webp);background-position:50%}.hero:after{content:"XUXIN / 影像现场";letter-spacing:.22em;color:#ffffff73;writing-mode:vertical-rl;font:10px DM Mono;position:absolute;top:47%;right:5%}.hero h1{text-shadow:0 8px 40px #00000059;max-width:900px;font-size:clamp(70px,10vw,150px)}.ticker{border-bottom:1px solid var(--line);border-top:1px solid var(--line);background:#101415;padding:17px 0;overflow:hidden}.ticker-track{white-space:nowrap;color:#d4d9d7;letter-spacing:.16em;align-items:center;gap:42px;font:13px DM Mono;animation:28s linear infinite marquee;display:flex}.ticker-track b{color:var(--orange);font-size:10px}@keyframes marquee{to{transform:translate(-35%)}}.statement{max-width:var(--max);margin:auto;padding:175px max(28px,0) 150px}.statement h2{letter-spacing:-.06em;max-width:850px;margin:0;font-size:clamp(48px,7vw,100px);line-height:1}.statement h2 span{color:#687472}.statement-bottom{justify-content:space-between;align-items:end;gap:60px;margin-top:95px;padding-left:25%;display:flex}.statement-bottom>p{max-width:360px;color:var(--muted);font-size:14px;line-height:2}.stat-list{gap:60px;display:flex}.stat-list div{border-left:1px solid var(--orange);min-width:110px;padding-left:16px}.stat-list strong{letter-spacing:-.06em;font-size:39px;display:block}.stat-list strong span{color:var(--orange);font-size:18px}.stat-list small{color:#7c8683;font:10px DM Mono}.services{padding-top:45px}.service-grid{background:0 0;gap:14px}.service-card{border:1px solid var(--line);position:relative;overflow:hidden}.service-card:before{content:"";border:1px solid #ff754a2e;border-radius:50%;width:170px;height:170px;position:absolute;inset:auto -40px -70px auto}.process{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:150px max(28px,calc((100vw - var(--max))/2));background:#101415}.process .section-head{margin-bottom:70px}.process-grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.process-item{border-right:1px solid var(--line);margin-right:25px;padding:25px 25px 25px 0}.process-item:last-child{border-right:0}.process-item>span{color:var(--orange);font:12px DM Mono}.process-item h3{margin:45px 0 14px;font-size:19px}.process-item p{color:var(--muted);max-width:200px;margin:0;font-size:12px;line-height:1.9}.about{padding-top:170px}.contact{max-width:none;padding-left:max(28px,calc((100vw - var(--max))/2));padding-right:max(28px,calc((100vw - var(--max))/2));background:#141918}@media (width<=760px){.hero{background-position:58%}.hero:after{display:none}.hero h1{font-size:65px}.statement{padding-top:105px;padding-bottom:95px}.statement-bottom{margin-top:50px;padding-left:0;display:block}.stat-list{gap:18px;margin-top:45px}.stat-list div{flex:1;min-width:0}.stat-list strong{font-size:29px}.services{padding-top:10px}.process{padding-top:95px;padding-bottom:95px}.process-grid{grid-template-columns:1fr 1fr;gap:0}.process-item{border-right:1px solid var(--line);border-bottom:1px solid var(--line);margin:0;padding:20px 15px 25px 0}.process-item:nth-child(2n){border-right:0;padding-left:15px}.process-item h3{margin-top:32px;font-size:16px}.about{padding-top:100px}}:root{--bg:#0a0e0d;--panel:#121917;--line:#e6f0e824;--muted:#89978f;--text:#f3f5ed;--orange:#a9b978;--blue:#78b4c4}.app-shell{background:radial-gradient(circle at 80% 8%,#13645c33,transparent 34%),var(--bg)}.hero{background-image:linear-gradient(90deg,#050908fa 0%,#050908db 38%,#0509087a 78%,#05090857 100%),url(/assets/hero-live.webp);background-position:50% 58%;background-size:cover}.hero canvas{mix-blend-mode:screen}.hero:before{content:"";pointer-events:none;background:linear-gradient(#0509082e,#0000 48%,#05090873);position:absolute;inset:0}.ticker{background:#101c19}.ticker-track b,.statement h2 span,.section-head h2 span,.about h2 span{color:var(--blue)}.button-primary{color:#0b120d}.hero h1 em,.contact h2 em{color:var(--orange)}.process{background:#0d1614}.work-feature{background:#101a18}.hero h1{max-width:760px;font-size:clamp(64px,7.4vw,112px)}.contact{align-items:center;gap:40px}.contact-actions{align-items:center;gap:28px;display:flex}.contact-main{flex-direction:column;align-items:flex-end;gap:20px;display:flex}.contact-cta{background:var(--orange);color:#0b120d;border:0;padding:18px 22px;font-size:clamp(19px,2.2vw,30px);font-weight:700}.contact-mail{color:var(--blue);align-items:center;gap:9px;font:13px DM Mono;display:flex}.wechat-card{border-left:1px solid var(--line);align-items:center;gap:14px;padding-left:28px;display:flex}.wechat-card img{object-fit:cover;background:#fff;width:94px;height:94px;padding:5px}.wechat-card strong,.wechat-card span{display:block}.wechat-card strong{margin-bottom:8px;font-size:14px}.wechat-card span{color:var(--muted);max-width:120px;font-size:11px;line-height:1.6}.footer-contact{flex-direction:column;gap:6px;display:flex}.footer-contact strong{color:var(--orange);letter-spacing:.04em;font-size:20px}.footer-contact span{color:var(--muted);font:10px DM Mono}.contact-phone-alt,.contact-qq{color:#b7c2bc;align-items:center;gap:8px;font:12px DM Mono;display:flex}.contact-qq{color:var(--muted)}.contact{padding-top:135px;padding-bottom:135px}.contact h2{font-size:clamp(42px,4.8vw,70px)}.footer-meta{white-space:nowrap;align-items:center}.footer-meta small{align-items:center;gap:14px;margin-top:0;line-height:1;display:flex}.footer-meta small a{color:#68746e;font-size:9px;text-decoration:none}.footer-meta small a:hover{color:var(--blue)}.app-shell{padding-bottom:12px}footer{padding-bottom:34px}@media (width<=760px){.footer-meta{white-space:normal}.footer-meta small{flex-wrap:wrap;line-height:1.6}}.contact{min-height:360px}@media (width<=760px){.contact{min-height:0;padding-top:100px;padding-bottom:100px}}.ticker-track{gap:0;width:max-content}.ticker-group{flex:none;align-items:center;gap:42px;padding-right:42px;display:flex}.ticker-track{animation:28s linear infinite marquee-seamless}@keyframes marquee-seamless{0%{transform:translate(0)}to{transform:translate(-50%)}}.contact-cta{white-space:nowrap;gap:16px;font-size:clamp(16px,1.6vw,22px)}.contact-main{min-width:250px}.about-frame{position:relative}.about-controls{color:#eef1e7;justify-content:space-between;align-items:center;font:11px DM Mono;display:flex;position:absolute;bottom:20px;left:22px;right:22px}.about-controls button{background:#090d0c73;border:1px solid #ffffff8c;place-items:center;width:34px;height:34px;display:grid}.brand-logo{object-fit:contain;filter:brightness(0)invert();opacity:.92;width:118px;height:62px;display:block}.footer-logo{object-fit:contain;filter:brightness(0)invert();opacity:.92;width:132px;height:78px;display:block}.pulse-dot{box-shadow:0 0 0 5px #a9b9781f}.service-card:before{border-color:#a9b97824}.service-grid{grid-template-columns:repeat(4,1fr)}.service-card{padding:28px 24px}.service-card h3{font-size:24px}.service-text{font-size:12px}@media (width<=960px){.service-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.service-grid{grid-template-columns:1fr}.brand-logo{width:105px;height:56px}.footer-logo{width:120px;height:72px}.contact{display:block}.contact-actions{align-items:flex-start;margin-top:38px;display:block}.contact-main{align-items:flex-start}.contact-cta{font-size:19px}.wechat-card{border-left:0;border-top:1px solid var(--line);margin-top:25px;padding:22px 0 0}.footer-contact{margin:22px 0}.footer-contact strong{font-size:24px}}
