/* cc-brand.css —— 全平台统一品牌标识（2026-10-03 金老师定：按第二图 = 图标 + 「AI创新少年」+ 「AI时代天骄缔造者」）
   用在各独立页面顶栏（打字 / 图形化 / C++ / Python / 笔记分享 / p.html / AI创客）。
   同一套样式的历史副本还在 app.css（.side .brand）与 cc-topbar.css（.cct .brand）里，改这三处要保持一致。
   深色顶栏的页面给品牌加 .on-dark：标题用顶栏自带的浅色字，副标题用半透明浅色。 */
.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;line-height:1.15;margin:0;
  color:inherit;text-decoration:none;white-space:nowrap}
.brand:hover{filter:brightness(.96)}
.brand .logo{width:34px;height:34px;display:block;border-radius:var(--radius-s,12px);flex:none;object-fit:contain}
.brand .bw{display:flex;flex-direction:column;min-width:0}
.brand .bw i{font-style:normal;background:linear-gradient(90deg,var(--brand2,#cf2f63),var(--brand3,#7a4ddb));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.brand small{font-size:11px;font-weight:400;color:var(--muted,#8a6152);letter-spacing:.4px;display:block}
.brand.on-dark .bw i{background:none;background-clip:border-box;-webkit-background-clip:border-box;
  color:inherit;-webkit-text-fill-color:currentColor}
.brand.on-dark small{color:rgba(230,236,245,.76)}
.brand-sub{font-weight:700;font-size:14px;color:var(--muted,#8a6152);align-self:center;white-space:nowrap}
.brand-sub.on-dark{color:rgba(230,236,245,.86)}

/* 顶栏里的「返回」要跟同一行其它内容水平对齐：cc-back.css 为了内容区左上角写了 align-self:flex-start，
   在 header 这类居中顶栏里要覆盖回居中（2026-10-03 金老师反馈「返回这个和后面的不水平」） */
header > .cc-back, .bar > .cc-back, #bar > .cc-back, .tx-top > .cc-back, .cc-backrow > .cc-back{align-self:center}

/* 个别页面自己的 id/类规则把品牌盖小了（p.html 的 #bar .brand / #bar .logo），统一回来 */
#bar .brand, .bar .brand{font-size:18px;font-weight:800;letter-spacing:0;margin:0}
#bar .brand .logo, .bar .brand .logo{width:34px;height:34px;padding:0;background:transparent}