.project-top-nav{z-index:1000;color:#343130;box-sizing:border-box;-webkit-backdrop-filter:blur(18px)saturate(1.08);background:#fffbf7e6;border:1px solid #2d282424;border-radius:999px;grid-template-columns:minmax(150px,1fr) auto minmax(116px,1fr);align-items:center;width:min(1180px,100vw - 48px);min-height:56px;padding:8px 20px;font-family:PingFang SC,Microsoft YaHei,sans-serif;display:grid;position:fixed;top:24px;left:50%;transform:translate(-50%)}.project-top-nav[data-project=color-call]{--project-accent:#19aaf2}.project-top-nav[data-project=kugou]{--project-accent:#00afd8}.project-top-nav[data-project=moguding]{--project-accent:#ff7900}.project-top-nav[data-project=miaoxiaotian]{--project-accent:#ff9fb2}.project-top-nav[data-project=beyond-design]{--project-accent:#f45cb3}.project-top-nav a{color:inherit;text-decoration:none}.project-top-nav__back{white-space:nowrap;justify-self:start;align-items:center;gap:10px;font-size:14px;font-weight:600;transition:color .18s;display:inline-flex}.project-top-nav__back:hover,.project-top-nav__back:focus-visible{color:var(--project-accent)}.project-top-nav__back span:first-child{transition:transform .18s}.project-top-nav__back:hover span:first-child,.project-top-nav__back:focus-visible span:first-child{transform:translate(-3px)}.project-top-nav__links{justify-content:center;align-items:center;gap:2px;padding:0 8px;display:flex}.project-top-nav__links a{z-index:1;white-space:nowrap;transform-origin:bottom;border-radius:999px;place-items:center;min-width:54px;min-height:34px;padding:8px 12px;font-size:13px;font-weight:500;transition:background-color .18s,color .18s;display:grid;position:relative}.project-top-nav__links a:hover,.project-top-nav__links a:focus-visible{z-index:2;background:color-mix(in srgb, var(--project-accent) 12%, transparent);color:var(--project-accent)}.project-top-nav__links a[data-active=true]{z-index:2;color:#fff;background:var(--project-accent)}.project-top-nav__index{letter-spacing:.12em;white-space:nowrap;justify-self:end;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px}.project-pager{z-index:10;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(860px,100vw - 48px);margin:40px auto 52px;font-family:PingFang SC,Microsoft YaHei,sans-serif;display:grid;position:relative}.project-pager__item{color:#343130d1;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);background:#fffbf7c2;border:1px solid #2d28241f;border-radius:999px;align-items:center;gap:11px;min-height:62px;padding:10px 14px;text-decoration:none;transition:border-color .18s,background-color .18s;display:flex}.project-pager__item:hover,.project-pager__item:focus-visible{background:#fffdfbeb;border-color:#2d28244d}.project-pager__item--next{text-align:right;justify-content:flex-end}.project-pager__copy{gap:2px;display:grid}.project-pager__copy small{color:#5d57538f;letter-spacing:.04em;font-size:9px;font-weight:400}.project-pager__copy strong{font-size:clamp(13px,1.15vw,16px);font-weight:500}.project-pager__arrow{border:1px solid #2d28241f;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:13px;transition:transform .18s;display:grid}.project-pager__item--previous:hover .project-pager__arrow,.project-pager__item--previous:focus-visible .project-pager__arrow{transform:translate(-3px)}.project-pager__item--next:hover .project-pager__arrow,.project-pager__item--next:focus-visible .project-pager__arrow{transform:translate(3px)}@media (max-width:820px){.project-top-nav{grid-template-columns:auto 1fr auto;width:calc(100vw - 28px);padding:7px 14px;top:16px}.project-top-nav__back span:last-child{display:none}.project-top-nav__links{gap:0}.project-top-nav__links a{padding:8px 9px;font-size:12px}.project-top-nav__links a:nth-child(n+5){display:none}.project-pager{gap:8px;width:calc(100vw - 28px);max-width:720px;margin:32px auto 40px}.project-pager__item{border-radius:999px;gap:9px;min-height:58px;padding:9px 12px}.project-pager__arrow{width:26px;height:26px}}@media (max-width:560px){.project-top-nav__links{display:none}.project-top-nav{grid-template-columns:1fr auto}.project-pager__copy small{display:none}.project-pager__copy strong{font-size:12px}.project-pager__item{min-height:52px;padding:8px 10px}}@media (prefers-reduced-motion:reduce){.project-top-nav *,.project-pager *{transition:none!important}}