/* Shared navigation + dropdown + inner page shell (彬彬中文站点) */

/* ───── NAV ───── */
nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  background:#fff;
  box-shadow:0 2px 16px rgba(0,0,0,.10);
  height:70px;display:flex;align-items:center;
  padding:0 5%;justify-content:space-between;
  overflow:visible;
}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:0;}
.logo img{height:58px;width:auto;display:block;object-fit:contain;}
.nav-menu{display:flex;gap:30px;list-style:none;align-items:center;}
.nav-menu>li{position:relative;}
.nav-menu a{text-decoration:none;color:#333;font-weight:800;font-size:15px;transition:color .2s;}
.nav-menu a:hover{color:#F0B429;}
.nav-parent{display:inline-flex!important;align-items:center;gap:5px;}
.caret{font-size:11px;line-height:1;opacity:.65;}
.nav-has-sub:focus-within .nav-sub,
.nav-has-sub:hover .nav-sub{display:block;}

.nav-sub{
  display:none;
  position:absolute;left:50%;transform:translateX(-50%);
  top:calc(100% + 10px);min-width:280px;padding:10px 0;margin:0;list-style:none;
  background:#fff;border-radius:16px;
  box-shadow:0 14px 40px rgba(0,0,0,.14);z-index:300;
}
.nav-sub::before{
  content:'';position:absolute;left:0;right:0;top:-14px;height:14px;background:transparent;
}
.nav-sub a{
  display:block;padding:11px 20px;font-size:14px;font-weight:800;color:#3D2B1A;line-height:1.35;
  white-space:nowrap;
}
.nav-sub a:hover{background:rgba(240,180,41,.14);color:#D99A00;}

.nav-actions{
  display:flex;align-items:center;gap:12px;flex-shrink:0;
}
.nav-login-wrap{position:relative;}
.nav-login-btn{
  display:inline-flex;align-items:center;gap:5px;
  padding:10px 20px;border-radius:50px;
  font-family:inherit;font-weight:900;font-size:14px;
  color:#3D2B1A;background:#fff;
  border:2px solid rgba(240,180,41,.55);
  cursor:pointer;transition:background .15s,border-color .15s,transform .15s;
}
.nav-login-btn:hover{
  background:rgba(240,180,41,.12);
  border-color:#F0B429;
  transform:translateY(-1px);
}
.nav-login-wrap:focus-within .nav-login-sub,
.nav-login-wrap:hover .nav-login-sub{display:block;}
.nav-login-sub{min-width:196px;}
.nav-login-sub a{font-size:14px;}
.nav-login-sub .role-tag{
  display:inline-block;margin-left:6px;
  font-size:11px;font-weight:900;color:#999;
}
.nav-trial{
  flex-shrink:0;
  background:#F0B429;color:#fff;
  padding:11px 26px;border-radius:50px;
  font-weight:900;font-size:14px;text-decoration:none;color:#3D2B1A!important;
  box-shadow:0 4px 14px rgba(240,180,41,.45);
  transition:transform .15s,box-shadow .15s;
}
.nav-trial:hover{transform:translateY(-2px);box-shadow:0 7px 20px rgba(240,180,41,.55);}

/* ───── Inner pages ───── */
body.page-inner{margin:0;font-family:'Nunito',sans-serif;background:#faf9f7;color:#1a1a2e;}
.page-shell{padding:100px 5% 72px;max-width:760px;margin:0 auto;}
.page-shell-wide{max-width:960px;}
.page-kicker{font-size:13px;font-weight:900;color:#5BA829;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px;}
.page-shell h1{font-family:'ZCOOL KuaiLe',cursive;font-size:clamp(28px,4.2vw,42px);color:#3D2B1A;line-height:1.2;margin-bottom:14px;}
.page-lead{color:#666;font-size:17px;line-height:1.75;font-weight:700;margin-bottom:28px;}
.page-placeholder-box{
  background:#fff;border:2px dashed rgba(93,168,41,.35);border-radius:20px;
  padding:32px 24px;text-align:center;color:#888;font-weight:700;font-size:15px;line-height:1.65;
}
.crumb{font-size:14px;margin-bottom:22px;font-weight:700;}
.crumb a{color:#5BA829;text-decoration:none;}
.crumb a:hover{text-decoration:underline;}

@media(max-width:768px){
  nav{padding:0 4%;height:60px;overflow:hidden;}
  .nav-menu{display:none;}
  .nav-login-btn{padding:8px 14px;font-size:13px;}
  .nav-trial{padding:8px 16px;font-size:13px;}
  .logo img{height:48px!important;}
}

@media(max-width:400px){
  nav{padding:0 3%;}
}