@import url("/journal-home.css");@import url("/public-nav.css");.logo{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:9px;line-height:.8;flex:0 0 auto}.logo::after{content:"未息 · AI美学计划";font:500 8px/1.25 "PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.16em;width:58px;padding-left:9px;border-left:1px solid rgba(32,27,20,.28);white-space:normal}.secret-n{width:22px;height:22px;border:1px solid rgba(32,27,20,.18);border-radius:50%;display:grid;place-items:center;font:italic 600 9px Georgia,serif;opacity:.24;transition:opacity .2s,border-color .2s,transform .2s;margin-left:3px}.secret-n:hover,.secret-n:focus-visible{opacity:.7;border-color:var(--ink);transform:rotate(-8deg);outline:none}.secret-n:active{transform:scale(.92)}@media(max-width:520px){.logo::after{font-size:7px;width:52px;letter-spacing:.1em}header{padding-left:4vw;padding-right:4vw}}

/* Two-line brand signature. */
.logo{column-gap:10px}
.logo::after{content:"未息\A AI美学成长计划";font:500 8px/1.4 "PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.14em;width:76px;padding-left:10px;white-space:pre}
@media(max-width:520px){.logo::after{font-size:7px;width:66px;letter-spacing:.08em}}

/* Clear three-level brand lockup: NANA. / 未息 / descriptor. */
.logo{grid-template-columns:auto 82px;grid-template-rows:auto auto;column-gap:10px;align-items:center}
.logo::before{content:"未息";grid-column:2;grid-row:1;align-self:end;padding:0 0 1px 10px;border-left:1px solid rgba(32,27,20,.28);font:700 11px/1.05 "Songti SC","STSong","SimSun",serif;letter-spacing:.18em;color:var(--ink)}
.logo::after{content:"AI美学成长计划";grid-column:2;grid-row:2;align-self:start;width:auto;padding:1px 0 0 10px;border-left:1px solid rgba(32,27,20,.28);font:500 7px/1.2 "PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.08em;white-space:nowrap}
@media(max-width:520px){.logo{grid-template-columns:auto 72px}.logo::before{font-size:10px}.logo::after{font-size:6.5px;width:auto}}

/* Case navigation: overview link with two direct category entrances. */
.public-nav>.case-menu{position:relative;display:flex;align-items:center;align-self:stretch}
.public-nav>.case-menu>a{display:flex;align-items:center;height:100%}
.public-nav>.case-menu.active>a,.public-nav>.case-menu>a.active{color:var(--rust)}

/* Keep the brand descriptor on the same baseline as NANA and match navigation type. */
.logo{
  display:flex;
  align-items:center;
  gap:14px;
  line-height:1;
}
.logo::before{content:none}
.logo::after{
  content:"未息 AI美学成长计划";
  width:auto;
  padding:0 0 0 14px;
  border-left:1px solid rgba(32,27,20,.28);
  white-space:nowrap;
  font:400 11px/1 "PingFang SC","Microsoft YaHei",sans-serif;
  letter-spacing:0;
  color:var(--ink);
}
@media(max-width:520px){
  .logo{gap:8px}
  .logo::after{padding-left:8px;font-size:10px;width:auto;letter-spacing:0}
}
.case-submenu{position:absolute;z-index:50;left:50%;top:calc(100% - 3px);display:flex;align-items:center;white-space:nowrap;width:auto;padding:10px 14px;background:#f7efd9;border:1px solid rgba(32,27,20,.18);box-shadow:0 10px 26px rgba(55,42,21,.1);opacity:0;visibility:hidden;transform:translate(-50%,7px);transition:opacity .2s,transform .2s,visibility .2s}
.case-submenu:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.case-submenu a{display:inline-flex!important;align-items:center;height:auto!important;padding:2px 12px;border-right:1px solid rgba(32,27,20,.18);color:var(--ink)!important;background:transparent;font:400 12px/1.4 "PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.02em;transition:color .18s}
.case-submenu a:first-child{padding-left:4px}
.case-submenu a:last-child{padding-right:4px;border-right:0}
.case-submenu a:hover,.case-submenu a:focus-visible{color:var(--rust)!important;outline:none}
.case-submenu b{font:inherit;letter-spacing:inherit}
.case-submenu small{display:none}
.case-menu:hover .case-submenu,.case-menu:focus-within .case-submenu{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:900px){.case-submenu{position:fixed;left:50%;top:66px;transform:translate(-50%,8px)}.case-menu:hover .case-submenu,.case-menu:focus-within .case-submenu{transform:translate(-50%,0)}}

/* Final two-line brand lockup: 未息 above, AI美学成长计划 below. */
.logo{
  display:grid;
  grid-template-columns:auto 104px;
  grid-template-rows:1fr 1fr;
  column-gap:12px;
  row-gap:0;
  align-items:center;
  line-height:1;
}
.logo::before{
  content:"\672A\606F";
  grid-column:2;
  grid-row:1;
  align-self:end;
  padding:0 0 2px 12px;
  border-left:1px solid rgba(32,27,20,.28);
  font:400 11px/1.15 "PingFang SC","Microsoft YaHei",sans-serif;
  letter-spacing:0;
  color:var(--ink);
}
.logo::after{
  content:"AI\7F8E\5B66\6210\957F\8BA1\5212";
  grid-column:2;
  grid-row:2;
  align-self:start;
  width:auto;
  padding:2px 0 0 12px;
  border-left:1px solid rgba(32,27,20,.28);
  white-space:nowrap;
  font:400 11px/1.15 "PingFang SC","Microsoft YaHei",sans-serif;
  letter-spacing:0;
  color:var(--ink);
}
@media(max-width:520px){
  .logo{grid-template-columns:auto 92px;column-gap:8px}
  .logo::before,.logo::after{padding-left:8px;font-size:10px}
}

/* Brand lockup alignment: NANA is vertically centered between the two descriptor lines. */
.logo{
  display:inline-flex;
  align-items:center;
  gap:12px;
  line-height:1;
}
.logo::before{content:none}
.logo::after{
  content:"\672A\606F\A AI\7F8E\5B66\6210\957F\8BA1\5212";
  display:block;
  width:auto;
  padding:1px 0 1px 12px;
  border-left:1px solid rgba(32,27,20,.28);
  white-space:pre;
  font:400 11px/1.45 "PingFang SC","Microsoft YaHei",sans-serif;
  letter-spacing:0;
  color:var(--ink);
}
@media(max-width:520px){
  .logo{gap:8px}
  .logo::after{padding-left:8px;font-size:10px;line-height:1.4}
}