/* ONDA EDITION — 独立样式，不影响 portfolio-site。
   色板：白 #fff / 墨 #101013 / 紫 #713dde / 浅紫 #f5f2fb / 灰 #68686e。
   中文优先使用系统现代无衬线，避免依赖网络字体；英文标题使用 Arial。 */
:root{--paper:#fff;--ink:#101013;--purple:#713dde;--lavender:#f5f2fb;--gray:#68686e;--line:#e5e3e8;--gutter:clamp(22px,4vw,72px);--body:Arial,"PingFang SC","Microsoft YaHei UI","Microsoft YaHei",sans-serif;--mono:"Courier New",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}::selection{background:#dfcef9}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{background:none;border:0}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--purple);outline-offset:6px}button:disabled{cursor:default}.wrap{width:calc(100% - var(--gutter)*2);max-width:1440px;margin-inline:auto}.section{padding-block:128px}.muted{color:var(--gray)}.soft{background:#faf9fc}.eyebrow{font:11px/1.6 var(--mono);letter-spacing:.1em;display:flex;align-items:center;gap:10px;margin-bottom:32px}.eyebrow:before{content:"";width:6px;height:6px;background:var(--purple);flex:none}.pill{display:inline-flex;justify-content:center;align-items:center;gap:20px;padding:13px 23px;border-radius:99px;border:1px solid var(--line);font-size:13px;line-height:1.5;white-space:nowrap;transition:background .25s,color .25s,transform .25s}.pill.dark{background:var(--ink);border-color:var(--ink);color:white}.pill:hover{background:var(--lavender);transform:translateY(-2px)}.pill.dark:hover{background:var(--purple);border-color:var(--purple)}.pill span{font-size:16px}.actions{display:flex;gap:12px;flex-wrap:wrap}.skip{position:fixed;left:20px;top:-80px;background:var(--ink);color:white;padding:10px 20px;z-index:200}.skip:focus{top:10px}
.site-header{height:82px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:rgba(255,255,255,.96);z-index:30;border-bottom:1px solid transparent;transition:border-color .3s}.site-header.scrolled{border-bottom-color:var(--line)}.wordmark{font-size:30px;font-weight:600;letter-spacing:-1.5px;display:flex;align-items:center;gap:10px;line-height:1}.wordmark-dot{margin-left:-9px;color:var(--purple)}.site-header nav{display:flex;gap:34px;align-items:center}.site-header nav a{font-size:12px;letter-spacing:.08em;color:var(--gray);position:relative;padding:8px 0}.site-header nav a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--purple);transform:scaleX(0);transform-origin:left;transition:transform .3s}.site-header nav a:hover:after,.site-header nav a.active:after{transform:scaleX(1)}.site-header nav a.active{color:var(--ink)}.menu-button{display:none}.mobile-nav[hidden]{display:none}.mobile-nav{position:fixed;z-index:29;inset:70px 0 auto;background:white;border-bottom:1px solid var(--line);padding:24px;display:grid;gap:12px}.mobile-nav a{padding:7px}
.hero{min-height:min(850px,calc(100svh - 82px));position:relative;padding:42px var(--gutter) 0;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}.hero-art{position:absolute;inset:-120px -3% 0 12%;z-index:-1;pointer-events:none;animation:wave-enter 1.7s cubic-bezier(.2,.7,.2,1) both}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:60% 30%}.hero-meta{display:flex;justify-content:space-between;align-items:start;gap:24px;font:11px/1.7 var(--mono);letter-spacing:.1em;color:var(--gray)}.hero-meta p:first-child span{color:#85828d}.current-status{display:flex;align-items:center;gap:9px}.current-status i{display:inline-block;width:6px;height:6px;background:var(--purple);border-radius:50%}.hero-main{display:grid;grid-template-columns:1.4fr .7fr;gap:6%;align-items:end;margin-top:auto;padding:160px 0 62px}.hero-name{font-size:13px;letter-spacing:.08em;margin-bottom:20px;color:#45434b}.hero h1{font-weight:500;font-size:clamp(72px,7.5vw,120px);line-height:1.18;letter-spacing:-.045em}.hero h1>span{display:block;animation:title-enter 1.05s cubic-bezier(.2,.65,.2,1) both}.hero h1>span:nth-child(2){animation-delay:.12s}.full-stop{color:var(--purple);margin-left:-.1em}.hero-aside{max-width:380px;padding-bottom:8px;animation:title-enter 1.1s .2s both}.hero-aside>p:first-child{font-size:19px;line-height:1.8;margin-bottom:12px}.hero-aside .muted{font-size:14px;line-height:1.95;max-width:350px}.hero-aside .actions{margin-top:30px}.hero-foot{display:flex;justify-content:space-between;padding:17px 0 21px;font:10px/1.5 var(--mono);letter-spacing:.08em;color:var(--gray);border-top:1px solid var(--line)}.hero-foot a span{margin-left:20px;color:var(--purple)}.brand-strip{padding:33px var(--gutter);border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6%}.brand-strip>span{font:10px var(--mono);letter-spacing:.08em;color:var(--gray);flex:none}.brand-strip>div{display:flex;justify-content:space-between;align-items:center;gap:30px;flex:1}.brand-strip b{font-size:19px;letter-spacing:-.02em;font-weight:600;color:#67656e}
.about{display:grid;grid-template-columns:1fr 2fr;gap:64px 8%}.about-copy h2{font-size:clamp(30px,3vw,48px);font-weight:500;line-height:1.5;letter-spacing:-.03em;margin-bottom:28px}.about-copy>p{font-size:18px;line-height:2;max-width:780px}.about-copy>.muted{font-size:15px;margin-top:18px}.facts{display:grid;grid-template-columns:repeat(4,1fr);grid-column:1/-1;border-top:1px solid var(--line);margin-top:18px}.facts>div{padding:34px 28px;border-right:1px solid var(--line)}.facts>div:first-child{padding-left:0}.facts>div:last-child{border:0}.facts>div>span{font:10px var(--mono);letter-spacing:.08em;color:var(--gray)}.facts strong{display:block;font-size:54px;font-weight:400;line-height:1.4;letter-spacing:-.04em;margin:22px 0 14px;white-space:nowrap}.facts strong span{font-size:25px;margin-left:4px}.facts>div:nth-child(3) strong{font-size:32px;margin-top:37px;margin-bottom:25px}.facts p{font-size:12px;color:var(--gray)}
.section-heading{display:grid;grid-template-columns:1.4fr .7fr;gap:6%;align-items:end;margin-bottom:62px}.section-heading h2,.contact h2{font-size:clamp(36px,4.3vw,68px);line-height:1.32;letter-spacing:-.045em;font-weight:500}.section-heading>p{font-size:14px;color:var(--gray);line-height:2.1;padding-bottom:5px}.section-heading .eyebrow{margin-bottom:25px}.skills-list{border-top:1px solid var(--line)}.skills-list details{border-bottom:1px solid var(--line);transition:background .3s}.skills-list summary{list-style:none;display:grid;grid-template-columns:23% 1fr auto;align-items:center;gap:24px;padding:33px 0;cursor:pointer}.skills-list summary::-webkit-details-marker{display:none}.skill-code{font:11px var(--mono);letter-spacing:.08em;color:var(--gray)}.skills-list h3{font-size:27px;font-weight:400;letter-spacing:-.03em}.plus{font-size:28px;line-height:1;color:var(--purple);font-weight:300;transition:transform .3s;margin-right:8px}.skills-list details[open] .plus{transform:rotate(45deg)}.skills-list details[open] h3{color:var(--purple)}.skill-body{padding:0 60px 32px calc(23% + 24px);max-width:1040px;animation:detail-enter .35s ease}.skill-body>p{max-width:620px;line-height:2;color:var(--gray)}.skill-body .tags{margin:22px 0}.skill-body>a{font-size:12px;border-bottom:1px solid #c4b1df;padding-bottom:5px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags>span{font-size:10px;font-weight:400;line-height:1.5;border:1px solid #dedbe4;padding:5px 10px;border-radius:30px;color:var(--gray)}
.projects{display:grid;grid-template-columns:1.2fr 1fr;gap:80px 5%}.project{text-align:left;padding:0;display:block;min-width:0}.project:nth-child(even){margin-top:140px}.project-image{position:relative;display:block;overflow:hidden;aspect-ratio:1.32;background:var(--lavender);border-radius:4px}.project:nth-child(even) .project-image{aspect-ratio:1.16}.project-image>img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .6s;filter:saturate(.55)}.project-image:after{content:"";position:absolute;inset:0;background:radial-gradient(#8254c080 .7px,transparent .9px);background-size:5px 5px;opacity:.28;pointer-events:none;transition:opacity .6s}.project:hover .project-image>img,.project:focus-visible .project-image>img{transform:scale(1.035);filter:saturate(1)}.project:hover .project-image:after,.project:focus-visible .project-image:after{opacity:0}.project-label{position:absolute;top:20px;left:22px;font:10px/1.4 var(--mono);letter-spacing:.12em;background:#fffffff0;padding:8px 12px;border-radius:2px;z-index:1}.project-open{position:absolute;right:22px;bottom:22px;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;background:white;font-size:22px;transition:background .3s,color .3s,transform .4s}.project:hover .project-open{background:var(--purple);color:#fff;transform:rotate(45deg)}.project-meta{display:flex;justify-content:space-between;gap:12px;font:10px/1.6 var(--mono);color:var(--gray);margin:21px 0 13px}.project h3{font-size:clamp(24px,2.4vw,38px);font-weight:400;line-height:1.5;letter-spacing:-.03em;margin-bottom:22px}.evidence-link{border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:28px 0;margin-top:80px;text-align:left}.evidence-link>span{font-size:12px;color:var(--gray)}.evidence-link strong{font-size:22px;font-weight:400}.evidence-link:hover strong{color:var(--purple)}
.video-section{background:var(--lavender);overflow:hidden}.rail-heading{display:flex;justify-content:space-between;font:10px/1.5 var(--mono);letter-spacing:.08em;color:var(--gray);margin-bottom:20px}.rail-heading b{color:var(--purple);margin-left:10px}.video-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 64px)/5);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 0 0 2px;padding:6px 2px 20px;scrollbar-width:thin;scrollbar-color:#bda5e3 transparent;overscroll-behavior-x:contain}.video-card{padding:0;text-align:left;min-width:0;scroll-snap-align:start}.video-cover{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;border-radius:4px;background:#ded6ed}.video-cover>.poster{width:100%;height:100%;object-fit:cover;transition:transform .6s}.video-card:hover .poster{transform:scale(1.025)}.play{position:absolute;bottom:12px;right:12px;border:1px solid #ffffffa0;color:white;background:#0004;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:11px}.qr-preview{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;background:rgba(255,255,255,.97);padding:16px;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s;pointer-events:none}.qr-preview img{width:100%;max-width:240px;aspect-ratio:1;object-fit:contain}.qr-preview span{font-size:11px;color:var(--gray)}.video-card h3{font-size:14px;line-height:1.6;font-weight:500;margin-top:16px}.video-card>p{font:10px/1.6 var(--mono);color:var(--gray);margin-top:8px}.video-card:focus-visible .qr-preview{opacity:1;transform:none}.video-instruction{font-size:12px}
.timeline{border-top:1px solid var(--line)}.timeline article{display:grid;grid-template-columns:.7fr 1.2fr 1.15fr;gap:5%;padding:34px 0;border-bottom:1px solid var(--line)}.timeline time{font:12px/1.8 var(--mono);color:var(--gray)}.now{display:block;color:var(--purple);font:10px var(--body);margin-top:12px}.now:before{content:"";display:inline-block;width:5px;height:5px;background:var(--purple);border-radius:50%;margin-right:8px}.timeline h3{font-size:18px;line-height:1.6;font-weight:500;letter-spacing:-.02em}.timeline article>div>span{font-size:12px;color:var(--gray)}.timeline p{font-size:13px;line-height:1.95;color:var(--gray)}.education{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:46px}.education>span{font:10px var(--mono);letter-spacing:.08em;color:var(--gray)}.education p{font-size:14px}.education p span{font-size:12px;color:var(--gray)}.text-button{font-size:12px;border-bottom:1px solid var(--line);padding:8px 0;white-space:nowrap}
.contact{background:var(--lavender)}.contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:12%;align-items:center}.contact h2{font-size:clamp(34px,4.6vw,70px)}.contact-grid>div>p{font-size:14px;color:var(--gray);margin-top:30px;line-height:2}.contact-links>a,.contact-links>button{width:100%;border-bottom:1px solid #dcd4e8;padding:24px 0;display:grid;grid-template-columns:65px 1fr auto;gap:14px;align-items:center;text-align:left}.contact-links span{font:10px var(--mono);color:var(--gray)}.contact-links strong{font-size:clamp(14px,1.6vw,22px);font-weight:400;overflow-wrap:anywhere}.contact-links b{font-size:12px;font-weight:400;color:var(--purple)}.contact-links a:hover strong,.contact-links button:hover strong{color:var(--purple)}#copy-status{font-size:12px;min-height:22px;margin-top:12px}.footer-name{font-size:clamp(90px,18vw,260px);font-weight:500;letter-spacing:-.09em;line-height:1.2;padding:50px 0}.footer-name span{color:var(--purple)}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:22px;font:10px/1.7 var(--mono);padding:25px 0 35px;color:var(--gray)}
/* 原生 dialog 提供焦点约束；关闭后浏览器恢复触发按钮焦点。 */
dialog{color:var(--ink);border:1px solid var(--line);padding:0;border-radius:8px;width:min(920px,calc(100% - 36px));max-height:90svh;overscroll-behavior:contain;background:white}dialog::backdrop{background:#14101999;backdrop-filter:blur(5px)}dialog[open]{animation:detail-enter .3s ease}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 32px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.dialog-toolbar>span{font:10px var(--mono);letter-spacing:.08em;color:var(--gray)}.close-dialog{font-size:12px;border:1px solid var(--line);padding:7px 14px;border-radius:30px;white-space:nowrap}.close-dialog:hover{background:var(--lavender)}#project-content{padding:42px}#project-content h2{font-size:40px;line-height:1.4;font-weight:500;letter-spacing:-.03em}#project-content .project-subtitle{font-size:17px;margin:14px 0 28px;color:var(--gray)}.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-block:1px solid var(--line);padding:22px 0;margin-bottom:32px}.case-facts small{display:block;font:10px var(--mono);color:var(--gray);margin-bottom:7px}.case-facts p{font-size:13px}.case-copy{display:grid;grid-template-columns:110px 1fr;gap:20px;margin:24px 0}.case-copy h3{font-size:14px;font-weight:500}.case-copy p,.case-copy li{font-size:14px;line-height:1.95;color:var(--gray)}.case-copy ul{padding-left:17px;margin:0}.case-evidence{margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}.case-evidence img{width:100%;height:auto;border:1px solid var(--line);border-radius:4px;cursor:zoom-in}.case-evidence a{display:block}.case-evidence figcaption{font-size:11px;color:var(--gray);margin-top:10px}.case-evidence figure{margin:22px 0}.case-note{font-size:11px;color:var(--gray);background:var(--lavender);padding:15px 20px;margin-top:28px}#qr-dialog{width:min(460px,calc(100% - 32px));padding:28px;text-align:center}#qr-dialog>.close-dialog{display:block;margin-left:auto;margin-bottom:24px}#qr-dialog .eyebrow{justify-content:center;margin-bottom:12px}#qr-dialog h2{font-size:23px;line-height:1.6;font-weight:500}#qr-image{width:100%;max-width:340px;height:auto;margin:18px auto}#qr-dialog>p{font-size:12px;line-height:1.9}#save-qr{margin-top:22px;font-size:12px}
/* 仅在观察器可用时启用渐进出现；减少动态偏好直接显示所有内容。 */
.motion-enabled .reveal{opacity:0;transform:translate3d(0,22px,0);transition:opacity .7s ease,transform .85s cubic-bezier(.2,.65,.2,1)}.motion-enabled .reveal.visible{opacity:1;transform:none}@keyframes title-enter{from{opacity:0;transform:translate3d(0,30px,0)}to{opacity:1;transform:none}}@keyframes wave-enter{from{opacity:0;transform:translate3d(30px,-20px,0)}to{opacity:1;transform:none}}@keyframes detail-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.video-card:hover .qr-preview{opacity:1;transform:none}}
@media(min-width:1700px){.hero{padding-inline:max(var(--gutter),calc((100vw - 1440px)/2))}.hero-art{inset:-100px 0 0 15%}}
@media(max-width:1000px){.hero{min-height:730px}.hero-main{grid-template-columns:1.2fr 1fr;gap:5%;padding-top:170px}.hero h1{font-size:clamp(58px,7.6vw,80px)}.hero-aside>p:first-child{font-size:17px}.hero-aside .muted{font-size:13px}.hero-aside .pill{padding:12px 18px;gap:12px}.section{padding-block:95px}.facts strong{font-size:45px}.facts>div{padding-inline:18px}.facts>div:nth-child(3) strong{font-size:25px;margin-top:34px;margin-bottom:24px}.section-heading{grid-template-columns:1.2fr 1fr}.skill-body{padding-left:calc(23% + 24px)}.video-rail{grid-auto-columns:calc((100% - 48px)/4.2)}.timeline article{grid-template-columns:.7fr 1.2fr;gap:12px 6%}.timeline article>p{grid-column:2}.contact-grid{gap:8%}.contact-links>a,.contact-links>button{grid-template-columns:50px 1fr auto;gap:8px}}
@media(max-width:700px){:root{--gutter:23px}html{scroll-padding-top:85px}.site-header{height:70px}.site-header nav,.header-contact{display:none}.wordmark{font-size:26px}.wordmark img{width:25px;height:25px}.menu-button{display:grid;gap:6px;width:40px;padding:10px 6px}.menu-button span{height:1px;background:var(--ink);width:25px;transition:transform .2s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{min-height:0;padding-top:25px}.hero-meta{font-size:9px;letter-spacing:.05em}.current-status{max-width:122px;font-size:8px;gap:5px}.current-status i{width:4px;height:4px;flex:none}.hero-art{inset:-10px -145px 25% -150px;opacity:.9}.hero-art img{object-position:67% 10%}.hero-main{display:block;padding:150px 0 36px}.hero-name{font-size:11px;margin-bottom:18px}.hero h1{font-size:clamp(54px,11.9vw,82px);line-height:1.25;letter-spacing:-.05em}.hero-aside{max-width:100%;margin-top:35px;padding:0}.hero-aside>p:first-child{font-size:17px}.hero-aside>p:first-child br{display:none}.hero-aside .muted{max-width:440px;font-size:13px}.hero-aside .actions{margin-top:24px}.hero-foot{font-size:8px;padding-block:17px;gap:15px}.hero-foot a span{margin-left:6px}.brand-strip{display:block;padding-block:24px}.brand-strip>span{font-size:9px}.brand-strip>div{margin-top:18px;flex-wrap:wrap;justify-content:flex-start;column-gap:24px;row-gap:13px}.brand-strip b{font-size:16px}.section{padding-block:75px}.eyebrow{font-size:10px;margin-bottom:24px}.about{display:block}.about-copy h2{font-size:33px;line-height:1.4}.about-copy>p{font-size:16px}.about-copy>.muted{font-size:13px}.facts{grid-template-columns:1fr 1fr;margin-top:38px}.facts>div{padding:25px 0!important;border-right:0;border-bottom:1px solid var(--line)}.facts>div:nth-child(even){padding-left:22px!important;border-left:1px solid var(--line)}.facts>div:last-child{border-bottom:1px solid var(--line)}.facts strong{font-size:44px;margin:15px 0 8px}.facts strong span{font-size:22px}.facts>div:nth-child(3) strong{font-size:25px;margin:29px 0 20px}.facts p{font-size:10px}.facts>div>span{font-size:9px}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:37px;line-height:1.38}.section-heading>p{margin-top:24px;font-size:13px;line-height:1.95}.skills-list summary{grid-template-columns:1fr auto;gap:7px;padding:24px 0}.skill-code{grid-column:1;font-size:9px}.skills-list h3{grid-row:2;font-size:22px;line-height:1.5}.plus{grid-column:2;grid-row:1/3;font-size:27px}.skill-body{padding:0 15px 26px 0;font-size:13px}.skill-body .tags{margin:17px 0}.projects{gap:40px;grid-template-columns:1fr}.project:nth-child(even){margin-top:0}.project .project-image,.project:nth-child(even) .project-image{aspect-ratio:1.35}.project h3{font-size:26px;margin-bottom:18px}.project-meta{margin:17px 0 9px;font-size:9px}.project-label{top:15px;left:15px;font-size:9px}.project-open{right:15px;bottom:15px}.evidence-link{margin-top:40px;display:grid;gap:12px;padding:24px 0}.evidence-link strong{font-size:21px}.evidence-link>span{font-size:11px}.video-rail{grid-auto-columns:calc((100% - 30px)/2.5);gap:12px;overflow: auto;padding-bottom:18px}.video-card h3{font-size:12px;line-height:1.6;margin-top:12px}.video-card>p{font-size:8px}.qr-preview{display:none}.rail-heading{font-size:8px}.video-instruction{font-size:0}.video-instruction:after{content:"左右滑动浏览，点击封面查看视频二维码。";font-size:12px}.timeline article{grid-template-columns:1fr;padding:26px 0;gap:14px}.timeline time{font-size:11px;display:flex;align-items:center;gap:14px}.now{margin:0}.timeline h3{font-size:18px}.timeline article>p{grid-column:1;font-size:13px}.education{display:block;margin-top:35px}.education p{margin-top:16px;font-size:13px}.education .text-button{margin-top:16px}.contact-grid{display:block}.contact h2{font-size:38px}.contact-grid>div>p{margin-top:22px}.contact-links{margin-top:35px}.contact-links strong{font-size:18px}.contact-links>a,.contact-links>button{padding:22px 0;grid-template-columns:55px 1fr auto}.footer-name{font-size:24vw;padding:35px 0}.footer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:9px;padding-block:22px 30px}.footer-bottom>:nth-child(even){text-align:right}.dialog-toolbar{padding:14px 20px}.dialog-toolbar>span{font-size:8px}#project-content{padding:25px 22px}#project-content h2{font-size:29px}#project-content .project-subtitle{font-size:14px}.case-facts{grid-template-columns:1fr;gap:15px}.case-copy{display:block}.case-copy h3{margin-bottom:10px}.case-copy p,.case-copy li{font-size:13px}.case-note{padding:15px;font-size:10px}#qr-dialog{padding:21px}.qr-preview span{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-enabled .reveal{opacity:1;transform:none}}
@media print{body{font-size:11px}.site-header,.hero,.brand-strip,#skills,#work,#videos,#contact,footer,dialog,.eyebrow,.skip,.education button,.mobile-nav{display:none!important}.section{padding:20px 0}.wrap{width:100%}.about{display:block}.about:before{content:"黄国强 / 内容策划 · 新媒体运营";display:block;font-size:24px;font-weight:600;margin-bottom:15px}.about:after{content:"183 2010 1557 · 358232876@qq.com · 佛山";display:block;margin-top:16px}.about-copy h2,.facts,#experience .section-heading{display:none}.about-copy>p{font-size:11px;line-height:1.8}.about-copy>.muted{font-size:10px}.timeline article{display:grid;grid-template-columns:130px 1fr;padding:13px 0;gap:7px 20px;break-inside:avoid}.timeline article>p{grid-column:2;font-size:10px}.timeline h3{font-size:13px}.timeline time,.timeline article>div>span{font-size:10px}.education{margin-top:22px}.reveal{opacity:1!important;transform:none!important}@page{size:A4;margin:17mm}}