/* ————————————————————————————— Header ————————————————————————————— */ [id="D2128934383"] .Header-half-left, [id="D2128934383"] .Header-half-right{ position: fixed !important; top: 1px !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; border: 0 !important; z-index: 10 !important; } /* 左半屏 */ [id="D2128934383"] .Header-half-left{ left: 0 !important; width: 50vw !important; height: 18px !important; display: flex !important; align-items: flex-start !important; } /* 右半屏：正常情况永远一排 */ [id="D2128934383"] .Header-half-right{ left: 50vw !important; width: 50vw !important; height: 18px !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: flex-start !important; align-content: flex-start !important; justify-content: flex-start !important; } /* 通用 column */ [id="D2128934383"] .Header-half-left column-unit, [id="D2128934383"] .Header-half-right column-unit{ box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; min-width: 0 !important; display: flex !important; flex-direction: row !important; align-items: flex-start !important; justify-content: flex-start !important; line-height: 1 !important; } /* 左边 */ [id="D2128934383"] .Header-half-left column-unit{ flex: 0 0 auto !important; width: auto !important; max-width: none !important; } /* 右边四个：强制横排四等分 */ [id="D2128934383"] .Header-half-right column-unit{ flex: 0 0 25% !important; width: 25% !important; max-width: 25% !important; } /* 清除第一层默认间距 */ [id="D2128934383"] .Header-half-left column-unit > *, [id="D2128934383"] .Header-half-right column-unit > *{ margin: 0 !important; padding: 0 !important; line-height: 1 !important; } /* 字体：和 footer 一样大 */ [id="D2128934383"] h1{ margin: 0 !important; padding: 0 !important; font-size: clamp(11px,1vw,18px) !important; letter-spacing: 0.02em !important; color: #d1d1d1 !important; font-weight: 700 !important; line-height: 1 !important; transition: color .2s ease !important; } /* 假链接 */ .about-link, .nav-link{ display: inline !important; margin: 0 !important; padding: 0 !important; color: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; text-decoration: none !important; } /* 右侧 hover */ .nav-link:hover{ color: #ffffff !important; } /* ————————————————— About hover 切换 ————————————————— */ .about-switch{ position: relative !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; font-size: clamp(11px,1vw,18px) !important; } .about-text{ display: inline !important; margin: 0 !important; padding: 0 !important; font-size: inherit !important; opacity: 1 !important; transition: opacity .18s ease !important; } /* logo 层：横纵中心都对齐 About */ .about-logo-layer{ position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%,-50%) !important; opacity: 0 !important; transition: opacity .18s ease !important; pointer-events: auto !important; white-space: nowrap !important; } /* 禁止 Cargo 查看图片 */ [id="D2128934383"] .about-logo-layer .about-logo, [id="D2128934383"] .about-logo-layer media-item, [id="D2128934383"] .about-logo-layer *{ pointer-events: none !important; -webkit-user-drag: none !important; user-select: none !important; } /* logo */ .about-logo{ display: block !important; transform: scale(1) !important; transform-origin: center center !important; transition: transform .18s ease !important; } /* hover */ .about-switch:hover .about-text{ opacity: 0 !important; } .about-switch:hover .about-logo-layer{ opacity: 1 !important; } .about-switch:hover .about-logo{ transform: scale(1.25) !important; } /* 只有窄屏才两行 */ @media (max-width: 760px){ [id="D2128934383"] .Header-half-right{ height: 28px !important; flex-wrap: wrap !important; } [id="D2128934383"] .Header-half-right column-unit{ flex: 0 0 50% !important; width: 50% !important; max-width: 50% !important; height: 14px !important; } } /* 只让第4个（EVENT）变白 */ [id="D2128934383"] .Header-half-right column-unit:nth-child(4) .nav-link{ color: #ffffff !important; }

About

Graphic

Architecture

Experimental

Event

About

Graphic

Architecture

Experimental

Event

Email Email: jettajingyi.lin@gmail.com