:root{--bg:#08090d;--panel:#111218;--line:rgba(255,255,255,.1);--text:#f4f3f8;--muted:#9496a3;--violet:#865cff;--cyan:#36d6e7;--pink:#e964ff;--max:1380px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%}.ambient{position:fixed;width:520px;height:520px;border-radius:50%;filter:blur(150px);opacity:.08;pointer-events:none;z-index:-1}.ambient-a{background:var(--violet);top:-200px;right:-160px}.ambient-b{background:var(--cyan);bottom:-260px;left:-180px}.site-header{height:88px;max-width:var(--max);padding:0 34px;margin:auto;display:flex;align-items:center;gap:50px;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:700;letter-spacing:2px;white-space:nowrap}.brand small{display:block;font-size:8px;letter-spacing:3px;color:var(--muted);margin-top:3px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.4);transform:rotate(45deg);font-family:Georgia;font-style:italic}.brand-mark::first-letter{transform:rotate(-45deg)}.nav{display:flex;align-items:center;gap:33px;margin-left:auto}.nav a{font-size:13px;color:#a9a9b4;position:relative;padding:34px 0}.nav a:after{content:"";position:absolute;left:50%;bottom:23px;width:0;height:2px;background:linear-gradient(90deg,var(--violet),var(--cyan));transition:.3s}.nav a:hover,.nav a.active{color:#fff}.nav a.active:after{left:0;width:100%}.header-contact{font-size:13px;border:1px solid var(--line);padding:12px 17px;margin-left:8px}.header-contact span{color:var(--cyan);margin-left:12px}.menu-toggle{display:none;background:none;border:0;color:white}.hero{max-width:var(--max);min-height:calc(100vh - 88px);padding:7vh 34px 80px;margin:auto;display:grid;grid-template-columns:1fr .95fr;align-items:center;position:relative}.hero-copy{position:relative;z-index:2}.eyebrow{color:#aaaab6;font-size:11px;letter-spacing:3px;display:flex;align-items:center;gap:13px}.eyebrow span{width:34px;height:1px;background:linear-gradient(90deg,var(--violet),var(--cyan))}.hero h1{font-size:clamp(54px,6vw,94px);line-height:1.05;letter-spacing:-5px;margin:27px 0 24px;max-width:700px}.hero h1::first-line{color:#fff}.hero-copy>p{color:var(--muted);font-size:17px;line-height:1.9;max-width:540px}.hero-actions{display:flex;align-items:center;gap:34px;margin-top:38px}.btn{display:inline-flex;align-items:center;gap:42px;padding:16px 21px;font-size:13px;border:1px solid var(--line)}.btn.primary{background:linear-gradient(120deg,#7552ed,#5e45d9);box-shadow:0 14px 40px rgba(117,82,237,.25)}.text-link{font-size:13px;color:#d7d6df}.text-link span{margin-left:11px;color:var(--cyan)}.hero-stats{display:flex;gap:42px;margin-top:70px}.hero-stats div{display:flex;flex-direction:column;gap:5px}.hero-stats strong{font-size:22px}.hero-stats span{font-size:10px;color:var(--muted);letter-spacing:1px}.hero-visual{height:620px;position:relative}.hero-card{position:absolute;border:1px solid rgba(255,255,255,.18);background:#12121a;padding:10px;box-shadow:0 40px 90px rgba(0,0,0,.5)}.hero-card img{height:100%;object-fit:cover}.card-main{width:62%;height:76%;top:9%;left:16%;transform:rotate(2deg);z-index:2}.card-back{width:52%;height:61%;top:25%;right:0;transform:rotate(10deg);filter:saturate(.7);opacity:.7}.float-label{position:absolute;bottom:26px;left:-32px;background:#0b0c11;border:1px solid var(--line);padding:12px 16px;font-size:9px;letter-spacing:2px}.orbit{position:absolute;border:1px solid rgba(134,92,255,.2);border-radius:50%}.orbit-a{width:520px;height:520px;top:2%;left:3%}.orbit-b{width:400px;height:400px;top:13%;left:13%}.spark{position:absolute;color:var(--cyan);font-size:26px;text-shadow:0 0 18px var(--cyan)}.s1{left:5%;top:18%}.s2{right:5%;bottom:18%;color:var(--pink)}.scroll-hint{position:absolute;bottom:32px;left:34px;font-size:8px;letter-spacing:3px;color:var(--muted);display:flex;align-items:center;gap:12px;transform:rotate(-90deg);transform-origin:left}.scroll-hint i{display:block;width:45px;height:1px;background:var(--muted)}.section{max-width:var(--max);padding:120px 34px;margin:auto}.intro-section{display:grid;grid-template-columns:.7fr 2fr;border-top:1px solid var(--line)}.section-index{font-size:10px;letter-spacing:2px;color:var(--muted)}.intro-section h2,.section-head h2,.service-copy h2,.about-copy h2{font-size:clamp(34px,4vw,58px);line-height:1.2;letter-spacing:-2px;margin:0 0 26px}.lead{font-size:18px;color:var(--muted);line-height:2;max-width:800px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:45px}.section-head h2{margin:15px 0 0}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px 24px}.work-card{cursor:pointer;transition:.35s}.work-card:nth-child(even){margin-top:70px}.work-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#13141a}.work-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.42));opacity:0;transition:.35s}.work-media img{height:100%;object-fit:cover;transition:transform .7s}.work-card:hover{transform:translateY(-5px)}.work-card:hover img{transform:scale(1.035)}.work-card:hover .work-media:after{opacity:1}.view-icon{position:absolute;right:20px;bottom:20px;width:44px;height:44px;border-radius:50%;background:rgba(8,9,13,.75);backdrop-filter:blur(10px);display:grid;place-items:center;z-index:2}.work-no{position:absolute;left:18px;top:18px;font-size:10px;letter-spacing:2px}.work-meta{display:flex;justify-content:space-between;align-items:flex-start;padding-top:18px}.work-meta h3{font-size:18px;margin:0 0 7px}.work-meta p,.work-meta>span{font-size:10px;color:var(--muted);letter-spacing:1.5px;margin:0}.scope-section{border-top:1px solid var(--line)}.scope-list{margin-top:45px;border-top:1px solid var(--line)}.scope-list>div{display:grid;grid-template-columns:50px 1fr 1.3fr 30px;align-items:center;border-bottom:1px solid var(--line);padding:30px 12px;transition:.3s}.scope-list>div:hover{background:rgba(255,255,255,.025);padding-left:24px}.scope-list>div>span{color:var(--violet)}.scope-list h3{font-size:20px;margin:0}.scope-list p{color:var(--muted);font-size:13px}.scope-list i{font-style:normal;color:var(--cyan)}.contact-band{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-band>div>span{font-size:10px;color:var(--muted);letter-spacing:3px}.contact-band h2{font-size:clamp(32px,4vw,56px);max-width:760px;margin:18px 0}.circle-link{width:190px;height:190px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;text-align:center;font-size:11px;line-height:2;transition:.4s}.circle-link:hover{background:var(--violet);border-color:var(--violet);transform:rotate(-5deg)}.circle-link b{font-size:22px}.page-hero{max-width:var(--max);padding:100px 34px 80px;margin:auto;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(60px,8vw,112px);letter-spacing:-6px;margin:25px 0 15px;line-height:1}.page-hero h1 span{color:var(--violet)}.page-hero p{color:var(--muted);font-size:16px}.gallery-section{padding-top:45px}.filters{display:flex;gap:10px;overflow:auto;padding-bottom:24px;margin-bottom:30px}.filters button{white-space:nowrap;background:transparent;color:var(--muted);border:1px solid var(--line);padding:10px 16px;font-size:12px;cursor:pointer}.filters button.active,.filters button:hover{background:#fff;color:#08090d}.gallery-grid{grid-template-columns:repeat(3,1fr)}.gallery-grid .work-card:nth-child(even){margin-top:0}.gallery-grid .work-card:nth-child(3n+2){margin-top:45px}.gallery-grid .work-card.hidden{display:none}.category-list{padding-top:35px}.category-row{display:grid;grid-template-columns:80px 1.5fr 1fr 40px;align-items:center;padding:36px 12px;border-bottom:1px solid var(--line);transition:.3s}.category-row>span{font-size:10px;color:var(--violet);letter-spacing:2px}.category-row h2{font-size:clamp(21px,2.4vw,34px);margin:0}.category-row p{font-size:12px;color:var(--muted)}.category-row i{font-style:normal;font-size:20px;color:var(--cyan)}.category-row:hover{background:rgba(255,255,255,.03);padding-left:25px}.service-layout,.about-layout{display:grid;grid-template-columns:.7fr 2fr;gap:50px}.service-number{font:italic 40px Georgia;color:var(--violet)}.service-copy>p,.about-copy>p{max-width:850px;color:var(--muted);font-size:17px;line-height:2}.process{display:grid;grid-template-columns:repeat(3,1fr);margin:55px 0 45px;border-top:1px solid var(--line)}.process div{padding:23px 8px;border-bottom:1px solid var(--line);font-size:13px}.process span{color:var(--violet);font-size:9px;margin-right:18px}.about-art{min-height:480px;background:radial-gradient(circle at 50% 45%,#46328b 0,#171425 40%,#0c0d12 70%);display:grid;place-items:center;overflow:hidden}.avatar-mark{font:italic 180px Georgia;color:rgba(255,255,255,.88);text-shadow:-20px 20px 0 rgba(134,92,255,.22);position:relative}.avatar-mark span{position:absolute;font:9px Arial;letter-spacing:5px;bottom:20px;left:45px}.about-copy{padding:45px 0}.quote{display:block;font:90px Georgia;color:var(--violet);height:65px}.about-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.about-tags span{border:1px solid var(--line);padding:10px 13px;color:var(--muted);font-size:9px;letter-spacing:2px}.contact-page{max-width:var(--max);min-height:calc(100vh - 88px);padding:80px 34px 130px;margin:auto;display:grid;grid-template-columns:1.4fr .7fr;align-items:center;gap:100px}.contact-copy h1{font-size:clamp(64px,8vw,120px);line-height:.95;letter-spacing:-7px;margin:30px 0}.contact-copy h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.75)}.contact-copy p{color:var(--muted)}.wechat-card{border:1px solid var(--line);padding:55px 45px;text-align:center;background:linear-gradient(145deg,rgba(255,255,255,.05),transparent);position:relative}.wechat-card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,var(--violet),transparent 30%,transparent 70%,var(--cyan));z-index:-1}.wechat-icon{width:75px;height:75px;border-radius:24px;background:linear-gradient(135deg,#7b56ec,#4a3bb5);display:grid;place-items:center;margin:0 auto 25px}.wechat-icon svg{width:48px;fill:white}.wechat-card>span{font-size:9px;letter-spacing:4px;color:var(--muted)}.wechat-card strong{display:block;font-size:24px;margin:14px 0 28px;word-break:break-all}.copy-btn{width:100%;padding:15px 20px;background:#fff;color:#08090d;border:0;display:flex;justify-content:space-between;cursor:pointer}.wechat-card small{display:block;color:var(--muted);font-size:10px;margin-top:18px}footer{max-width:var(--max);margin:auto;padding:40px 34px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;border-top:1px solid var(--line)}footer>div{display:flex;gap:25px}.footer-brand{color:white}.lightbox{position:fixed;inset:0;background:rgba(3,3,7,.93);backdrop-filter:blur(18px);z-index:100;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.3s;padding:40px}.lightbox.open{opacity:1;visibility:visible}.lightbox-content{max-width:1100px;max-height:85vh}.lightbox-content img,.lightbox-content video{max-width:100%;max-height:85vh}.lightbox-close{position:absolute;right:35px;top:25px;color:white;background:none;border:0;font-size:38px;cursor:pointer}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:white;color:#08090d;padding:12px 20px;font-size:12px;opacity:0;z-index:200;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@media(max-width:1000px){.site-header{height:72px;padding:0 20px}.nav{position:fixed;inset:72px 0 0;background:#0a0b0f;display:flex;flex-direction:column;align-items:flex-start;padding:30px;gap:0;transform:translateX(100%);transition:.35s}.nav.open{transform:none}.nav a{font-size:24px;width:100%;padding:18px 0;border-bottom:1px solid var(--line)}.header-contact{display:none}.menu-toggle{display:flex;margin-left:auto;width:34px;height:34px;flex-direction:column;justify-content:center;gap:7px}.menu-toggle i{height:1px;width:24px;background:white}.hero{grid-template-columns:1fr;min-height:auto;padding:80px 20px}.hero h1{letter-spacing:-3px}.hero-visual{height:580px;margin-top:50px}.hero-stats{margin-top:50px}.section,.page-hero{padding-left:20px;padding-right:20px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.service-layout,.about-layout{grid-template-columns:1fr}.contact-page{grid-template-columns:1fr;padding:70px 20px;gap:55px}.contact-copy h1{letter-spacing:-4px}.wechat-card{max-width:500px}footer{padding:35px 20px}}@media(max-width:640px){.hero{padding-top:55px}.hero h1{font-size:51px;letter-spacing:-3px}.hero-copy>p{font-size:14px}.hero-stats{gap:20px;justify-content:space-between}.hero-stats span{font-size:8px}.hero-visual{height:410px}.card-main{width:75%;height:78%;left:5%}.card-back{width:60%;right:-8%}.orbit-a{width:350px;height:350px}.orbit-b{width:270px;height:270px}.section{padding-top:80px;padding-bottom:80px}.intro-section{grid-template-columns:1fr;gap:28px}.work-grid,.gallery-grid{grid-template-columns:1fr;gap:35px}.work-card:nth-child(even),.gallery-grid .work-card:nth-child(3n+2){margin-top:0}.scope-list>div{grid-template-columns:30px 1fr 25px}.scope-list p{display:none}.contact-band{align-items:flex-start;flex-direction:column;gap:30px}.circle-link{width:145px;height:145px}.page-hero{padding-top:70px}.page-hero h1{font-size:58px;letter-spacing:-4px}.category-row{grid-template-columns:45px 1fr 25px;padding:26px 5px}.category-row p{display:none}.service-number{font-size:28px}.process{grid-template-columns:repeat(2,1fr)}.about-art{min-height:360px}.contact-copy h1{font-size:64px}.wechat-card{padding:40px 25px}footer{align-items:flex-start;gap:28px;flex-direction:column}footer>div{flex-direction:column;gap:8px}.lightbox{padding:20px}}