/* 空间统一顶栏（2026-10-25）：左边论坛 logo（点了回论坛）+「空间」（点了回空间首页）；右边 世界地图 · 任务大厅 · 商家 · 我的。
   游戏画面（街上、出租车里）不用这条，它们有自己的四角布局 */
.cc-top{position:relative;z-index:30;display:flex;align-items:center;gap:6px 16px;padding:10px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));
  border-bottom:1px solid var(--line,#d9d2c2);background:color-mix(in srgb,var(--panel,#fbf8f1) 88%,transparent);backdrop-filter:blur(6px);font:14px/1.3 var(--body,sans-serif)}
.cc-top a{color:var(--fg,#1f2a24);text-decoration:none;white-space:nowrap}
.cc-brand{display:inline-flex;align-items:center;flex:none}
.cc-brand img{height:30px;width:auto;display:block}
.cc-space{font:700 15px var(--display,serif);padding:4px 10px;border-radius:999px;background:var(--brass-soft,#e9dcc0);color:var(--brass-ink,#85652a)!important;flex:none}
.cc-top .spacer{flex:1}
.cc-links{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}
.cc-links::-webkit-scrollbar{display:none}
.cc-links a{padding:8px 10px;border-radius:999px;min-height:36px;display:inline-flex;align-items:center;font-size:14px;line-height:1.2}
.cc-links a:hover{background:color-mix(in srgb,var(--green,#2f4f44) 8%,transparent)}
.cc-links a[aria-current="page"]{background:var(--green,#2f4f44);color:var(--on-accent,#fff)}
.cc-me{position:relative;flex:none}
.cc-me>a,.cc-me>button{font-size:14px!important;line-height:1.2;display:inline-flex;align-items:center;min-height:36px;padding:7px 12px;border-radius:999px;border:1px solid var(--line,#d9d2c2);background:var(--panel,#fff);color:var(--fg,#1f2a24);font:inherit;cursor:pointer}
.cc-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:180px;background:var(--panel,#fff);border:1px solid var(--line,#d9d2c2);border-radius:14px;box-shadow:0 14px 34px rgba(0,0,0,.16);padding:6px;display:grid}
.cc-menu a,.cc-menu button{display:block;text-align:left;padding:9px 12px;border-radius:10px;border:0;background:none;color:var(--fg,#1f2a24);font:inherit;cursor:pointer}
.cc-menu a:hover,.cc-menu button:hover{background:color-mix(in srgb,var(--green,#2f4f44) 8%,transparent)}
.cc-menu hr{border:0;border-top:1px solid var(--line,#d9d2c2);margin:4px 6px}
.cc-short{display:none}
@media (max-width:560px){
  .cc-top{gap:6px 8px;padding-top:8px;padding-bottom:8px}
  .cc-space{font-size:13px;padding:3px 8px}
  .cc-brand img{height:22px}
  .cc-links a{padding:7px 7px;font-size:13px}
  .cc-me>a,.cc-me>button{font-size:13px!important;padding:6px 10px}
  .cc-long{display:none}.cc-short{display:inline}
  .cc-top .spacer{display:none}
  .cc-links{margin-left:auto}   /* 不用 justify-content:flex-end：内容超宽时左边会被裁掉 */
}
@media (max-width:420px){
  .cc-top{gap:4px 6px}
  .cc-brand img{height:20px}
  .cc-links{gap:0}
  .cc-links a{padding:6px 6px}
  .cc-me>a,.cc-me>button{padding:5px 9px}
}