@charset "UTF-8";
:root{--bg:#111210;--panel:#191a17;--fg:#eeeee6;--muted:#999c91;--line:#34362f;--red:#e34b37}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:6px}header{height:96px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:22px;letter-spacing:2px;font-weight:700}.brand span{font-size:11px;font-weight:400;letter-spacing:3px;color:var(--muted);border-left:1px solid var(--line);padding-left:18px;margin-left:18px}nav{display:flex;align-items:center;gap:38px;font-size:13px}nav>a:hover{color:var(--red)}.nav-contact{border:1px solid #55574d;padding:12px 19px;border-radius:2px}.nav-contact span{margin-left:22px}.hero,.section,footer{max-width:1600px;margin:auto;padding-left:5%;padding-right:5%}.hero{padding-top:36px}.hero-top,.hero-caption{display:flex;justify-content:space-between;align-items:center}.eyebrow,.issue{font-size:11px;letter-spacing:2px}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);margin-right:8px}.issue{color:var(--muted)}.hero-title{display:flex;align-items:flex-end;justify-content:space-between;margin:47px 0 35px}h1{margin:0;font-size:clamp(70px,8.8vw,142px);font-weight:600;letter-spacing:-5px;line-height:1.12}h1>span{display:block}.red-dot{color:var(--red)}.hero-aside{width:25%;padding-bottom:8px}.cross{color:var(--red);font-size:35px;font-weight:200}.hero-aside p{font-size:24px;line-height:1.65;letter-spacing:2px;margin:14px 0 32px}.hero-aside a{font-size:12px;display:flex;justify-content:space-between;max-width:210px;padding-bottom:15px;border-bottom:1px solid #66685c}.hero-aside a span{color:var(--red)}.cinema{height:340px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 67% 35%,#785945 0,#3b392d 29%,#1a2423 60%,#111b1b 100%)}.cinema:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#00000008 4px);pointer-events:none}.sun{position:absolute;width:160px;height:160px;border-radius:50%;background:#ef7a4f;top:32px;left:61%;box-shadow:0 0 100px #d7734755}.light{position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,#d5b47c0b 41%,#d5b47c22 44%,transparent 45%);transform:scale(1.3)}.ridge{position:absolute;inset:35% -3% -1%;clip-path:polygon(0 57%,6% 49%,10% 56%,15% 43%,22% 46%,31% 15%,35% 29%,39% 12%,46% 39%,54% 53%,59% 33%,66% 51%,72% 35%,79% 58%,90% 37%,100% 61%,100% 100%,0 100%);background:#172121}.ridge.back{background:#3e4135;transform:translate(8%,-7%) scale(1.2);opacity:.8}.ridge.front{transform:translateY(17%);background:#0c1514}.cinema-top,.cinema-bottom{position:absolute;left:30px;right:30px;display:flex;justify-content:space-between;z-index:2}.cinema-top{top:25px;font-size:10px;letter-spacing:2px;color:#e9e7d6a0}.cinema-bottom{bottom:25px;align-items:center;font-size:13px;letter-spacing:3px}.cinema-bottom>a{border:1px solid #ffffff55;border-radius:50%;height:42px;width:42px;display:grid;place-items:center;font-size:23px}.hero-caption{font-size:10px;color:var(--muted);padding-top:16px;letter-spacing:1px}.section{padding-top:110px;padding-bottom:25px}.section-head{display:flex;justify-content:space-between;align-items:flex-end}.muted{color:var(--muted)}h2{font-size:40px;letter-spacing:-1px;font-weight:500;margin:22px 0 0}.section-head p{color:var(--muted);font-size:12px;line-height:1.9;margin:0}.filters{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:36px 0 28px}.filters button{background:none;border:0;color:var(--muted);padding:0 0 18px;font-size:12px;position:relative}.filters button.active{color:var(--fg)}.filters button.active:after{position:absolute;content:"";height:2px;background:var(--red);left:0;right:0;bottom:-1px}.filters sup{font-size:9px;margin-left:5px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px}.project{display:block;border:0;background:none;color:inherit;padding:0;text-align:left;min-width:0}.poster{aspect-ratio:4/5;position:relative;overflow:hidden;isolation:isolate;transition:filter .3s;background:#272e29}.poster:before{content:"";position:absolute;inset:0;z-index:-1;transition:transform .6s}.project:hover .poster:before{transform:scale(1.07)}.hunter{background:radial-gradient(ellipse at 50% 70%,#798b73,#263e37 50%,#0c1b1a)}.hunter:before{background:repeating-linear-gradient(101deg,transparent 0 9%,#081c1b88 9.5% 11%,transparent 11.5% 22%);transform:scale(1.1)}.wedding{background:radial-gradient(ellipse at 50% 40%,#9d4d39,#491f1d 53%,#1d1817)}.wedding:before{background:linear-gradient(90deg,#05070655,transparent 25%,#10080544 49%,transparent 52%,#05070666),repeating-linear-gradient(90deg,transparent 0 15%,#09030344 16% 17%);clip-path:polygon(0 0,100% 0,100% 100%,70% 100%,66% 31%,50% 10%,34% 31%,30% 100%,0 100%)}.personal{background:radial-gradient(ellipse at 60% 70%,#dca16c,#525856 40%,#192b33 75%)}.personal:before{background:#0c1b21;clip-path:polygon(0 77%,20% 69%,40% 75%,60% 61%,74% 69%,100% 53%,100% 100%,0 100%)}.poster-label{position:absolute;top:20px;left:20px;font-size:10px;letter-spacing:2px;color:#ffffff9c}.poster-no{position:absolute;right:20px;top:19px;color:#ffffff8c;font-size:12px}.poster-word{position:absolute;inset:24% 0 20%;display:flex;align-items:center;justify-content:center;font-family:"SimSun",serif;font-size:clamp(35px,4vw,65px);letter-spacing:9px;text-shadow:0 4px 20px #0006}.personal .poster-word{font-family:inherit;font-size:30px;letter-spacing:8px;line-height:1.7;white-space:pre-line;text-align:center}.poster-foot{position:absolute;left:20px;right:20px;bottom:19px;font-size:9px;color:#ffffff8c;letter-spacing:1px;display:flex;justify-content:space-between}.poster img{width:100%;height:100%;object-fit:cover}.project-info{display:flex;justify-content:space-between;align-items:center;padding-top:20px}.project-info h3{font-size:21px;font-weight:500;margin:0 0 9px}.project-info p{font-size:11px;color:var(--muted);margin:0}.project-info>span{font-size:23px;transition:color .2s}.project:hover .project-info>span{color:var(--red)}.work-note{border-bottom:1px solid var(--line);padding:28px 0 30px;font-size:11px;letter-spacing:1px;color:var(--muted)}.work-note>span{color:var(--red);font-size:18px;margin-right:10px}.about{display:grid;grid-template-columns:1fr 1.5fr;gap:12%;padding-bottom:80px}.monogram{font-family:"SimSun",serif;font-size:114px;color:#55584b;line-height:1.1;margin-top:55px;position:relative;padding-left:24px;border-left:2px solid #e34b37}.monogram>span{display:block;font-size:60px;letter-spacing:16px}.monogram small{display:block;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:10px;color:var(--muted);letter-spacing:3px;margin-top:28px}.name-row{display:flex;align-items:center;gap:22px}.name-row h2{font-size:32px;margin:0}.name-row>span{color:var(--red);font-size:11px}.intro{font-size:33px;line-height:1.5;margin:28px 0 20px}.bio{font-size:13px;line-height:2.1;color:var(--muted);max-width:510px}.abilities{display:flex;flex-wrap:wrap;gap:9px;margin:23px 0 35px}.abilities span{font-size:10px;border:1px solid var(--line);border-radius:2px;padding:8px 12px}.experience{border-top:1px solid var(--line);padding-top:22px}.experience h3{font-size:12px;font-weight:400;color:var(--muted);margin:0 0 22px}.experience>div{display:flex;gap:23px;margin:0 0 22px}.experience>div>span{color:var(--red);font-size:10px;padding-top:4px}.experience p{margin:0}.experience b{font-size:14px;font-weight:400}.experience small{display:block;font-size:11px;color:var(--muted);line-height:1.9;margin-top:8px}.contact{background:#e7e7dd;color:#24251f;padding-top:60px;padding-bottom:50px;max-width:none}.contact>.eyebrow{color:#797b70}.contact-title{display:flex;justify-content:space-between;align-items:center}.contact-title h2{font-size:clamp(46px,6.7vw,100px);line-height:1.2;margin:35px 0 45px;letter-spacing:-4px}.contact-title h2 span{color:var(--red)}.contact-arrow{font-size:90px;border:1px solid #b7b9ab;width:130px;height:130px;display:grid;place-items:center;border-radius:50%;transition:background .2s}.contact-arrow:hover{background:#d6d6c9}.contact-details{border-top:1px solid #c2c4b6;display:flex;gap:70px;padding-top:28px;align-items:flex-end}.contact-details small{display:block;font-size:10px;color:#77796d;margin-bottom:11px}.contact-details a{font-size:15px}.contact-details button{margin-left:auto;border:0;border-bottom:1px solid #b0b2a4;background:none;padding:12px 0;color:#424539;font-size:11px;min-width:160px;text-align:left}.contact-details button span{float:right}footer{display:flex;justify-content:space-between;gap:20px;padding-top:30px;padding-bottom:30px;font-size:10px;color:var(--muted);letter-spacing:1px}dialog{background:var(--bg);color:var(--fg);border:1px solid var(--line);width:min(800px,92vw);max-height:86vh;padding:45px;overscroll-behavior:contain}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.close{background:none;border:1px solid var(--line);color:var(--fg);padding:8px 13px;float:right;font-size:12px}dialog h2{clear:both;padding-top:20px}dialog .detail-role{color:var(--red);font-size:12px;letter-spacing:1px}dialog p{font-size:14px;line-height:2;color:#b7b9ae}.placeholder{border:1px dashed #555849;padding:45px 22px;text-align:center;margin-top:28px}.placeholder span{font-size:30px;color:var(--red)}.placeholder h3{font-size:17px;font-weight:400}.placeholder p{font-size:12px}dialog video,dialog .detail-image{width:100%;display:block;margin-top:22px}dialog video.vertical{max-height:60vh;background:#000}dialog .next-project{display:block;background:none;color:var(--fg);border:0;border-bottom:1px solid var(--line);width:100%;padding:22px 0 12px;text-align:left;margin-top:20px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(15px);background:var(--fg);color:var(--bg);font-size:13px;padding:14px 24px;opacity:0;pointer-events:none;transition:.2s;z-index:5}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(min-width:1600px){.contact{padding-left:calc((100vw - 1440px)/2);padding-right:calc((100vw - 1440px)/2)}}
@media(max-width:760px){header{height:76px}.brand{font-size:18px}.brand span{display:none}nav{gap:20px;font-size:12px}.nav-contact{padding:9px 12px}.nav-contact span{margin-left:5px}.hero{padding-top:25px}.issue{display:none}.hero-title{margin-top:35px;align-items:flex-start;gap:15px}h1{font-size:clamp(60px,11vw,84px);letter-spacing:-3px}.hero-aside{width:31%;padding-top:7px}.cross{font-size:22px}.hero-aside p{font-size:14px;letter-spacing:1px;line-height:1.7;margin:10px 0 22px}.hero-aside a{font-size:10px}.cinema{height:270px}.sun{width:110px;height:110px;left:58%}.cinema-top,.cinema-bottom{left:18px;right:18px}.frame-corner{display:none}.hero-caption{font-size:9px}.hero-caption>span:last-child{display:none}.section{padding-top:70px}.section-head h2{font-size:30px}.section-head p{font-size:10px}.project-grid{grid-template-columns:1fr 1fr;gap:25px 16px}.project:last-child{grid-column:1/-1}.project:last-child .poster{aspect-ratio:16/9}.poster-word{font-size:42px}.poster-label,.poster-foot{font-size:8px;letter-spacing:0}.poster-label{left:13px;top:15px}.poster-no{right:13px;top:14px}.poster-foot{left:13px;right:13px;bottom:13px}.poster-foot span:last-child{display:none}.project-info h3{font-size:18px}.project-info p{font-size:10px}.project-info{padding-top:15px}.about{grid-template-columns:1fr;gap:35px;padding-bottom:55px}.about-label .monogram{display:none}.intro{font-size:30px}.contact{padding-top:45px}.contact-title h2{letter-spacing:-2px}.contact-arrow{width:75px;height:75px;font-size:49px}.contact-details{gap:25px;flex-wrap:wrap}.contact-details a{font-size:13px}.contact-details button{margin-left:0;min-width:100%;margin-top:5px}footer{font-size:9px;flex-wrap:wrap}footer>span{display:none}dialog{padding:25px}.placeholder{padding:30px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{transition:none!important}}
/* 简历入口 */
+.nav-resume{background:var(--red);color:#fff;padding:12px 18px;border:1px solid var(--red);border-radius:2px}.nav-resume:hover{color:#fff;background:#c83f2d}.hero-aside a.hero-resume{background:var(--red);color:#fff;border:1px solid var(--red);padding:16px 20px;margin-bottom:18px;font-size:14px;font-weight:600}.hero-aside a.hero-resume span{color:#fff}.hero-aside a.hero-resume:hover{background:#c83f2d}@media(max-width:760px){nav{gap:12px}.nav-resume{padding:9px 10px}nav>a[href="#about"]{display:none}.hero-aside a.hero-resume{padding:12px 10px;font-size:12px;margin-bottom:14px}}@media(max-width:380px){.nav-contact{display:none}}


dialog .project-socials{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 24px}dialog .project-socials a{display:inline-flex;align-items:center;border-bottom:1px solid #777d68;color:#eeeee6;padding:4px 0;margin-right:20px;font-size:14px}dialog .project-socials a:hover{color:var(--red);border-color:var(--red)}