:root{color-scheme:dark;--bg:#111519;--text:#f3f0e8;--muted:#aeb4b8;--accent:#dbc287;--line:#34393d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:"Microsoft YaHei","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,video:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.top{max-width:1440px;margin:auto;padding:27px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:22px}.brand span{font-size:12px;font-weight:400;color:var(--muted);margin-left:18px}nav{display:flex;gap:28px;font-size:13px}main{max-width:1440px;margin:auto;padding:0 5%}.intro{padding:65px 0 47px}.eyebrow{font-size:11px;letter-spacing:2.5px;color:var(--accent);margin:0 0 18px}h1{font-size:clamp(36px,4.4vw,64px);line-height:1.25;letter-spacing:-1px;font-weight:500;margin:0 0 27px}h2{font-size:29px;font-weight:500;margin:0;line-height:1.5}.intro-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.intro-bottom p,.section-intro,.about-copy{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.resume-link{display:flex;align-items:center;gap:48px;padding:16px 20px;border:1px solid #64625a;white-space:nowrap;font-size:13px}.resume-link span{font-size:20px;color:var(--accent)}.section{padding:42px 0 30px;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px;gap:20px}.section-head .eyebrow{margin-bottom:8px}.section-head>p{font-size:13px;color:var(--muted);margin:0 0 7px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.work{margin:0;min-width:0}.work button{cursor:zoom-in;border:0;background:#1b2025;width:100%;padding:0;display:block;overflow:hidden;aspect-ratio:16/10}.work img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .4s}.work button:hover img{transform:scale(1.025)}.work figcaption{padding-top:16px;display:flex;justify-content:space-between;gap:16px}.work h3{font-size:16px;font-weight:500;margin:0 0 7px}.work p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.work .number{font-size:12px;color:var(--accent);padding-top:3px}.section-intro{margin-bottom:25px}.videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}.video-card video{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;background:#090c0e;border:1px solid var(--line)}.video-card h3{font-size:15px;font-weight:500;margin:13px 0 7px}.video-card p{font-size:12px;color:var(--muted);margin:0}.about{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:50px;padding-bottom:60px}.about-copy{max-width:400px;margin-top:24px}.timeline article{padding:0 0 23px;margin:0 0 23px;border-bottom:1px solid var(--line)}.timeline article:last-child{margin:0}.timeline span{font-size:11px;color:var(--accent)}.timeline h3{font-size:17px;margin:10px 0;font-weight:500}.timeline p{font-size:13px;line-height:1.8;margin:0;color:var(--muted)}footer{border-top:1px solid var(--line);padding:35px 0 50px;display:flex;justify-content:space-between;gap:20px}footer h2{font-size:22px}footer p{font-size:12px;color:var(--muted)}footer a{display:block;font-size:13px;line-height:2.3}dialog{width:96vw;max-width:1500px;max-height:95dvh;background:#111519;color:var(--text);border:1px solid var(--line);padding:55px 22px 22px;text-align:center}dialog::backdrop{background:#000d}dialog img{display:block;max-width:100%;max-height:73dvh;object-fit:contain;margin:auto}dialog p{margin:15px 0 10px;font-size:14px}dialog a{font-size:12px;color:var(--accent)}#close{position:absolute;right:16px;top:10px;background:#272d33;color:white;border:1px solid #666;padding:10px 16px;cursor:pointer}body.modal-open{overflow:hidden}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work img{transition:none}}@media(max-width:700px){.top{padding:20px 5%;align-items:flex-start;gap:20px}.brand{font-size:20px}.brand span{display:block;margin:5px 0 0;font-size:10px}nav{gap:15px;font-size:11px;padding-top:6px}.intro{padding:38px 0 34px}.eyebrow{font-size:10px;letter-spacing:1.7px}h1{font-size:36px}.intro-bottom{display:block}.intro-bottom p{font-size:13px}.resume-link{display:inline-flex;margin-top:23px;padding:12px 16px;gap:36px}.section{padding-top:28px}.section-head{display:block;margin-bottom:20px}.section-head>p{margin-top:10px;font-size:12px}h2{font-size:25px}.gallery{grid-template-columns:1fr;gap:26px}.work h3{font-size:15px}.work figcaption{padding-top:12px}.videos{grid-template-columns:1fr;gap:24px}.video-card video{aspect-ratio:16/10}.about{grid-template-columns:1fr;gap:32px;padding-bottom:20px}.about h2 br{display:none}.about-copy{margin-top:14px}footer{display:block;padding-bottom:30px}footer>div+div{margin-top:20px}dialog{padding:55px 10px 20px}dialog img{max-height:65dvh}}
:root{color-scheme:light;--bg:#f4f1e9;--text:#262b25;--muted:#64685e;--accent:#8b392e;--line:#d4d4c8;--serif:"Songti SC","Noto Serif CJK SC","STSong","SimSun",serif}body{-webkit-font-smoothing:antialiased}.top,main{max-width:1440px}.top{padding-top:28px;padding-bottom:28px}.brand{font:600 27px var(--serif);letter-spacing:3px}.brand span{display:block;margin:8px 0 0;font:9px Arial;letter-spacing:2px}nav{font-size:12px;gap:26px}.intro{display:grid;grid-template-columns:1.08fr 1fr;gap:35px;padding:60px 0 0}.hero-copy{align-self:center;padding:28px 0}.eyebrow{font:10px/1.6 Arial,sans-serif;letter-spacing:2px;margin-bottom:25px}h1{font:500 clamp(38px,4.6vw,67px)/1.5 var(--serif);letter-spacing:-2px;margin-bottom:34px}h1 span{color:var(--accent)}.intro-bottom{align-items:center;gap:16px}.intro-bottom p{font-size:12px}.resume-link{border:0;border-bottom:1px solid var(--text);padding:12px 0;font-size:12px}.hero-image{position:relative;min-height:420px;overflow:hidden;background:#243d31}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:63% center;display:block;transition:transform .7s}.hero-image:hover img{transform:scale(1.025)}.hero-image span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#10231dcc);padding:60px 24px 24px;color:#fff;font-size:11px;letter-spacing:1.5px}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;padding:0 0 24px;font-size:10px;letter-spacing:1px;color:var(--muted)}.section{padding:70px 0 35px}.section-head{margin-bottom:34px}.section-head h2{font:500 clamp(29px,3vw,42px)/1.5 var(--serif);letter-spacing:1px}.section-head h2 i{display:block;font:italic 22px/1.5 Georgia,serif;letter-spacing:0;color:var(--muted);margin-top:4px}.section-head>p{font-size:12px}.drama-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:34px;align-items:start}.drama-grid .video-card:nth-child(2){margin-top:75px}.video-card video{aspect-ratio:16/9;border:0;background:#121814}.video-card h3{font:500 22px/1.5 var(--serif);margin:17px 0 7px}.video-card p{font-size:10px;letter-spacing:.6px}.direct-video{display:inline-block;margin-top:15px;padding-bottom:7px;border-bottom:1px solid var(--line);font-size:11px;color:var(--accent)}.gallery{gap:42px 28px;align-items:start}.work button{aspect-ratio:auto;background:#e5e4dc}.work img{width:100%;height:auto;object-fit:contain}.work h3{font-size:16px}.work .number{font:italic 18px Georgia;color:var(--accent)}.gallery .work:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.6fr 1fr;gap:45px;align-items:center;margin-bottom:16px}.gallery .work:first-child figcaption{display:block;padding:0}.gallery .work:first-child h3{font:500 34px/1.5 var(--serif);max-width:250px}.gallery .work:first-child p{max-width:280px;font-size:13px;line-height:2}.gallery .work:first-child .number{display:block;font-size:65px;color:#999d8e;margin-top:35px}.gallery .work:nth-child(4n){margin-top:38px}.work figcaption{border-bottom:1px solid var(--line);padding-bottom:18px}.videos{gap:35px 24px}.section-intro{font-size:12px}.about{gap:85px;padding-top:65px;padding-bottom:65px}.about h2{font:500 37px/1.6 var(--serif)}.about-copy{font-size:13px}.timeline article{padding:0 0 25px;margin-bottom:25px}.timeline h3{font-size:17px}.timeline span{letter-spacing:1px}.timeline p{font-size:12px}footer{padding:45px 0}footer h2{font:500 34px var(--serif)}footer a{font-family:Georgia,serif;font-size:15px}dialog{background:var(--bg);border:0}dialog::backdrop{background:#142019e8}#close{background:transparent;color:var(--text);border-color:var(--line)}@media(max-width:850px){.intro{grid-template-columns:1fr;padding-top:25px;gap:25px}.hero-copy{padding:15px 0 0}.hero-image{height:350px;min-height:0}.hero-image img{object-position:center}.intro-bottom{display:flex}.hero-foot{font-size:9px}.section{padding-top:45px}.drama-grid{gap:22px}.drama-grid .video-card:nth-child(2){margin-top:45px}.gallery .work:first-child{gap:25px}.gallery .work:first-child h3{font-size:26px}.about{gap:35px}.videos{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.top{align-items:center;padding-top:22px;padding-bottom:22px}.brand{font-size:23px;letter-spacing:2px}.brand span{font-size:8px}nav{gap:12px;font-size:10px;padding:0}nav a[href="#videos"]{display:none}h1{font-size:43px;line-height:1.45;letter-spacing:-1.5px;margin-bottom:24px}.intro .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:18px}.intro-bottom p{font-size:11px}.resume-link{margin:0;font-size:11px}.hero-image{height:285px}.hero-foot span:nth-child(2){font-size:8px;letter-spacing:0}.section-head h2{font-size:31px}.section-head h2 i{font-size:20px}.drama-grid{grid-template-columns:1fr;gap:30px}.drama-grid .video-card:nth-child(2){margin-top:0}.gallery{grid-template-columns:1fr;gap:28px}.gallery .work:first-child{display:block;margin:0}.gallery .work:first-child figcaption{display:flex;padding-top:16px}.gallery .work:first-child h3{font-size:24px;max-width:none}.gallery .work:first-child p{font-size:12px}.gallery .work:first-child .number{font-size:29px;margin:0}.gallery .work:nth-child(4n){margin:0}.videos{grid-template-columns:1fr}.about h2{font-size:30px}.about{padding-bottom:30px}.video-card h3{font-size:23px}.section-head>p{font-size:11px}}@media(prefers-reduced-motion:reduce){.hero-image img{transition:none}}
/* 深灰艺术作品集配色 */
:root{color-scheme:dark;--bg:#242628;--text:#eeeae1;--muted:#b0b0a8;--accent:#cfb58c;--line:#464847}body{background:var(--bg)}.work button{background:#1b1e20}.hero-image{background:#1b2220}.gallery .work:first-child .number{color:#87897d}.video-card video{background:#161819}dialog{background:#242628}#close{color:var(--text);border-color:#66685f}.resume-link{border-color:#8d8f86}
.filters{display:flex;align-items:center;gap:10px;margin-bottom:30px;flex-wrap:wrap}.filters button{font:12px "Microsoft YaHei",sans-serif;color:var(--muted);background:transparent;border:1px solid var(--line);padding:12px 18px;cursor:pointer;border-radius:2px}.filters button[aria-pressed=true]{color:var(--bg);background:var(--accent);border-color:var(--accent)}.filters button span{margin-left:8px;font-size:10px}.filters p{margin:0 0 0 auto;font-size:11px;color:var(--muted)}.work[hidden]{display:none!important}.gallery .work:first-child[hidden]+.work{grid-column:1/-1}.work figcaption{min-height:88px}.intro-bottom p{font-size:13px;line-height:2}.section-head>p,.section-intro{line-height:1.9}footer{align-items:flex-end;padding-top:55px;padding-bottom:50px}footer .eyebrow{margin-bottom:20px}footer h2{font-size:39px;line-height:1.5}footer>div>p:last-child{margin-top:18px}.top nav a{padding-top:10px;padding-bottom:10px}.video-card{padding-bottom:9px}.hero-image img{height:100%;width:100%}@media(max-width:540px){.filters{gap:8px;margin-bottom:25px}.filters button{font-size:11px;padding:11px 13px}.filters p{width:100%;margin:8px 0 0}.intro-bottom p{font-size:11px}.work figcaption{min-height:0}.section-head>p{line-height:1.8}footer h2{font-size:33px}footer .eyebrow{font-size:9px}.direct-video{padding:12px 0;margin-top:6px}.section-head h2 i{font-size:18px}}