/* 聚娇阁统一页头 v2。必须在 home.css / site.css 之后加载。 */
.topbar{display:block;height:auto;min-height:0;background:#fff;border-bottom:1px solid #eceef2}
.topbar .top-inner{box-sizing:border-box;display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;column-gap:18px;row-gap:0;width:min(1200px,100%);max-width:1200px;min-height:64px;height:auto;margin:0 auto;padding:10px 20px;flex-wrap:nowrap}
.topbar .brand{grid-column:1;justify-self:start;margin:0;flex-shrink:0;white-space:nowrap}
.topbar .search-box{grid-column:2;grid-row:1;justify-self:end;width:min(260px,100%);margin:0;min-width:0}
.topbar .search-box input{display:block;box-sizing:border-box;width:100%;min-width:0;height:36px}
.topbar .nav{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:8px;min-width:0;max-width:100%;margin:0}
.topbar .nav a,.topbar .nav button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:34px;line-height:1.35;font-size:13px;white-space:nowrap;text-decoration:none}
.topbar .nav .login,.topbar .nav .pill,.topbar .nav .logout-button{border:1px solid #f0449a;border-radius:20px;padding:7px 13px;background:#fff;color:#f0449a;font-weight:400;cursor:pointer}
.topbar .nav .logout-form{margin:0;display:inline-flex;align-items:center;flex:none}
.topbar .nav .account-link{min-width:0;max-width:230px}
.topbar .nav .account-label-full{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar .nav .account-label-short{display:none}
@media(max-width:700px){
  .topbar .top-inner{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;row-gap:10px;min-height:0;padding:12px 14px;gap:10px;width:100%}
  .topbar .brand{grid-column:1;grid-row:1;justify-self:start;max-width:100%;font-size:14px}
  .topbar .nav{grid-column:1;grid-row:2;justify-self:stretch;justify-content:flex-start;flex-wrap:wrap;gap:8px;width:100%}
  .topbar .nav a,.topbar .nav button{font-size:12px;min-height:32px}
  .topbar .nav .login,.topbar .nav .pill,.topbar .nav .logout-button{padding:6px 11px}
  .topbar .nav .account-label-full{display:none}
  .topbar .nav .account-label-short{display:inline}
  .topbar .nav .account-link{max-width:none;flex:none}
  .topbar .search-box{grid-column:1;grid-row:3;justify-self:stretch;width:100%;max-width:none;display:block}
  .topbar .search-box input{width:100%;height:36px}
}