@charset "UTF-8";
:root{--paper:#f7f5ef;--ink:#30243d;--muted:#77717b;--line:#ddd8de;--purple:#76528d;--lime:#e3ed93}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--purple);outline-offset:5px}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);max-width:1280px;margin:auto;padding:0 40px}.brand{font-weight:700;font-size:21px}.brand span{font:11px Georgia,serif;letter-spacing:2px;margin-left:12px}nav{display:flex;gap:30px;align-items:center;font-size:13px}.print-button{border:1px solid var(--ink);border-radius:30px;padding:10px 18px;background:transparent}main{max-width:1280px;margin:auto}.hero{padding:65px 64px 0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--purple);margin-right:8px}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}h1{font-size:clamp(42px,5.2vw,70px);font-weight:500;line-height:1.3;letter-spacing:-3px;margin:32px 0 22px}.accent{color:var(--purple);position:relative}.accent:after{content:"";position:absolute;background:var(--lime);height:12px;bottom:2px;left:0;right:0;z-index:-1}.intro{font-size:15px;line-height:2;color:var(--muted)}.primary{display:inline-flex;gap:45px;background:var(--ink);color:white;border-radius:40px;padding:16px 24px;margin-top:19px;font-size:14px}.hero-art{position:relative;height:425px;background:#e6dfed;border-radius:48% 48% 8px 8px;margin-top:20px}.paper{position:absolute;width:43%;height:290px;object-fit:cover;object-position:top;box-shadow:0 15px 28px #30243d26;border:7px solid white}.one{left:12%;top:70px;transform:rotate(-12deg)}.two{left:45%;top:102px;transform:rotate(12deg)}.art-note{position:absolute;top:28px;left:27%;font:10px Georgia,serif;letter-spacing:3px}.art-caption{position:absolute;bottom:16px;left:24px;font-size:11px;letter-spacing:4px}.seal{position:absolute;right:-15px;top:40px;background:var(--lime);height:100px;width:100px;border-radius:50%;display:grid;place-content:center;text-align:center;line-height:1.55;font-size:14px;transform:rotate(12deg)}.hero-bottom{display:flex;justify-content:space-between;margin-top:58px;padding:20px 0;border-top:1px solid var(--line);font-size:10px;letter-spacing:2px}.overview{display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;margin:30px 64px 80px;padding:30px 0;border-bottom:1px solid var(--line);gap:20px}.overview strong{display:block;font:40px Georgia,serif;margin-bottom:12px}.overview span{font-size:11px;color:var(--muted)}.overview p{font-size:14px;line-height:1.9;margin:0}.overview small{display:block;font-size:10px;color:var(--muted);margin-top:8px}.works{padding:0 64px 80px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}h2{font-weight:500;font-size:34px;line-height:1.5;letter-spacing:-1px;margin:15px 0}.section-heading p{font-size:12px;line-height:1.9;color:var(--muted)}.filters{display:flex;gap:10px;margin:30px 0}.filters button{background:transparent;border:1px solid var(--line);border-radius:30px;padding:9px 19px;font-size:12px}.filters button.active{background:var(--ink);border-color:var(--ink);color:white}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 30px}.project-card{display:block;width:100%;padding:0;text-align:left;background:transparent;border:0}.project-card[hidden]{display:none}.project-cover{height:310px;overflow:hidden;position:relative;border-radius:3px;display:flex;align-items:center;justify-content:center}.lilac{background:#e3ddec}.pink{background:#eddcdb}.blue{background:#dce7ed}.yellow{background:#ede8c7}.green{background:#dfe5d8}.dark{background:#342e3d;color:#f4f1ea}.project-cover img{width:58%;height:88%;object-fit:cover;object-position:top;transform:translateY(25px) rotate(-5deg);border:6px solid white;box-shadow:0 10px 25px #30243d20;transition:transform .25s}.project-card:hover .project-cover img{transform:translateY(15px) rotate(0)}.cover-type{white-space:pre-line;font-family:"SimSun",serif;font-size:48px;line-height:1.25;letter-spacing:3px}.cover-index{position:absolute;top:17px;left:20px;font:11px Georgia,serif;letter-spacing:2px}.cover-arrow{position:absolute;bottom:17px;right:18px;border:1px solid currentColor;width:34px;height:34px;display:grid;place-items:center;border-radius:50%}.project-card .eyebrow{font-size:9px;margin-top:19px;color:var(--purple)}.project-card h3{font-size:21px;font-weight:500;margin:10px 0}.project-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.about{border-top:1px solid var(--line);margin:0 64px;padding:65px 0;display:grid;grid-template-columns:1fr 1fr;gap:65px}.about p{font-size:13px;line-height:1.9;color:var(--muted)}.text-link{font-size:13px;display:inline-block;border-bottom:1px solid var(--ink);padding:10px 0}.skills article{display:flex;gap:22px;border-bottom:1px solid var(--line);padding:14px 0}.skills article>span{font:14px Georgia,serif;color:var(--purple);padding-top:6px}.skills h3{font-size:16px;font-weight:500;margin:0}.skills p{margin:8px 0}.contact{padding:65px 64px;background:#e4ddeb;text-align:center}.contact h2{font-size:40px;margin:24px 0}.contact>a{display:inline-block;font-size:20px;border-bottom:1px solid;padding-bottom:8px}.contact p{font-size:12px;color:var(--muted);margin-top:25px}footer{max-width:1280px;margin:auto;padding:28px 40px;display:flex;align-items:center;justify-content:space-between;font-size:11px}dialog{width:min(960px,94vw);max-height:90vh;padding:0;border:0;border-radius:10px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#201827ad;backdrop-filter:blur(4px)}.dialog-toolbar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line);padding:16px 25px;font-size:10px;letter-spacing:1px}.dialog-toolbar button{background:transparent;border:1px solid var(--line);padding:8px 15px;border-radius:25px}#dialog-content{padding:32px}.detail-meta{color:var(--purple);font-size:12px}.detail-copy{line-height:1.9;font-size:14px}.detail-copy dt{font-weight:700;margin-top:18px}.detail-copy dd{margin:5px 0;color:var(--muted)}.file-links{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.file-links a{padding:10px 14px;border:1px solid var(--line);border-radius:5px;font-size:12px}.full-image{width:100%;height:auto;display:block;margin:16px auto;background:white}.media-item{border-top:1px solid var(--line);padding-top:15px;margin-top:25px}.media-item h3{font-size:15px}video{display:block;width:100%;max-height:65vh;background:#18141b}select{width:100%;padding:12px;background:white;border:1px solid var(--line);margin-bottom:15px;font:inherit;font-size:13px}.print-only{display:none}
@media(max-width:760px){header{padding:0 20px;height:75px}.brand{font-size:18px}.brand span{display:none}nav{gap:15px;font-size:11px}.print-button{padding:8px 12px}.hero{padding:36px 24px 0}.hero-grid{grid-template-columns:1fr;gap:20px}h1{font-size:46px}.hero-art{height:330px;max-width:400px;width:100%;margin:15px auto}.paper{height:220px}.two{top:80px}.one{top:55px}.hero-bottom{font-size:8px;letter-spacing:1px;margin-top:30px}.overview{grid-template-columns:1fr 1fr;margin:20px 24px 50px;gap:25px}.overview strong{font-size:32px}.overview p{font-size:12px}.works{padding:0 24px 45px}.section-heading{display:block}h2{font-size:28px}.filters{gap:6px;flex-wrap:wrap}.filters button{padding:8px 12px;font-size:11px}.project-grid{grid-template-columns:1fr;gap:30px}.project-cover{height:310px}.about{margin:0 24px;padding:40px 0;grid-template-columns:1fr;gap:20px}.contact{padding:45px 20px}.contact h2{font-size:30px}.contact>a{font-size:18px}footer{padding:24px 20px;flex-wrap:wrap;gap:20px}#dialog-content{padding:22px}#dialog-content h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.works{padding-top:45px}.work-section{padding-top:30px;margin-bottom:65px;border-top:1px solid var(--line)}.work-section[hidden]{display:none}.category-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:28px}.category-heading h3{font-size:29px;font-weight:500;margin:12px 0}.category-heading h3 span{font-size:12px;color:var(--muted);margin-left:15px}.category-heading p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.category-note{font-size:11px;color:var(--purple);white-space:nowrap}.subgroup-title{font-size:15px;font-weight:500;border-left:3px solid var(--purple);padding-left:12px;margin:25px 0 20px}.subgroup-title span{color:var(--muted);font-size:11px;margin-left:10px}.work-subgroup+.work-subgroup{margin-top:36px}.work-section .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}.work-section .project-cover{height:265px}.work-section .project-cover img{width:82%;height:91%;transform:translateY(18px) rotate(-3deg)}.work-section .project-card:hover img{transform:translateY(8px) rotate(0)}.work-section .project-card h3{font-size:17px;line-height:1.65;margin:12px 0 8px}.card-body{padding-top:15px}.role-tag{font-size:10px;color:var(--purple);line-height:1.7;display:inline-block;background:#e9e2ee;padding:4px 8px;border-radius:3px}.card-action{display:inline-block;font-size:11px;border-bottom:1px solid var(--line);padding-bottom:5px;margin-top:14px}.filters{flex-wrap:wrap;margin-bottom:38px}.work-section .project-cover .cover-type{font-size:38px}.pdf-preview{width:100%;height:70vh;border:1px solid var(--line)}.work-section:has(.project-grid>.project-card:only-child) .project-grid{grid-template-columns:minmax(0,1fr)}.project-grid>.project-card:only-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:35px;align-items:center}.project-grid>.project-card:only-child h3{font-size:25px}.project-grid>.project-card:only-child .card-body{padding:20px}.print-media-note{font-size:8pt;color:#777}.print-category{color:#76528d;font-size:9pt}
@media(max-width:960px){.work-section .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-note{display:none}}
@media(max-width:600px){.work-section .project-grid{grid-template-columns:1fr}.project-grid>.project-card:only-child{display:block}.project-grid>.project-card:only-child .card-body{padding:15px 0}.project-grid>.project-card:only-child h3{font-size:19px}.category-heading h3{font-size:25px}.work-section .project-cover{height:320px}.work-section .project-cover img{width:72%}.works{padding-top:25px}.work-section{margin-bottom:45px}}
.work-section .video-cover{height:auto;aspect-ratio:16/9;background:#211d27}.work-section .video-cover img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;border:0;box-shadow:none}.work-section .project-card:hover .video-cover img{transform:none;filter:brightness(1.06)}.video-cover .cover-index{z-index:1;top:12px;left:12px;background:#211d27b3;color:white;border-radius:3px;padding:5px 7px;font-size:9px}.video-cover .cover-arrow{z-index:1;background:#211d27a8;color:white;bottom:12px;right:12px;width:36px;height:36px;border-color:#ffffff9c}.video-duration{position:absolute;bottom:14px;left:12px;color:white;background:#211d27c9;padding:4px 7px;border-radius:3px;font:11px monospace}.work-section[data-category="ai"] .video-cover{aspect-ratio:3/4}.work-section[data-category="ai"] .video-cover img{object-fit:contain}.work-section[data-category="ai"] .project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:600px){.work-section[data-category="ai"] .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.work-section[data-category="ai"] .project-card h3{font-size:15px}.work-section[data-category="ai"] .project-card p{font-size:11px}}
.project-disclosure{color:var(--purple);font-size:12px;line-height:1.8;padding:10px 14px;background:#eae4ef;border-radius:4px}.file-links:empty{display:none}
@media print{.print-text-project{display:block}.print-text-project p{font-size:10pt;line-height:1.9}.print-text-project h3{font-size:17pt;margin-bottom:7mm}}
@page{size:A4;margin:15mm}
@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}html,body{background:white;color:#30243d;font-size:10pt}.screen,dialog,noscript{display:none!important}.print-only{display:block}.print-page{break-after:page;page-break-after:always}.print-page:last-child{break-after:auto;page-break-after:auto}.print-page h1{font-size:36pt;margin:12mm 0 7mm}.print-page h2{font-size:23pt;margin:7mm 0}.print-page h3{font-size:14pt}.print-page p{line-height:1.85}.print-kicker{font-size:9pt;letter-spacing:2px;border-bottom:1px solid #ddd;padding-bottom:5mm}.print-intro{background:#e4ddeb;padding:10mm;margin:10mm 0}.print-stats{display:flex;gap:14mm;margin:9mm 0}.print-stats strong{font-size:25pt;display:block}.print-stats span{font-size:8pt}.print-project{display:grid;grid-template-columns:52mm 1fr;gap:7mm;margin:8mm 0 12mm;break-inside:avoid}.print-project img{width:52mm;height:65mm;object-fit:cover;object-position:top;border:1px solid #eee}.print-project h3{margin:0 0 3mm}.print-project p{font-size:9pt;margin:2mm 0}.print-graphic{width:52mm;height:65mm;background:#e4ddeb;display:flex;align-items:center;justify-content:center;white-space:pre-line;font:23pt "SimSun",serif}.print-foot{font-size:8pt;color:#777;border-top:1px solid #ddd;padding-top:4mm}.print-skills{line-height:2;font-size:10pt}}
@media print{.print-intro{display:grid;grid-template-columns:1fr 1fr;gap:2mm 7mm;padding:7mm;margin:7mm 0}.print-intro h2{grid-column:1/-1;margin:0 0 3mm}.print-intro p{margin:1mm 0;font-size:9pt}.print-video img{object-fit:contain;background:#211d27}}
.project-disclosure{font-size:12px;line-height:1.8;color:var(--purple);background:#e9e2ee;padding:10px 14px;border-radius:4px}.card-body .project-disclosure{margin-top:14px}.work-section[data-category="app"] .cover-type{font-size:36px;line-height:1.6}

.work-section .editorial-cover img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;transform:none;border:0;box-shadow:none}.work-section .project-card:hover .editorial-cover img{transform:none}.editorial-cover .cover-index{background:#ffffffde;padding:5px 8px;border-radius:3px}.work-section .blurred-cover img{width:100%;height:100%;object-fit:cover;transform:none;border:0}.work-section .project-card:hover .blurred-cover img{transform:none}.original-link{background:var(--ink);color:white}
.work-section[data-category="aigc-experience"] .video-cover{aspect-ratio:3/4}.work-section[data-category="aigc-experience"] .video-cover img{object-fit:contain}.work-section[data-category="aigc-experience"] .project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.work-section[data-category="aigc-experience"] .project-card{align-self:start}
@media(max-width:600px){.work-section[data-category="aigc-experience"] .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.work-section[data-category="aigc-experience"] .project-card h3{font-size:15px}.work-section[data-category="aigc-experience"] .project-card p{font-size:11px}}