/* 官网细节修正（加载在原版样式之后，只作用于官网，不改版式和内容）
   1. 统一主题色：原版里写死的粉色、多彩渐变统一成蓝绿（#2F7BFF → #1FD1A5）
   2. 输入框：中文字体是按站内文案子集化的，用户输入的字可能不在子集里；输入内容统一用系统中文字体，避免一句话里混两种字体（占位文字保持原样） */
body.site{--grad:linear-gradient(135deg,#2F7BFF,#1FD1A5);--hot:#1FD1A5;--lime:#1FD1A5}
body.site .chip-lime{border-color:rgba(31,209,165,.5);color:#5BE3C0}

body.site textarea,body.site .input{font-family:'Inter Tight','PingFang SC','Microsoft YaHei',system-ui,sans-serif}
body.site textarea::placeholder,body.site .input::placeholder{font-family:var(--sff)}

/* 3. 手机菜单底部的「免费开始」：原版被 .sn-mob a{display:block} 覆盖成左对齐，这里恢复居中 */
body.site .sn-mob .sn-aura{display:flex;border-bottom:0}

/* 4. 协议 / 品牌方入驻 / 登录等页面：原版 .page 的内边距把 .wrap 的左右留白清成了 0，
      桌面端内容起点（40px）和顶栏、页脚（120px）对不齐，手机上贴边。改成与顶栏同宽同边距 */
body.site .wrap.page{max-width:1240px;padding-left:20px;padding-right:20px}
/* 5. 品牌方入驻页「进入品牌后台」：白底按钮被 body.site a{color:inherit} 染成白字，看不见 */
body.site a.btn-ink{color:#0E0E10}
/* 6. 协议页手机端：原版两栏写在行内样式里不会折叠，正文被挤成一字一行；改为上方横向目录 + 全宽正文 */
@media (max-width:900px){
  body.site .split{grid-template-columns:minmax(0,1fr)!important;gap:28px}
  body.site .side-nav{position:static;flex-direction:row;overflow-x:auto;gap:24px;border-top:0;border-bottom:1px solid var(--hair);scrollbar-width:none}
  body.site .side-nav::-webkit-scrollbar{display:none}
  body.site .side-nav a,body.site .side-nav a:hover,body.site .side-nav a.on{flex:none;white-space:nowrap;border-bottom:0;padding:12px 0}
  body.site .side-nav a.on{box-shadow:inset 0 -2px 0 var(--pink)}
}

/* 7. 顶栏「登录」：原版是行内 <a>，高度不生效，文字比其它导航项偏上；改为垂直居中 + 半透明细边框 */
body.site .sn-login{display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.03)}
body.site .sn-login:hover{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.08)}