/* ===== 外壳：海报式顶栏（细线分格导航）+ 内容 + 页脚 ===== */
.wrap{max-width:1360px;margin:0 auto;padding:0 var(--gut)}
.top{position:sticky;top:0;z-index:50;background:rgba(14,14,16,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--hair)}
.top .wrap{display:flex;align-items:stretch;height:64px;gap:0;max-width:none}
.logo{display:flex;align-items:center;text-decoration:none;padding-right:32px}
/* OneLabel 字标：Anton 大写 + 粉色钩形从 A 右下挑起 */
.tk{display:inline-flex;align-items:baseline;gap:.32em;line-height:1}
.tk-w{position:relative;font:400 26px/1 var(--f-disp);letter-spacing:.02em;padding-right:.38em}
.tk .tk-s{position:absolute;left:calc(100% - .98em);top:.46em;width:.9em;height:auto;color:var(--pink);transform-origin:85% 15%;transition:transform .35s var(--ease)}
.logo:hover .tk-s{transform:rotate(-8deg) scale(1.06)}
.tk-t{font:400 26px/1 var(--f-disp);letter-spacing:.02em;color:var(--fg-2)}
.tk-big .tk-w,.tk-big .tk-t{font-size:64px}
/* 钩形符号复用 */
.smile{display:inline-block;width:1.4em;height:auto;vertical-align:middle;color:var(--pink)}
.smile-sep{width:24px;margin:0 22px 0 0}
.smile-deco{position:absolute;pointer-events:none;opacity:.9}
@keyframes spin{to{transform:rotate(360deg)}}
.nav{display:flex;flex:1;align-items:stretch}
.nav a{display:flex;align-items:center;padding:0 22px;border-left:1px solid var(--hair);text-decoration:none;
  font:500 12px/1 var(--f-mono);letter-spacing:2px;text-transform:uppercase;color:var(--fg-2);transition:color .2s,background .2s}
.nav a:last-child{border-right:1px solid var(--hair)}
.nav a:hover{color:#fff;background:var(--bg-2)}
.nav a.on{color:#fff;box-shadow:inset 0 -2px 0 var(--pink)}
.tools{display:flex;align-items:center;gap:10px;padding-left:20px}
.ibtn{position:relative;width:40px;height:40px;border-radius:50%;border:1px solid var(--hair-2);display:grid;place-items:center;text-decoration:none;
  font:700 11px/1 var(--f-mono);color:var(--fg-2);transition:.2s}
.ibtn:hover{border-color:#fff;color:#fff}
.ibtn .dot{position:absolute;top:-3px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--pink);color:#fff;font:700 10px/18px var(--f-mono);text-align:center}
.dd{position:relative}
.dd-menu{position:absolute;right:0;top:calc(100% + 12px);min-width:240px;background:var(--bg-2);border:1px solid var(--hair-2);display:none}
.dd.open .dd-menu{display:block}
.dd-menu a{display:flex;justify-content:space-between;padding:14px 18px;text-decoration:none;font-size:14px;border-bottom:1px solid var(--hair);color:var(--fg-2)}
.dd-menu a:last-child{border-bottom:0}
.dd-menu a:hover{background:var(--bg-4);color:#fff}
.dd-menu a:hover span{color:var(--pink)}
.burger{display:none}
#view{min-height:70vh;outline:none}
#view.in{animation:rise .5s var(--ease)}
@keyframes rise{from{opacity:0;transform:translateY(10px)}}
.page{padding:64px 0 120px}
/* 页脚：巨字标 + 细线分栏 */
.foot{background:#000;color:var(--fg);padding:0;border-top:1px solid var(--hair)}
.foot .wrap{max-width:none}
.foot-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:64px 0 48px;border-bottom:1px solid var(--hair);flex-wrap:wrap}
.foot-hero h2{font:400 clamp(72px,11vw,168px)/.85 var(--f-disp);text-transform:uppercase}
.foot-hero p{color:var(--fg-2);max-width:360px;margin-bottom:20px}
.foot-g{display:grid;grid-template-columns:1.4fr repeat(3,1fr);border-bottom:1px solid var(--hair)}
.foot-g>div{padding:36px 28px 40px;border-left:1px solid var(--hair)}
.foot-g>div:first-child{border-left:0;padding-left:0}
.foot h4{font:500 11px/1 var(--f-mono);letter-spacing:2px;text-transform:uppercase;color:var(--fg-3);margin-bottom:18px}
.foot a{display:block;text-decoration:none;color:var(--fg-2);font-size:14px;padding:5px 0}
.foot a:hover{color:#fff}
.foot .big-logo{margin-bottom:14px}
.foot-b{padding:22px 0 28px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font:500 11px/1.6 var(--f-mono);letter-spacing:1px;color:var(--fg-3)}
@media (max-width:1100px){
  .nav{display:none;position:absolute;left:0;right:0;top:64px;flex-direction:column;background:var(--bg);border-bottom:1px solid var(--hair)}
  .nav a{padding:18px var(--gut);border-left:0;border-top:1px solid var(--hair)}
  .top.open .nav{display:flex}
  .burger{display:grid}
  .top .wrap{justify-content:space-between}
  .foot-g{grid-template-columns:1fr 1fr}.foot-g>div:nth-child(3){border-left:0;padding-left:0}
}
@media (max-width:560px){.wb-txt{display:none}.foot-g{grid-template-columns:1fr}.foot-g>div{border-left:0;padding-left:0}
  .tools{gap:6px;padding-left:8px}.ibtn{width:36px;height:36px}.tools .btn-sm{padding:0 12px}.logo{padding-right:8px}}
@media (max-width:420px){.top .logo .tk-t{display:none}}
.foot a.btn{display:inline-flex;padding:0 26px;font-size:13px}
.foot a.btn-ink{color:#0E0E10}.foot a.btn-ink:hover{color:#0E0E10}