@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #07070c;--panel: #0c0d14;--panel-2: #10121c;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .16);--text: #f2f2f6;--muted: #8b8b9c;--pink: #ff5c9a;--pink-soft: #ff9ec4;--blue: #4d7bff;--blue-soft: #8fb0ff;--gradient: linear-gradient(96deg, var(--pink) 0%, #c184ff 52%, var(--blue) 100%);--font-sans: "Outfit Variable", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#33344a #0c0d14;scrollbar-width:thin}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}::selection{background:#ff5c9a52;color:#fff}:focus-visible{outline:2px solid var(--blue-soft);outline-offset:3px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0c0d14}::-webkit-scrollbar-thumb{background:#33344a;border-radius:6px}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.site{overflow:clip}.shell{width:100%;max-width:1700px;margin:0 auto;padding:0 56px}.section{position:relative;padding:140px 0;border-top:1px solid var(--line)}.section-head{display:grid;gap:18px;margin-bottom:72px}.section-head-split{display:grid}.section-title{margin:0;font-size:44px;font-weight:650;line-height:1.12}.section-note{max-width:620px;margin:0;color:var(--muted);font-size:15px;line-height:1.8;text-align:left}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.25,1)}.reveal.is-visible{opacity:1;transform:none}.nav{position:fixed;top:0;left:0;right:0;z-index:50;border-bottom:1px solid var(--line);background:#07070cb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:1700px;height:74px;margin:0 auto;padding:0 56px}.nav-brand{display:inline-flex;align-items:center;gap:14px;white-space:nowrap}.nav-mark{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--line-strong);border-radius:6px;background:linear-gradient(135deg,#ff5c9a29,#4d7bff29);color:var(--text);font-family:var(--font-sans);font-size:13px}.nav-brand-copy{color:var(--muted);font-family:var(--font-sans);font-size:11px}.nav-links{display:flex;align-items:center;gap:44px}.nav-links a{position:relative;color:#f2f2f6c7;font-size:14px;transition:color .2s ease}.nav-links a:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:1px;transform:scaleX(0);transform-origin:left;background:var(--gradient);transition:transform .25s ease}.nav-links a:hover{color:var(--text)}.nav-links a:hover:after{transform:scaleX(1)}.nav-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--line-strong);border-radius:999px;font-size:13px;transition:border-color .2s ease,background .2s ease}.nav-cta:hover{border-color:var(--pink);background:#ff5c9a14}.nav-menu,.nav-mobile{display:none}.hero{position:relative;display:flex;min-height:100vh;min-height:100dvh;overflow:hidden}.hero-media{position:absolute;top:0;right:0;bottom:0;left:0}.hero-video{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.08) brightness(.82)}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#07070ceb,#07070c94 48%,#07070cb8),linear-gradient(180deg,#07070c4d,#07070c00 30%,#07070ce0)}.hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:1700px;margin:0 auto;padding:96px 56px 72px}.hero-kicker{display:block;margin:0 0 34px;color:var(--muted);font-family:var(--font-sans);font-size:12px}.hero-title{display:grid;gap:8px;margin:0;text-transform:uppercase}.hero-title-cn{font-size:92px;font-weight:700;line-height:1.02;color:#f6f6fa}.hero-title-en{font-size:34px;font-weight:500;line-height:1.1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.55);font-family:var(--font-sans)}.hero-sub{max-width:620px;margin:34px 0 0;color:#f2f2f6b8;font-size:18px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:16px;margin-top:46px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;border-radius:999px;font-size:14px;white-space:nowrap;transition:transform .2s ease,background .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--gradient);color:#0a0a10;font-weight:650}.btn-ghost{border:1px solid var(--line-strong);color:var(--text)}.btn-ghost:hover{border-color:var(--blue-soft);background:#4d7bff14}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel)}.marquee-track{display:flex;align-items:center;width:max-content;animation:marquee 30s linear infinite}.marquee-item{display:inline-flex;align-items:center;padding:18px 36px;color:var(--muted);font-family:var(--font-sans);font-size:13px;white-space:nowrap}@keyframes marquee{to{transform:translate(-50%)}}.about-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:72px;align-items:start}.about-portrait-wrap{grid-column:span 5}.about-portrait{position:relative;margin:0;aspect-ratio:4 / 5;overflow:hidden;border:1px solid var(--line-strong);border-radius:6px;background:var(--panel)}.about-portrait-art{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,92,154,.16),transparent 46%),linear-gradient(315deg,rgba(77,123,255,.18),transparent 52%),linear-gradient(180deg,#12131d,#0a0b12);color:#ffffffb8}.about-portrait-mark{position:absolute;top:28px;left:28px;z-index:2;color:var(--text);font-family:var(--font-sans);font-size:16px;font-weight:650}.about-portrait-type{position:relative;z-index:1;display:grid;gap:4px;text-align:center}.about-portrait-type strong{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.62);font-size:64px;font-weight:700;line-height:1}.about-portrait-type span{color:var(--pink-soft);font-size:24px;font-weight:500;line-height:1}.about-portrait figcaption{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;display:grid;gap:6px}.about-portrait figcaption span{color:var(--muted);font-family:var(--font-sans);font-size:11px}.about-portrait figcaption strong{font-size:24px;font-weight:600}.about-content{grid-column:span 7;display:grid;gap:40px}.about-lead{margin:0 0 26px;font-size:30px;font-weight:500;line-height:1.5}.about-copy{display:grid;gap:16px;color:var(--muted);font-size:15px;line-height:1.9}.about-copy p{margin:0}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:var(--line)}.stat{display:grid;gap:6px;padding:26px 22px;background:var(--panel)}.stat strong{font-size:34px;font-weight:600;color:var(--pink-soft)}.stat span{color:var(--muted);font-size:13px}.about-contact h3{margin:0 0 18px;font-size:15px;font-weight:600}.contact-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.contact-item{display:flex;align-items:center;gap:12px;min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:13px;transition:border-color .2s ease,background .2s ease}.contact-item>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-item svg:last-child{margin-left:auto;color:var(--muted)}.contact-item:hover{border-color:#ff5c9a73;background:#ff5c9a0d}.contact-icon{display:inline-grid;place-items:center;width:34px;height:34px;flex:none;border-radius:6px;background:#ffffff0d}.works-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:28px}.work-card-wrap{grid-column:span var(--span, 6)}.work-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:var(--panel)}.work-media{position:relative;aspect-ratio:4 / 5;overflow:hidden}.work-image{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.65,.25,1),filter .9s ease}.work-card:hover .work-image{transform:scale(1.04)}.work-image-empty{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,#ff5c9a24,#4d7bff24),var(--panel-2)}.work-image-empty span{font-family:var(--font-sans);font-size:44px;color:#ffffff47}.work-arrow{position:absolute;top:20px;right:20px;z-index:2;display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:#07070c47;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .25s ease,background .25s ease}.work-card:hover .work-arrow{transform:rotate(45deg);background:#ff5c9a66}.work-caption{display:grid;gap:10px;padding:24px}.work-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-family:var(--font-sans);font-size:12px}.work-caption h3{margin:0;font-size:28px;font-weight:600;line-height:1.2}.work-tags{margin:0;color:var(--muted);font-family:var(--font-sans);font-size:13px;line-height:1.6}.strengths-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.strength-card{position:relative;min-width:0;padding:32px;border:1px solid var(--line);border-radius:6px;background:linear-gradient(160deg,var(--panel-2) 0%,var(--panel) 100%);transition:border-color .25s ease,transform .25s ease}.strength-card:hover{border-color:#ffffff38;transform:translateY(-4px)}.strength-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}.strength-icon{display:inline-grid;place-items:center;width:46px;height:46px;border:1px solid var(--line-strong);border-radius:6px;background:linear-gradient(135deg,#ff5c9a24,#4d7bff24)}.strength-icon svg{color:var(--pink-soft)}.strength-card:nth-child(3n+2) .strength-icon svg{color:var(--blue-soft)}.strength-card h3{margin:0 0 12px;font-size:20px;font-weight:600}.strength-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.85}.contact{position:relative;display:flex;align-items:center;min-height:100vh;min-height:100dvh;overflow:hidden;border-top:1px solid var(--line)}.contact-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,rgba(255,92,154,.09) 0%,transparent 40%),linear-gradient(250deg,rgba(77,123,255,.12) 0%,transparent 42%),var(--panel)}.contact-shell{position:relative;z-index:2;width:100%;padding-top:140px;padding-bottom:40px}.contact-head{max-width:900px}.contact-title{margin:18px 0 28px;font-size:78px;font-weight:700;line-height:1.14;color:#f6f6fa}.contact-sub{max-width:560px;margin:0;color:var(--muted);font-size:16px;line-height:1.9}.contact-channels{display:flex;flex-wrap:wrap;gap:14px;margin-top:56px}.channel{display:flex;align-items:center;gap:14px;min-width:300px;padding:16px 18px;border:1px solid var(--line-strong);border-radius:6px;background:#07070c59;transition:border-color .2s ease,background .2s ease}.channel:hover{border-color:#4d7bff8c;background:#4d7bff14}.channel-icon{display:inline-grid;place-items:center;width:42px;height:42px;flex:none;border-radius:6px;background:linear-gradient(135deg,#ff5c9a29,#4d7bff29)}.channel-copy{display:grid;gap:2px}.channel-copy strong{font-size:13px;font-weight:600}.channel-copy span{color:var(--muted);font-family:var(--font-sans);font-size:12px}.channel>svg{margin-left:auto;color:var(--muted)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:120px;padding-top:26px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.footer-mark{color:var(--text);font-family:var(--font-sans);font-size:14px}.footer-copy{display:inline-flex;align-items:center;gap:7px}.footer-meta{font-family:var(--font-sans)}@media (max-width: 1180px){.shell,.nav-inner,.hero-inner{padding-left:32px;padding-right:32px}.hero-title-cn{font-size:72px}.hero-title-en{font-size:26px}.about-grid{gap:44px}.contact-title{font-size:60px}}@media (max-width: 960px){.nav-links,.nav-brand-copy{display:none}.nav-menu{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--line-strong);border-radius:6px}.nav-mobile{display:grid;gap:2px;padding:18px 32px 26px;border-top:1px solid var(--line);background:#07070cf5}.nav-mobile a{padding:12px 0;color:var(--text);font-size:16px}.nav-mobile-cta{display:inline-flex;align-items:center;gap:8px;margin-top:10px;color:var(--pink-soft)}.hero-title-cn{font-size:54px}.hero-title-en{font-size:21px}.hero-sub{font-size:16px}.section{padding:96px 0}.section-head-split{display:grid;gap:18px}.section-note{max-width:520px;text-align:left}.about-grid{grid-template-columns:1fr}.about-portrait-wrap,.about-content{grid-column:span 1}.about-portrait{max-width:560px}.strengths-grid{grid-template-columns:repeat(2,1fr)}.contact-title{font-size:48px}}@media (max-width: 700px){.shell,.nav-inner,.hero-inner{padding-left:20px;padding-right:20px}.hero-title-cn{font-size:42px}.hero-title-en{font-size:17px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions .btn{width:100%}.about-stats{grid-template-columns:repeat(2,1fr)}.contact-list{grid-template-columns:1fr}.works-grid{display:flex;flex-direction:column}.work-card-wrap{width:100%}.work-card-wrap{margin-top:0!important}.strengths-grid{grid-template-columns:1fr}.contact-title{font-size:38px}.contact-channels{flex-direction:column}.channel{width:100%;min-width:0}.site-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}