/* ============================================================
   One1 官网全站 Chrome(导航/页脚/抽屉/用户菜单)· design.md v2
   由 site/build.py 引用;改导航页脚只改这里
   ============================================================ */
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:#fff}
body{font-family:-apple-system,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans SC',sans-serif;color:#17171C;-webkit-font-smoothing:antialiased}
a{color:#17171C;text-decoration:none}
a:hover{color:#3418F0}
input::placeholder{color:#A6A6B0}
button{font-family:inherit}
.wrap{max-width:1216px;margin:0 auto;padding:0 24px}
@media (min-width:1264px){.wrap{padding:0}}

/* ---- 导航 ---- */
.nv{display:flex;align-items:center;justify-content:space-between;padding:18px 48px;max-width:1512px;margin:0 auto;position:relative;z-index:100}
.nv-logo img{height:34px;display:block}
.nv-menu{display:flex;align-items:center;gap:44px}
.nv-item{position:relative}
.nv-item>a{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:600;padding:8px 0}
/* OpenAI 式全宽下拉面板:hairline 收边,排版分列,大条目+小列;面板是 item 子元素故 hover 链不断 */
.nv-panel{position:fixed;left:0;right:0;top:70px;background:#fff;border-bottom:1px solid #E8E8ED;box-shadow:0 24px 48px rgba(20,20,50,.06);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.nv-item:hover .nv-panel,.nv-item:focus-within .nv-panel{opacity:1;visibility:visible;transform:translateY(0)}
.nv-panel .pin{max-width:1216px;margin:0 auto;padding:38px 24px 46px;display:flex;gap:96px}
.nv-panel .plb{font-size:12px;color:#8A8A94;letter-spacing:.02em;margin-bottom:18px}
.nv-panel .pcol{display:flex;flex-direction:column;align-items:flex-start}
.nv-panel .pbig{display:flex;align-items:baseline;gap:8px;font-size:27px;font-weight:700;letter-spacing:.01em;color:#15151A;padding:7px 0}
.nv-panel .pbig:hover{color:#3418F0}
.nv-panel .pbig .upr{font-size:17px;font-weight:600;opacity:0;transform:translate(-3px,2px);transition:opacity .15s,transform .15s}
.nv-panel .pbig:hover .upr{opacity:1;transform:translate(0,0)}
.nv-panel .pcol>a:not(.pbig){font-size:13.5px;font-weight:500;color:#45454E;padding:7px 0}
.nv-panel .pcol>a:not(.pbig):hover{color:#3418F0}
.nv-right{display:flex;align-items:center;gap:18px}
.nv-cta{display:flex;align-items:center;gap:9px;background:linear-gradient(180deg,#4A2FF6 0%,#2C11D8 100%);color:#fff;font-size:13px;font-weight:600;letter-spacing:.02em;padding:11px 12px 11px 22px;border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(16,4,110,.55),0 1px 2px rgba(52,24,240,.28),0 6px 18px rgba(52,24,240,.26);transition:transform .18s ease,box-shadow .18s ease,gap .18s ease}
.nv-cta:hover{background:linear-gradient(180deg,#5A41FF 0%,#3418F0 100%);color:#fff;transform:translateY(-1px);gap:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -1px 0 rgba(16,4,110,.55),0 2px 4px rgba(52,24,240,.25),0 10px 26px rgba(52,24,240,.34)}
.nv-cta:active{transform:translateY(0);box-shadow:inset 0 1px 3px rgba(16,4,110,.6),0 1px 2px rgba(52,24,240,.24)}
.nv-cta .arr{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;flex:none}
.nv-user{display:flex;align-items:center;gap:6px}
.nv-ava{width:30px;height:30px;border-radius:50%;background:#3418F0;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.nv-login{font-size:14px;font-weight:600}

/* ---- 登录态用户菜单(hover 头像展开) ---- */
.nv-uwrap{position:relative;display:flex}
.nv-umenu{position:absolute;top:100%;right:0;margin-top:10px;min-width:208px;background:#fff;border:1px solid #E6E6EC;border-radius:12px;padding:8px;box-shadow:0 18px 44px rgba(20,20,50,.12),0 2px 8px rgba(20,20,50,.05);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease,visibility .16s}
.nv-uwrap:hover .nv-umenu,.nv-uwrap:focus-within .nv-umenu{opacity:1;visibility:visible;transform:translateY(0)}
.nv-umenu::before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}
.nv-umenu .um-mail{font-size:12px;color:#8A8A94;padding:8px 12px 6px;border-bottom:1px solid #F0F0F4;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}
.nv-umenu a{display:block;font-size:13px;font-weight:500;color:#45454E;padding:9px 12px;border-radius:8px}
.nv-umenu a:hover{background:#F5F5FA;color:#3418F0}
.nv-umenu .um-div{height:1px;background:#F0F0F4;margin:6px 0}
.nv-umenu .um-out{display:block;width:100%;text-align:left;font-size:13px;font-weight:500;color:#C8323A;padding:9px 12px;border-radius:8px;border:0;background:none;cursor:pointer;font-family:inherit}
.nv-umenu .um-out:hover{background:#FBF0F0}

/* ---- 登录态右区(设计稿:Dashboard 白描边胶囊 + 40px 头像 + chevron + 图标菜单) ---- */
.nv-cta.dash{background:#fff;color:#3418F0;border:1px solid #E5E7EB;box-shadow:0 1px 3px rgba(20,20,50,.05);padding:12px 20px;border-radius:14px;gap:8px}
.nv-cta.dash:hover{background:#3418F0;color:#fff;border-color:#3418F0;transform:translateY(-1px);gap:11px;box-shadow:0 10px 26px rgba(52,24,240,.30)}
.nv-cta.dash:active{transform:translateY(0)}
.nv-user{display:flex;align-items:center;gap:7px;border:0;background:none;cursor:pointer;padding:0;font-family:inherit}
.nv-uwrap .nv-ava{width:40px;height:40px;font-size:14px;background:linear-gradient(180deg,#4A2FF6,#2C11D8);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 3px 10px rgba(52,24,240,.25)}
.nv-user .chev{transition:transform .18s ease}
.nv-uwrap:hover .chev,.nv-uwrap:focus-within .chev{transform:rotate(180deg)}
.nv-umenu{border-radius:16px}
.nv-umenu a,.nv-umenu .um-out{display:flex;align-items:center;gap:10px;font-size:14px;padding:10px 12px}
.nv-umenu .ic{width:17px;height:17px;flex:none;display:flex;color:#64748B}
.nv-umenu .ic svg{width:100%;height:100%}
.nv-umenu a:hover .ic{color:#3418F0}
.nv-umenu .um-out .ic{color:#C8323A}

/* ---- 移动端:汉堡 + 全屏抽屉 ---- */
.nv-burger{display:none;width:44px;height:44px;align-items:center;justify-content:center;border:0;background:none;cursor:pointer;border-radius:10px}
.nv-burger:hover{background:#F5F5FA}
.nv-mob{position:fixed;inset:0;background:#fff;z-index:300;overflow-y:auto}
.nv-mob[hidden]{display:none}
.nv-mob .hd{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #E8E8ED}
.nv-mob .hd img{height:30px;display:block}
.nv-mob .x{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;background:none;cursor:pointer;border-radius:10px}
.nv-mob .bd{padding:10px 20px 40px}
.nv-mob .gp{padding:16px 0;border-bottom:1px solid #F0F0F4}
.nv-mob .gp .t{font-size:12px;font-weight:600;color:#8A8A94;letter-spacing:.04em;margin-bottom:6px}
.nv-mob .gp a{display:block;font-size:15px;font-weight:600;padding:11px 0}
.nv-mob .cta-m{display:block;margin-top:22px;background:#3418F0;color:#fff;text-align:center;font-size:15px;font-weight:600;padding:15px 0;border-radius:12px}
.nv-mob .cta-m:hover{background:#2B10D8;color:#fff}
@media (max-width:1239px){.nv-burger{display:flex}}

/* ---- 页脚 ---- */
.ft{margin-top:8px}
.ft .g{max-width:1216px;margin:0 auto;padding:58px 24px 0;display:grid;grid-template-columns:1fr 168px 168px 168px 168px;gap:24px}
.ft .logo img{height:30px;display:block}
.ft .desc{font-size:13px;color:#8A8A94;line-height:1.9;margin-top:16px}
.ft .mail{display:inline-block;margin-top:22px;font-size:13px;font-weight:600;color:#55555E}
.ft .col .h{font-size:14px;font-weight:700}
.ft .col .lk{display:flex;flex-direction:column;gap:14px;margin-top:20px}
.ft .col .lk a{font-size:13px;color:#8A8A94}
.ft .bot{max-width:1216px;margin:48px auto 0;border-top:1px solid #E8E8ED;padding:20px 24px 26px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.ft .bot .cp{font-size:12px;color:#8A8A94}
.ft .bot .lks{display:flex;gap:28px}
.ft .bot .lks a{font-size:12px;color:#8A8A94}

/* ---- 响应式(导航) ---- */
@media (max-width:1239px){
  .nv{padding:14px 20px}
  .nv-menu{display:none}
}