:root{--portfolio-nav-surface:#fff;--portfolio-nav-ink:#253142;--portfolio-nav-muted:#687384;--portfolio-nav-accent:#405d84;--portfolio-nav-line:#d9dfe7}
.portfolio-crumb{box-sizing:border-box;display:flex;align-items:center;gap:14px;min-height:48px;padding:10px max(24px,calc((100% - 1280px)/2));background:var(--portfolio-nav-surface);color:var(--portfolio-nav-ink);border-bottom:1px solid var(--portfolio-nav-line);font:14px/1.7 'Microsoft YaHei','PingFang SC',sans-serif}
.portfolio-crumb a{color:var(--portfolio-nav-accent)!important;text-decoration:none!important;white-space:nowrap}.portfolio-crumb>span{color:var(--portfolio-nav-muted)}.portfolio-crumb>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.portfolio-crumb a:hover{text-decoration:underline!important;text-underline-offset:4px}
.portfolio-next{box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;gap:32px;width:min(1160px,100% - 48px);margin:64px auto 60px;padding:28px 0;border-top:1px solid var(--portfolio-nav-line);color:var(--portfolio-nav-ink);font-family:'Microsoft YaHei','PingFang SC',sans-serif}
.portfolio-next a{display:block;min-width:0;min-height:62px;text-decoration:none;color:inherit}.portfolio-next small{display:block;font-size:13px;line-height:1.7;color:var(--portfolio-nav-muted);margin-bottom:10px}.portfolio-next strong{font-size:clamp(17px,1.8vw,23px);line-height:1.6;font-weight:500}.portfolio-next a:last-child{text-align:right;border-left:1px solid var(--portfolio-nav-line);padding-left:28px}.portfolio-next a:hover{color:var(--portfolio-nav-accent)}
.portfolio-return{box-sizing:border-box;position:fixed;left:16px;bottom:16px;z-index:45;display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--portfolio-nav-line);border-radius:4px;background:var(--portfolio-nav-surface);color:var(--portfolio-nav-accent)!important;text-decoration:none!important;font:13px/1.7 'Microsoft YaHei','PingFang SC',sans-serif}.portfolio-return:hover{filter:brightness(.95)}
.portfolio-crumb a:focus-visible,.portfolio-next a:focus-visible,.portfolio-return:focus-visible{outline:2px solid var(--portfolio-nav-accent);outline-offset:4px}
@media(max-width:600px){.portfolio-crumb{padding:10px 18px;gap:10px;font-size:12px}.portfolio-next{gap:20px;margin-block:40px 72px}.portfolio-next a:last-child{padding-left:20px}.portfolio-return{left:12px;bottom:12px;padding:7px 11px}}
@media print{.portfolio-crumb,.portfolio-next,.portfolio-return{display:none!important}}