/* =====================================================================
   theme-dreamhub.css — 仿 dreamhub（moban7244 · Transport & Logistics）
   ---------------------------------------------------------------------
   视觉指纹（来自 moban7244/static/css/style.css）：
     主色 #ce214f（绛玫红） / hover #d00a2b / 点缀 #00aff5（青蓝）
     标题 #282828（Montserrat 700，36px，letter-spacing 1px）
     正文 #606060（16px / 28px） / 卡片底 #fdf6f0（米砂白）
     页脚 #282828 深灰 + 白字 + 社交图标 #f91c51
     圆角 5~6px / 区块大留白 112px 0 87px
     按钮：玫红实心 6px 圆角，hover 左右「双开门」白底展开 + 玫红字描边
     卡片 hover：玫红虚线跑马灯边框（linearGradientMove）+ 图片 scale(1.1)
     列表项：18px 玫红圆形图标 + 16px 文案
   ---------------------------------------------------------------------
   隔离策略：所有规则一律以 body[data-theme="dreamhub"] 前缀限定，
   与 theme-azure.css 同级加载于 style.css 之后，**不污染任何其他主题**。
   本文件不改动任何 HTML 模板，切换主题即可生效/回退。
   ===================================================================== */

/* ---------------------------------------------------------------
   0. 主题变量 + 共享变量别名（style.css 的组件由这些变量驱动）
   --------------------------------------------------------------- */
body[data-theme="dreamhub"] {
  --dh: #ce214f;
  --dh-dark: #d00a2b;
  --dh-sky: #00aff5;
  --dh-ink: #282828;
  --dh-body: #606060;
  --dh-sand: #fdf6f0;
  --dh-line: #ece5dd;
  --dh-rad: 6px;

  background: #fff;
  color: var(--dh-body);
  font-family: 'Montserrat', 'Open Sans', "PingFang SC", "Microsoft YaHei",
               "Hiragino Sans GB", sans-serif;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0;
}
body[data-theme="dreamhub"] ::selection { background: var(--dh); color: #fff; }

/* 复用 :root 共享变量名 —— 基础样式仍由 style.css 驱动 */
body[data-theme="dreamhub"] {
  --panel: var(--dh-sand);
  --panel-strong: #fff;
  --text: var(--dh-body);
  --text-strong: var(--dh-ink);
  --text-body: var(--dh-body);
  --text-dim: #8b8b8b;
  --cyan: var(--dh-sky);
  --ice: var(--dh-dark);
  --teal: var(--dh-sky);
  --blue: var(--dh);
  --purple: #8e1236;
  --border: var(--dh-line);
  --radius: var(--dh-rad);
  --accent-rgb: 206, 33, 79;
  --teal-rgb: 0, 175, 245;
  --on-accent: #fff;
  --nav-bg: #fff;
  --nav-shadow: rgba(40, 40, 40, .10);
  --grad: linear-gradient(100deg, var(--dh) 0%, var(--dh-dark) 100%);
  --grad-soft: linear-gradient(100deg, rgba(206, 33, 79, .12), rgba(0, 175, 245, .10));
}

/* 亮色主题：关掉深空星轨 / 极光 / 鼠标光晕 / 网格底纹 */
body[data-theme="dreamhub"] #starfield,
body[data-theme="dreamhub"] .aurora,
body[data-theme="dreamhub"] .cursor-glow { display: none !important; }
body[data-theme="dreamhub"]::before,
body[data-theme="dreamhub"]::after { display: none !important; }

body[data-theme="dreamhub"] h1,
body[data-theme="dreamhub"] h2,
body[data-theme="dreamhub"] h3,
body[data-theme="dreamhub"] h4,
body[data-theme="dreamhub"] h5,
body[data-theme="dreamhub"] h6 {
  color: var(--dh-ink);
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.35;
}
body[data-theme="dreamhub"] a { color: var(--dh-ink); }
body[data-theme="dreamhub"] a:hover { color: var(--dh); }

/* ---------------------------------------------------------------
   1. 导航栏 — 7244：白底 + 轻投影，hover 转主色；sticky 后同款白底
   --------------------------------------------------------------- */
body[data-theme="dreamhub"] .nav {
  background: #fff;
  box-shadow: 0 2px 5px -2px rgba(0, 0, 0, .10);
  border-bottom: 0;
}
body[data-theme="dreamhub"] .nav .brand {
  color: var(--dh-ink);
  font-weight: 700;
  letter-spacing: 1px;
}
body[data-theme="dreamhub"] .nav .brand .dot { color: var(--dh); }
body[data-theme="dreamhub"] .nav-links a {
  color: #616161;
  font-size: 16px;
  font-weight: 500;
  transition: .5s;
}
body[data-theme="dreamhub"] .nav-links a:hover,
body[data-theme="dreamhub"] .nav-links a.active { color: var(--dh); }
body[data-theme="dreamhub"] .nav-toggle span { background: var(--dh-ink); }

/* ---------------------------------------------------------------
   2. 按钮 — 7244 招牌「双开门」：左右各展 50% 白底 + 玫红字描边
   --------------------------------------------------------------- */
body[data-theme="dreamhub"] .btn {
  display: inline-block;
  padding: 11px 29px;
  background: var(--dh);
  color: #fff;
  border: 1px solid transparent;
  border-radius: var(--dh-rad);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .3px;
  position: relative;
  z-index: 1;
  transition: color .5s, border-color .5s;
}
body[data-theme="dreamhub"] .btn::before,
body[data-theme="dreamhub"] .btn::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 0;
  background: #fff;
  opacity: 0;
  z-index: -1;
  transition: .5s;
}
body[data-theme="dreamhub"] .btn::before { left: 0; border-radius: 4px 0 0 4px; }
body[data-theme="dreamhub"] .btn::after  { right: 0; border-radius: 0 4px 4px 0; }
body[data-theme="dreamhub"] .btn:hover {
  color: var(--dh-dark);
  border-color: var(--dh-dark);
}
body[data-theme="dreamhub"] .btn:hover::before,
body[data-theme="dreamhub"] .btn:hover::after { width: 50%; opacity: 1; }

/* 描边按钮（ghost / outline）— hover 反色为玫红实心 */
body[data-theme="dreamhub"] .btn.ghost,
body[data-theme="dreamhub"] .btn-outline {
  background: #fff;
  color: var(--dh-dark);
  border: 1px solid var(--dh);
}
body[data-theme="dreamhub"] .btn.ghost::before,
body[data-theme="dreamhub"] .btn.ghost::after,
body[data-theme="dreamhub"] .btn-outline::before,
body[data-theme="dreamhub"] .btn-outline::after { background: var(--dh); }
body[data-theme="dreamhub"] .btn.ghost:hover,
body[data-theme="dreamhub"] .btn-outline:hover { color: #fff; border-color: var(--dh); }

/* ---------------------------------------------------------------
   3. 区块标题 — 7244：36px/700/字距1px 大字 + 下方 60px 玫红短条
   --------------------------------------------------------------- */
body[data-theme="dreamhub"] .section-head { margin-bottom: 40px; }
body[data-theme="dreamhub"] .section-head h2 {
  font-size: 36px;
  font-weight: 700;
  color: var(--dh-ink);
  letter-spacing: 1px;
  line-height: 48px;
  margin: 0;
  position: relative;
  padding-bottom: 18px;
  display: inline-block;
}
body[data-theme="dreamhub"] .section-head h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 3px;
  background: var(--dh);
  border-radius: 2px;
}
body[data-theme="dreamhub"] .section-head .more { color: var(--dh); font-size: 15px; }

/* 小眉标（首页 hero 的 eyebrow）— 7244 .section-sub-title：玫红 16px 700 */
body[data-theme="dreamhub"] .hero .eyebrow {
  display: inline-block;
  color: var(--dh);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 37px;
  margin-bottom: 12px;
}

/* ---------------------------------------------------------------
   4. 区块大留白 + 交替底色带（7244 padding 112px 0 87px）
   --------------------------------------------------------------- */
body[data-theme="dreamhub"] .section { padding: 112px 0 87px; }
body[data-theme="dreamhub"] .section:nth-of-type(even) { background: var(--dh-sand); }
body[data-theme="dreamhub"] .section:nth-of-type(even) .card,
body[data-theme="dreamhub"] .section:nth-of-type(even) .feature,
body[data-theme="dreamhub"] .section:nth-of-type(even) .cat-card { background: #fff; }

/* ---------------------------------------------------------------
   5. Hero — 7244：通栏大图 hero（850px）+ 白字 + 玫红按钮
      （博客无物流背景图，改用主色渐变模拟同一观感）
   --------------------------------------------------------------- */
body[data-theme="dreamhub"] .hero {
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: center;
  padding: 120px 0 100px;
  background: linear-gradient(120deg, #ce214f 0%, #a31840 55%, #7d1030 100%);
  overflow: hidden;
}
body[data-theme="dreamhub"] .hero::after {
  content: "";
  position: absolute;
  right: -80px;
  top: -80px;
  width: 460px;
  height: 460px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, .16), transparent 65%);
  pointer-events: none;
}
body[data-theme="dreamhub"] .hero-card {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  text-align: left;
  max-width: 760px;
}
body[data-theme="dreamhub"] .hero-card .eyebrow { color: #ffd9e2; }
body[data-theme="dreamhub"] .hero-card h1 {
  color: #fff;
  font-size: 56px;
  line-height: 65px;
  font-weight: 700;
  letter-spacing: 1px;
}
body[data-theme="dreamhub"] .hero-card h1 .g { color: #ffd9e2; }
body[data-theme="dreamhub"] .hero-card p {
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  max-width: 56%;
  opacity: .95;
}
body[data-theme="dreamhub"] .hero .btn { border: 0; }
body[data-theme="dreamhub"] .hero .btn.ghost {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .8);
}
body[data-theme="dreamhub"] .hero .btn.ghost::before,
body[data-theme="dreamhub"] .hero .btn.ghost::after { background: #fff; }
body[data-theme="dreamhub"] .hero .btn.ghost:hover {
  color: var(--dh-dark);
  border-color: #fff;
}

/* ---------------------------------------------------------------
   6.「我落笔的样子」— 7244 .feature-single-box：米砂卡 + 居中 + 5px 圆角
      hover 触发玫红虚线跑马灯边框（7244 招牌动画）
   --------------------------------------------------------------- */
@keyframes dhLinearMove {
  100% { background-position: 4px 0, -4px 100%, 0 -4px, 100% 4px; }
}
body[data-theme="dreamhub"] .features { gap: 30px; }
body[data-theme="dreamhub"] .feature {
  background: var(--dh-sand);
  text-align: center;
  padding: 40px 27px;
  border-radius: 5px;
  border: 0;
  transition: .5s;
}
body[data-theme="dreamhub"] .feature .ico {
  color: var(--dh);
  font-size: 30px;
  background: transparent;
  border: 0;
  margin: 0 auto 8px;
}
body[data-theme="dreamhub"] .feature h3 {
  font-size: 22px;
  color: #040404;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 18px 0 14px;
  margin: 0;
}
body[data-theme="dreamhub"] .feature p { font-size: 16px; line-height: 28px; letter-spacing: 1px; }
body[data-theme="dreamhub"] .feature:hover {
  background-color: #fff;
  background-image:
    linear-gradient(90deg, var(--dh) 50%, transparent 0),
    linear-gradient(90deg, var(--dh) 50%, transparent 0),
    linear-gradient(0deg, var(--dh) 50%, transparent 0),
    linear-gradient(0deg, var(--dh) 50%, transparent 0);
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 7px 2px, 7px 2px, 2px 7px, 2px 7px;
  background-position: 0 0, 0 100%, 0 0, 100% 0;
  animation: dhLinearMove .5s infinite linear;
}
body[data-theme="dreamhub"] .feature:hover h3 { color: var(--dh); }

/* ---------------------------------------------------------------
   7. 分类卡 — 7244 圆角 5px 白卡 + 图片 hover scale(1.1)
   --------------------------------------------------------------- */
body[data-theme="dreamhub"] .cat-cards { gap: 30px; }
body[data-theme="dreamhub"] .cat-card {
  background: #fff;
  border: 1px solid var(--dh-line);
  border-radius: 5px;
  overflow: hidden;
  transition: .5s;
}
body[data-theme="dreamhub"] .cat-card-img {
  transition: transform .5s;
  border-radius: 0;
}
body[data-theme="dreamhub"] .cat-card:hover { border-color: var(--dh); }
body[data-theme="dreamhub"] .cat-card:hover .cat-card-img { transform: scale(1.1); }
body[data-theme="dreamhub"] .cat-card h3 {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 18px 20px 6px;
}
body[data-theme="dreamhub"] .cat-card:hover h3 { color: var(--dh); }
body[data-theme="dreamhub"] .cat-card p {
  font-size: 16px;
  line-height: 28px;
  padding: 0 20px 24px;
  color: var(--dh-body);
}

/* ---------------------------------------------------------------
   8. 文章卡 — 米砂白卡 + 5px 圆角 + 标题 hover 玫红
   --------------------------------------------------------------- */
body[data-theme="dreamhub"] .grid { gap: 30px; }
body[data-theme="dreamhub"] .card {
  background: var(--dh-sand);
  border: 0;
  border-radius: 5px;
  padding: 34px 30px 30px;
  transition: .5s;
}
body[data-theme="dreamhub"] .card:hover { box-shadow: 0 10px 30px rgba(40, 40, 40, .10); }
body[data-theme="dreamhub"] .card .meta {
  color: var(--dh);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .5px;
}
body[data-theme="dreamhub"] .card h3 {
  font-size: 22px;
  font-weight: 700;
  line-height: 33px;
  letter-spacing: 1px;
  transition: .5s;
}
body[data-theme="dreamhub"] .card:hover h3 { color: var(--dh); }
body[data-theme="dreamhub"] .card p { font-size: 16px; line-height: 28px; }

/* ---------------------------------------------------------------
   9. 工作室预览 — 白卡 + 米砂底衬托
   --------------------------------------------------------------- */
body[data-theme="dreamhub"] .studio-teaser {
  background: #fff;
  border: 1px solid var(--dh-line);
  border-radius: 5px;
  padding: 40px;
  gap: 30px;
}
body[data-theme="dreamhub"] .about-figure {
  background: var(--dh-sand);
  border-radius: 5px;
  overflow: hidden;
}
body[data-theme="dreamhub"] .panel { background: transparent; border: 0; padding: 0; }
body[data-theme="dreamhub"] .panel h2 { font-size: 36px; letter-spacing: 1px; }
/* 米砂白卡上不需要渐变描边：绛砂的 --grad 是红色，会显成一圈红框 */
body[data-theme="dreamhub"] .studio-teaser .panel::before { display: none; }
/* 宽屏时三列变宽，3/4 竖图会被拉得过高，收成 4/5 并限高 */
body[data-theme="dreamhub"] .about-figure img { aspect-ratio: 4 / 5; max-height: 340px; }
body[data-theme="dreamhub"] .chips .chip {
  background: var(--dh-sand);
  color: var(--dh);
  border: 1px solid var(--dh-line);
  border-radius: 5px;
  font-weight: 500;
  transition: .5s;
}
body[data-theme="dreamhub"] .chips .chip:hover {
  background: var(--dh);
  color: #fff;
  border-color: var(--dh);
}

/* ---------------------------------------------------------------
   10. 内页 Banner — 7244 breadcumb：主色渐变 + 白字
   --------------------------------------------------------------- */
body[data-theme="dreamhub"] .page-banner,
body[data-theme="dreamhub"] .jr-banner,
body[data-theme="dreamhub"] .gb-banner,
body[data-theme="dreamhub"] .st-banner,
body[data-theme="dreamhub"] .ct-banner {
  background: linear-gradient(120deg, #ce214f 0%, #a31840 60%, #7d1030 100%);
  border: 0;
  border-radius: 0;
  padding: 92px 0 92px;
  margin-bottom: 60px;
}
body[data-theme="dreamhub"] .page-banner h1,
body[data-theme="dreamhub"] .jr-banner h1,
body[data-theme="dreamhub"] .gb-banner h1,
body[data-theme="dreamhub"] .st-banner h1,
body[data-theme="dreamhub"] .ct-banner h1,
body[data-theme="dreamhub"] .page-banner h2,
body[data-theme="dreamhub"] .ct-banner h2 { color: #fff; letter-spacing: 1px; }
body[data-theme="dreamhub"] .page-crumb,
body[data-theme="dreamhub"] .page-crumb a,
body[data-theme="dreamhub"] .ct-banner-text p { color: rgba(255, 255, 255, .88); }
body[data-theme="dreamhub"] .ct-banner-fig {
  background: rgba(255, 255, 255, .14);
  border-radius: 5px;
}

/* ---------------------------------------------------------------
   11. 日志列表 / 分类列表
   --------------------------------------------------------------- */
body[data-theme="dreamhub"] .post-cover-wrap,
body[data-theme="dreamhub"] .post-cover { border-radius: 5px; overflow: hidden; }
body[data-theme="dreamhub"] .post-item .post-cover { transition: transform .5s; }
body[data-theme="dreamhub"] .post-item:hover .post-cover { transform: scale(1.06); }
body[data-theme="dreamhub"] .post-title { font-size: 22px; font-weight: 700; letter-spacing: 1px; transition: .5s; }
body[data-theme="dreamhub"] .post-title a:hover,
body[data-theme="dreamhub"] .post-item:hover .post-title { color: var(--dh); }
body[data-theme="dreamhub"] .post-cat,
body[data-theme="dreamhub"] .pf-date,
body[data-theme="dreamhub"] .pf-author,
body[data-theme="dreamhub"] .pf-views { color: var(--dh); }

/* 分类筛选行（banner 是绛红渐变，下划线用白色才看得见；不套胶囊、不加描边） */
body[data-theme="dreamhub"] .page-banner .cat-nav {
  --cat-fg: rgba(255,255,255,.72);
  --cat-on-bar: #fff;
  --cat-cnt-op: .58;
  --cat-cnt-op-on: .85;
  gap: 2px 24px;
}
body[data-theme="dreamhub"] .page-banner .cat-link.is-active::after { height: 2px; }
body[data-theme="dreamhub"] .cc-ico { color: inherit; }

/* ---------------------------------------------------------------
   12. 文章详情
   --------------------------------------------------------------- */
body[data-theme="dreamhub"] .post-article { background: #fff; border: 0; }
body[data-theme="dreamhub"] .pa-title { font-size: 36px; line-height: 48px; letter-spacing: 1px; }
body[data-theme="dreamhub"] .pa-cover { border-radius: 5px; }
body[data-theme="dreamhub"] .post-body,
body[data-theme="dreamhub"] .pa-body { color: var(--dh-body); font-size: 16px; line-height: 28px; }
body[data-theme="dreamhub"] .post-body h2,
body[data-theme="dreamhub"] .pa-body h2 { font-size: 30px; }
body[data-theme="dreamhub"] .post-body h3,
body[data-theme="dreamhub"] .pa-body h3 { font-size: 24px; }
body[data-theme="dreamhub"] .post-body blockquote,
body[data-theme="dreamhub"] .pa-body blockquote {
  background: var(--dh-sand);
  border-left: 3px solid var(--dh);
  border-radius: 0 5px 5px 0;
  color: var(--dh-body);
}
/* 浅色主题下代码块必须显式给浅底，否则回退深空深色 */
body[data-theme="dreamhub"] .post-body pre,
body[data-theme="dreamhub"] .pa-body pre,
body[data-theme="dreamhub"] .post-body code,
body[data-theme="dreamhub"] .pa-body code {
  background: var(--dh-sand);
  color: var(--dh-ink);
  border: 1px solid var(--dh-line);
  border-radius: 5px;
}
body[data-theme="dreamhub"] .tag {
  background: var(--dh-sand);
  color: var(--dh);
  border: 1px solid var(--dh-line);
  border-radius: 5px;
}
body[data-theme="dreamhub"] .tag:hover { background: var(--dh); color: #fff; }

/* 相关推荐 / 最新迷你列表 */
body[data-theme="dreamhub"] .rel-card,
body[data-theme="dreamhub"] .pm { background: var(--dh-sand); border: 0; border-radius: 5px; }
body[data-theme="dreamhub"] .rel-card:hover .rc-title,
body[data-theme="dreamhub"] .pm:hover .pm-title { color: var(--dh); }
body[data-theme="dreamhub"] .pm-img { border-radius: 5px; }

/* 评论 */
body[data-theme="dreamhub"] .pc-item { background: var(--dh-sand); border: 0; border-radius: 5px; }
body[data-theme="dreamhub"] .pc-name { color: var(--dh-ink); font-weight: 700; }
body[data-theme="dreamhub"] .pc-date { color: var(--dh); }

/* ---------------------------------------------------------------
   13. 侧栏小工具 — 7244 .widget-title：22px + 玫红短条
   --------------------------------------------------------------- */
body[data-theme="dreamhub"] .widget {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0 0 30px;
}
body[data-theme="dreamhub"] .w-title {
  font-size: 22px;
  font-weight: 700;
  color: var(--dh-ink);
  letter-spacing: 1px;
  position: relative;
  padding-bottom: 14px;
  margin-bottom: 22px;
}
body[data-theme="dreamhub"] .w-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 3px;
  background: var(--dh);
  border-radius: 2px;
}
body[data-theme="dreamhub"] .w-about { background: var(--dh-sand); border-radius: 5px; padding: 24px; }
/* 注意：此处只覆盖侧栏链接，banner 内的 .cat-link 由上方「分类筛选胶囊」段配色 */
body[data-theme="dreamhub"] .links-list a,
body[data-theme="dreamhub"] .posts-mini a { color: var(--dh-body); }
body[data-theme="dreamhub"] .links-list a:hover,
body[data-theme="dreamhub"] .posts-mini a:hover { color: var(--dh); }
body[data-theme="dreamhub"] .search-box input {
  background: #fff;
  border: 1px solid var(--dh-line);
  border-radius: 5px;
  color: var(--dh-ink);
}
body[data-theme="dreamhub"] .search-box input:focus { border-color: var(--dh); outline-color: var(--dh); }
/* 归档：7244 列表项 = 玫红小方点 */
body[data-theme="dreamhub"] .arch-list a,
body[data-theme="dreamhub"] .arch-months a { color: var(--dh-body); }
body[data-theme="dreamhub"] .arch-list a::before,
body[data-theme="dreamhub"] .arch-months a::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  background: var(--dh);
  border-radius: 50%;
  margin-right: 10px;
  vertical-align: middle;
}
body[data-theme="dreamhub"] .arch-list a:hover,
body[data-theme="dreamhub"] .arch-months a:hover { color: var(--dh); }
body[data-theme="dreamhub"] .yr { color: var(--dh-ink); font-weight: 700; }

/* ---------------------------------------------------------------
   14. 分页 — active 实心主色方块
   --------------------------------------------------------------- */
/* TP6 paginate 默认结构：ul.pagination > li(.active/.disabled) > a/span.page-link */
body[data-theme="dreamhub"] .pagination .page-link,
body[data-theme="dreamhub"] .pagination li span {
  background: #fff;
  border: 1px solid var(--dh-line);
  border-radius: 5px;
  color: var(--dh-body);
  transition: .5s;
}
body[data-theme="dreamhub"] .pagination .page-link:hover {
  border-color: var(--dh);
  color: var(--dh);
  background: #fff;
}
body[data-theme="dreamhub"] .pagination li.active .page-link,
body[data-theme="dreamhub"] .pagination li.active span {
  background: var(--dh);
  border-color: var(--dh);
  color: #fff;
}
body[data-theme="dreamhub"] .pagination li.disabled .page-link,
body[data-theme="dreamhub"] .pagination li.disabled span { opacity: .45; }

/* ---------------------------------------------------------------
   15. 工作室页 — 统计 / 技能条 / 团队 / 留言墙
   --------------------------------------------------------------- */
body[data-theme="dreamhub"] .stat { background: var(--dh-sand); border: 0; border-radius: 5px; }
body[data-theme="dreamhub"] .stat-num { color: var(--dh); font-weight: 700; letter-spacing: 1px; }
body[data-theme="dreamhub"] .stat-label { color: var(--dh-body); }
body[data-theme="dreamhub"] .skill .sk-bar { background: #fff; border: 1px solid var(--dh-line); border-radius: 5px; }
body[data-theme="dreamhub"] .skill .sk-fill { background: var(--dh); border-radius: 5px; }
body[data-theme="dreamhub"] .skill .sk-label { color: var(--dh-ink); font-weight: 500; }
body[data-theme="dreamhub"] .skill .sk-pct { color: var(--dh); }
body[data-theme="dreamhub"] .testi,
body[data-theme="dreamhub"] .gb-card {
  background: var(--dh-sand);
  border: 0;
  border-radius: 5px;
  transition: .5s;
}
body[data-theme="dreamhub"] .testi:hover { box-shadow: 0 10px 30px rgba(40, 40, 40, .10); }
body[data-theme="dreamhub"] .gb-name { color: var(--dh-ink); font-weight: 700; }
body[data-theme="dreamhub"] .gb-date { color: var(--dh); }

/* 「同路的人」= 7244 .team-single-box：4 列均分 + 居中白卡 + hover 反色主色。
   基础 style.css 的 .team-grid 已改 auto-fit（项数少时也拉伸填满），
   此处按 7244 team 页固定 4 列，并做居中版式。 */
body[data-theme="dreamhub"] .team-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
body[data-theme="dreamhub"] .team-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0;
  padding: 26px 18px 24px;
  background: #fff;
  border: 1px solid var(--dh-line);
  border-radius: 5px;
  backdrop-filter: none;
}
body[data-theme="dreamhub"] .team-card:hover {
  transform: translateY(-5px);
  background: var(--dh);
  border-color: var(--dh);
  box-shadow: 0 16px 34px rgba(206, 33, 79, .24);
}
body[data-theme="dreamhub"] .team-card .avatar {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  background: var(--dh);
  box-shadow: 0 8px 20px rgba(206, 33, 79, .28);
  transition: .5s;
}
body[data-theme="dreamhub"] .team-card:hover .avatar {
  background: #fff;
  color: var(--dh);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .16);
}
body[data-theme="dreamhub"] .tname {
  display: block;
  margin-top: 14px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #232323;
  transition: .5s;
}
body[data-theme="dreamhub"] .who {
  display: block;
  margin-top: 4px;
  font-size: 16px;
  font-weight: 400;
  color: #727272;
  transition: .5s;
}
body[data-theme="dreamhub"] .team-card:hover .tname { color: #fff; }
body[data-theme="dreamhub"] .team-card:hover .who { color: rgba(255, 255, 255, .85); }
body[data-theme="dreamhub"] .about-portrait { background: var(--dh-sand); border-radius: 5px; }
/* 留言表单 */
body[data-theme="dreamhub"] .gb-form input,
body[data-theme="dreamhub"] .gb-form textarea {
  background: #fff;
  border: 1px solid var(--dh-line);
  border-radius: 5px;
  color: var(--dh-ink);
}
body[data-theme="dreamhub"] .gb-form input:focus,
body[data-theme="dreamhub"] .gb-form textarea:focus {
  border-color: var(--dh);
  outline-color: var(--dh);
}
body[data-theme="dreamhub"] .gb-msg { color: var(--dh); }

/* ---------------------------------------------------------------
   16. 页脚 — 7244：#282828 深灰 + 白字 + 玫红社交图标
   --------------------------------------------------------------- */
body[data-theme="dreamhub"] .footer { background: #282828; color: #fff; }
body[data-theme="dreamhub"] .footer-widgets {
  background: transparent;
  border: 0;
  padding: 100px 0 70px;
}
body[data-theme="dreamhub"] .fw-title {
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 31px;
  letter-spacing: 1px;
}
body[data-theme="dreamhub"] .fw-about-text,
body[data-theme="dreamhub"] .fw-sub-text { color: rgba(255, 255, 255, .78); }
body[data-theme="dreamhub"] .fw-contact li,
body[data-theme="dreamhub"] .fw-contact a { color: rgba(255, 255, 255, .78); }
body[data-theme="dreamhub"] .fw-contact a:hover { color: #fff; }
body[data-theme="dreamhub"] .fc-ico { color: var(--dh); background: rgba(255, 255, 255, .08); }
body[data-theme="dreamhub"] .fw-posts-list a,
body[data-theme="dreamhub"] .fw-links-list a { color: rgba(255, 255, 255, .78); }
body[data-theme="dreamhub"] .fw-posts-list a:hover,
body[data-theme="dreamhub"] .fw-links-list a:hover { color: #fff; }
body[data-theme="dreamhub"] .fw-p-date { color: rgba(255, 255, 255, .45); }
body[data-theme="dreamhub"] .fw-sub-input {
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 5px;
  color: #fff;
}
body[data-theme="dreamhub"] .fw-sub-btn { background: var(--dh); border-radius: 5px; color: #fff; }
body[data-theme="dreamhub"] .fw-soc {
  background: rgba(255, 255, 255, .08);
  color: #f91c51;
  border-radius: 5px;
}
body[data-theme="dreamhub"] .fw-soc:hover { background: var(--dh); color: #fff; }
body[data-theme="dreamhub"] .fw-beian,
body[data-theme="dreamhub"] .beian-item { color: rgba(255, 255, 255, .6); }
body[data-theme="dreamhub"] .footer-bottom {
  background: #212121;
  border-top: 1px solid rgba(255, 255, 255, .08);
  color: rgba(255, 255, 255, .6);
}
body[data-theme="dreamhub"] .fb-copy,
body[data-theme="dreamhub"] .fb-powered { color: rgba(255, 255, 255, .6); }

/* 回到顶部 */
body[data-theme="dreamhub"] .to-top {
  background: var(--dh);
  color: #fff;
  border-radius: 5px;
  box-shadow: 0 6px 18px rgba(206, 33, 79, .32);
}
/* 滚动进度条 */
body[data-theme="dreamhub"] .scroll-progress { background: var(--dh); }

/* ---------------------------------------------------------------
   17. 响应式（沿用 7244 的断点收窄逻辑）
   --------------------------------------------------------------- */
@media (max-width: 991px) {
  body[data-theme="dreamhub"] .team-grid { grid-template-columns: repeat(2, 1fr); }
  body[data-theme="dreamhub"] .hero { min-height: 420px; padding: 100px 0 70px; }
  body[data-theme="dreamhub"] .hero-card h1 { font-size: 40px; line-height: 50px; }
  body[data-theme="dreamhub"] .hero-card p { max-width: 100%; }
  body[data-theme="dreamhub"] .section { padding: 70px 0 50px; }
  body[data-theme="dreamhub"] .section-head h2 { font-size: 28px; line-height: 38px; }
  body[data-theme="dreamhub"] .studio-teaser { padding: 26px; }
}
@media (max-width: 767px) {
  body[data-theme="dreamhub"] .team-grid { grid-template-columns: 1fr; }
  /* 单列后中间的文字块显得过高：收紧内边距、标题与行高，图片相应放大取平 */
  body[data-theme="dreamhub"] .studio-teaser { padding: 20px; gap: 18px; }
  body[data-theme="dreamhub"] .panel h2 { font-size: 26px; }
  body[data-theme="dreamhub"] .studio-teaser .panel p { font-size: 15px; line-height: 1.75; margin-bottom: 12px; }
  body[data-theme="dreamhub"] .about-figure { max-width: 280px; }
  body[data-theme="dreamhub"] .about-figure img { aspect-ratio: 1 / 1; }
  body[data-theme="dreamhub"] .hero-card h1 { font-size: 32px; line-height: 42px; }
  body[data-theme="dreamhub"] .section { padding: 56px 0 36px; }
  body[data-theme="dreamhub"] .section-head h2 { font-size: 24px; line-height: 34px; }
  body[data-theme="dreamhub"] .pa-title { font-size: 26px; line-height: 36px; }
  /* 内页 banner 继承基础 -67px 上移（藏到 sticky 导航之下），
     此处 top 必须 > 67 才能让标题落在导航下方；原 60px 会使标题贴住/被导航遮挡 */
  body[data-theme="dreamhub"] .page-banner,
  body[data-theme="dreamhub"] .jr-banner,
  body[data-theme="dreamhub"] .gb-banner,
  body[data-theme="dreamhub"] .st-banner,
  body[data-theme="dreamhub"] .ct-banner { padding: 104px 0 56px; }
}