a,button,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a,button{transition:background-color .25s,border-color .25s,box-shadow .25s,translate .25s,scale .15s,color .25s}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid #d2e0ff;outline-offset:5px}
.resume-actions{display:flex;flex-direction:column;gap:12px;min-width:250px}.resume-actions .resume-button{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:16px 22px;border:1px solid #637995;border-radius:8px;background:#24344a;color:#e6efff;font-size:14px;min-height:56px}.resume-actions .resume-download{background:#b9cefa;color:#152238;border-color:#b9cefa;font-weight:600}.resume-button b{font-size:20px;font-weight:400;transition:transform .25s}.resume-button:hover b{transform:translate(2px,-3px)}
.header nav{gap:8px}.header nav a{padding:9px 14px;border:1px solid #52657d;border-radius:24px;background:#233044}.header nav a:after{display:none}.header nav a.active{background:#b9cefa;color:#152238;border-color:#b9cefa}.header .wordmark{border:1px solid #43536b;border-radius:8px;padding:6px 10px}
.identity-enter,.folio-footer>a,.contact-bottom a,.contact-bottom button,footer>a,.quiet-motion-control button,#original-image,#close-viewer{border:1px solid #536983;border-radius:8px;background:#233247;color:#e2ecff;padding:12px 18px}.identity-enter{min-width:180px}.folio-footer>a{font-size:11px}.quiet-motion-control button{padding:7px 11px;font-size:11px}.quiet-motion-control button:hover{color:#fff}.contact-bottom .email{font-size:clamp(17px,2.1vw,30px);padding:18px 22px}.contact-bottom>div{display:flex;flex-direction:column;gap:10px}.contact-bottom #copy-wechat{margin:0;text-align:left}.contact-bottom a{display:inline-flex}.contact-bottom #copy-status{font-size:12px}footer>a{display:inline-flex}.floating-index{border-radius:26px}
.contents-list{display:flex;flex-direction:column;gap:12px}.contents-list>a{border:1px solid #485c77;border-radius:10px;background:#21304580;padding:22px 24px}.contents-list>a:hover{padding-left:24px;background:#2b405b;color:#edf4ff}.contents-list i{transition:transform .25s}.contents-list>a:hover i{transform:translate(4px,-4px)}
.project,.archive-card{border:1px solid #43556d;border-radius:12px;padding:12px;background:#1b293b80;overflow:hidden}.project-meta{padding:18px 8px 8px}.archive-card strong,.archive-card small{padding-left:6px;padding-right:6px}.archive-card small{padding-bottom:8px}.project-image,.archive-card img{border-radius:6px}.project:hover,.archive-card:hover{border-color:#9cb8e6;background:#27394f;box-shadow:0 14px 30px #030a162e}.button,.portfolio-read{border-radius:8px!important}.viewer-controls button,.viewer-controls select{border-radius:7px}#viewer .gallery-page>a{position:relative;border:1px solid #526c91;border-radius:8px;overflow:hidden}#viewer .gallery-page>a:after{content:'查看大图 ↗';position:absolute;right:14px;bottom:14px;border:1px solid #98b3d7;border-radius:24px;background:#172536ec;color:#edf4ff;padding:10px 15px;font-size:12px;pointer-events:none}#viewer .gallery-page>a:hover{border-color:#bed5fa}.viewer-controls button:disabled{opacity:.4;cursor:not-allowed}
@media(hover:hover){a:hover,button:not(:disabled):hover{translate:0 -2px}a:hover,button:not(:disabled):hover{box-shadow:0 6px 18px #080f1a24}.resume-actions .resume-button:hover{background:#344b68;border-color:#b9cefa}.resume-actions .resume-download:hover{background:#d0dfff;color:#152238}}
a:active,button:not(:disabled):active{scale:.975;translate:0 0}.gallery-page>a:active{scale:.995}
@media(max-width:1050px){.experience .section-heading{flex-wrap:wrap;gap:24px}}
@media(max-width:720px){.resume-actions{margin-top:24px;width:100%}.header nav{gap:5px}.header nav a{padding:8px 9px;font-size:12px}.header .wordmark{font-size:19px;padding:6px}.header{padding-left:12px;padding-right:12px}.contents-list>a{padding:20px 16px}.contents-list>a:hover{padding-left:16px}.folio-footer>a{padding:10px;font-size:9px}.quiet-motion-control button{font-size:10px;padding:6px 8px}.project,.archive-card{padding:8px}.project-meta{padding:14px 3px 5px}.contact-bottom{align-items:stretch}.contact-bottom .email{font-size:18px;padding:15px 12px}.viewer-controls #original-image{padding:8px}.viewer-controls button{min-height:40px}.viewer-controls select{min-height:36px}}
@media(prefers-reduced-motion:reduce){a,button,.resume-button b,.contents-list i{transition:none!important}a:hover,button:hover,a:active,button:active{translate:none;scale:1}.resume-button:hover b,.contents-list>a:hover i{transform:none}}
html[data-editorial-motion=off] a,html[data-editorial-motion=off] button{transition:none}html[data-editorial-motion=off] a:hover,html[data-editorial-motion=off] button:hover{translate:none}