:root{color-scheme:dark;font-family:"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;background:#071d30}body{display:grid;grid-template-rows:48px 1fr;overflow:hidden}.experience-bar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 clamp(16px,3vw,36px);border-bottom:1px solid rgba(255,255,255,.14);color:#f7f4ec;background:#071d30}.experience-bar a{flex:0 0 auto;color:inherit;text-decoration:none;font-size:10px;letter-spacing:.1em}.experience-bar a:focus-visible{outline:1px solid currentColor;outline-offset:5px}.experience-bar p{min-width:0;margin:0;display:flex;align-items:baseline;justify-content:flex-end;gap:10px;white-space:nowrap}.experience-bar p span,.experience-bar p small{font-size:7px;font-weight:400;letter-spacing:.16em;opacity:.5}.experience-bar p b{font-size:10px;font-weight:500;letter-spacing:.08em}.experience-frame{display:block;width:100%;height:100%;border:0;background:#111}@media(max-width:520px){body{grid-template-rows:44px 1fr}.experience-bar{gap:12px}.experience-bar p span,.experience-bar p small{display:none}.experience-bar p b{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}