/* Shared navigation geometry; pages vary through tone tokens only. */
body{padding-top:80px!important}html{scroll-padding-top:100px}
#fx-header{--fx-bg:#111217;--fx-fg:#f3f0e9;--fx-muted:#b5b4b5;--fx-line:#ffffff24;--fx-active:#e0baa4;position:fixed;inset:0 0 auto;z-index:2000;width:100%;max-width:none;height:80px;min-height:0;margin:0;padding:0;display:block;background:var(--fx-bg);color:var(--fx-fg);border:0;border-bottom:1px solid var(--fx-line);font:14px/1.4 Arial,"Microsoft YaHei",sans-serif;box-sizing:border-box}
#fx-header[data-tone=light]{--fx-bg:#f7f6f1;--fx-fg:#293e48;--fx-muted:#65757b;--fx-line:#293e4826;--fx-active:#a6523f}
#fx-header .fx-header-inner{height:100%;max-width:1600px;padding:0 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}
#fx-header .fx-brand{color:var(--fx-fg);text-decoration:none;white-space:nowrap}#fx-header .fx-brand strong{display:flex;gap:16px;align-items:center;font-size:17px;font-weight:600;letter-spacing:.1em;line-height:1.3}#fx-header .fx-brand strong span{font-size:13px;font-weight:400;letter-spacing:.08em;padding-left:16px;border-left:1px solid var(--fx-line)}#fx-header .fx-brand small{display:block;font-size:8px;letter-spacing:.17em;color:var(--fx-muted);margin-top:7px}
#fx-header .fx-actions{display:flex;align-items:center;gap:28px}#fx-header #fx-menu{display:flex;align-items:center;gap:30px;padding:0;margin:0;background:none;border:0;position:static;height:auto;width:auto}#fx-header #fx-menu a{display:block;position:relative;padding:10px 0;color:var(--fx-muted);text-decoration:none;font:13px/1.5 Arial,"Microsoft YaHei",sans-serif;letter-spacing:.02em;white-space:nowrap}#fx-header #fx-menu a:hover,#fx-header #fx-menu a[aria-current]{color:var(--fx-active)}#fx-header #fx-menu a[aria-current]:after{content:'';position:absolute;left:0;right:0;bottom:1px;height:2px;background:var(--fx-active)}
#fx-header .fx-language{font:12px Arial,sans-serif;letter-spacing:0;padding:8px 12px;min-width:45px;margin:0;border:1px solid var(--fx-line);border-radius:6px;background:transparent;color:var(--fx-fg);cursor:pointer}#fx-menu-toggle{display:none;background:none;border:1px solid var(--fx-line);border-radius:6px;width:38px;height:34px;padding:8px;cursor:pointer}#fx-menu-toggle span{display:block;height:1px;width:20px;margin:5px 0;background:var(--fx-fg)}#fx-header :focus-visible{outline:2px solid var(--fx-active);outline-offset:5px}
/* Shared editorial spacing for the legacy portfolio pages. */
body:has(.site-footer) .gallery-section{max-width:1480px;margin:auto;padding-left:clamp(22px,5vw,80px);padding-right:clamp(22px,5vw,80px)}body:has(.site-footer) .project-detail{max-width:1080px}body:has(.site-footer) .project-detail p,body:has(.site-footer) .gallery-text p{line-height:1.95}body:has(.site-footer) .page-title{letter-spacing:.025em}
.fx-tool-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 27px;background:#fffaf0;border-bottom:1px solid #e8e7dc}.fx-generator main{height:calc(100dvh - 156px)}.fx-generator .site-return{font-size:13px;padding:10px 14px}.fx-generator.capture #fx-header,.fx-generator.capture .fx-tool-header{display:none}.fx-generator.capture{padding-top:0!important}.fx-generator.capture main{height:100vh}
@media(max-width:900px){#fx-header .fx-header-inner{padding:0 24px}#fx-header #fx-menu{gap:18px}#fx-header .fx-actions{gap:16px}#fx-header .fx-brand strong span{display:none}}
@media(max-width:720px){body{padding-top:68px!important}#fx-header{height:68px}#fx-header .fx-header-inner{padding:0 18px;gap:15px}#fx-header .fx-brand strong{font-size:15px}#fx-header .fx-brand small{font-size:7px;letter-spacing:.08em}#fx-header .fx-actions{gap:10px}#fx-menu-toggle{display:block}#fx-header #fx-menu{display:none;position:absolute;left:0;right:0;top:68px;width:100%;padding:14px 24px 22px;background:var(--fx-bg);border-bottom:1px solid var(--fx-line);flex-direction:column;align-items:stretch;gap:2px;box-shadow:0 14px 20px #0002}#fx-header #fx-menu.fx-open{display:flex}#fx-header #fx-menu a{padding:12px 0}#fx-header #fx-menu a[aria-current]:after{right:auto;width:24px}.fx-tool-header{min-height:104px;height:auto;flex-wrap:wrap;gap:8px;padding:10px 14px}.fx-tool-header .site-return{order:3;width:100%;justify-content:center;padding:7px}.fx-generator main{height:calc(100dvh - 180px)}}

body .page-hero,body .about-section{margin-top:0}