/* =========================================================
   dream-brand.css — 深空梦幻视觉系统（荣誉 / 品牌故事）
   根类 .pk-dream；依赖 about_detail 模板引入本文件
   ========================================================= */
.pk-dream{
  --bg0:#070b1f; --bg1:#0b1535; --bg2:#0a1024;
  --c-cyan:#5eead4; --c-indigo:#818cf8; --c-violet:#c084fc; --c-sky:#38bdf8;
  --txt:#dbe7ff; --txt2:#9fb3d9; --glass:rgba(180,205,255,.06); --glass-bd:rgba(130,170,255,.22);
  --glow:0 0 30px rgba(120,170,255,.25);
  position:relative; overflow:hidden;
  margin:-3.6% -3.6% 0; padding:60px 7.5% 72px;
  color:var(--txt);
  font-family:'Microsoft YaHei','Segoe UI',sans-serif;
  border-radius:6px;
  background:
    radial-gradient(1100px 620px at 50% -16%, rgba(56,108,224,.32), transparent 60%),
    radial-gradient(900px 560px at 90% 6%, rgba(150,70,210,.24), transparent 62%),
    radial-gradient(820px 560px at 6% 96%, rgba(40,200,190,.16), transparent 60%),
    linear-gradient(165deg,var(--bg0) 0%,var(--bg1) 54%,var(--bg2) 100%);
}
/* 星点层 */
.pk-dream::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.8;
  background-image:
    radial-gradient(1.4px 1.4px at 10% 14%, rgba(255,255,255,.95), transparent),
    radial-gradient(1.6px 1.6px at 22% 38%, rgba(200,225,255,.85), transparent),
    radial-gradient(1.2px 1.2px at 33% 12%, rgba(255,255,255,.7), transparent),
    radial-gradient(1.8px 1.8px at 47% 30%, rgba(220,235,255,.9), transparent),
    radial-gradient(1.3px 1.3px at 58% 16%, rgba(255,255,255,.75), transparent),
    radial-gradient(1.5px 1.5px at 67% 42%, rgba(190,220,255,.8), transparent),
    radial-gradient(1.2px 1.2px at 78% 22%, rgba(255,255,255,.7), transparent),
    radial-gradient(1.7px 1.7px at 88% 36%, rgba(210,230,255,.85), transparent),
    radial-gradient(1.3px 1.3px at 15% 64%, rgba(255,255,255,.7), transparent),
    radial-gradient(1.5px 1.5px at 40% 74%, rgba(200,225,255,.8), transparent),
    radial-gradient(1.2px 1.2px at 62% 82%, rgba(255,255,255,.7), transparent),
    radial-gradient(1.6px 1.6px at 84% 70%, rgba(220,235,255,.85), transparent),
    radial-gradient(1.3px 1.3px at 28% 92%, rgba(255,255,255,.7), transparent),
    radial-gradient(1.4px 1.4px at 73% 92%, rgba(190,220,255,.75), transparent);
}
/* 流动光晕 */
.pk-dream::after{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(420px 420px at 20% 20%, rgba(94,234,212,.10), transparent 60%),
    radial-gradient(520px 520px at 80% 80%, rgba(192,132,252,.10), transparent 60%);
  mix-blend-mode:screen;
}
.pk-dream > *{ position:relative; z-index:1; }

/* ---------- HERO ---------- */
.dream-hero{ position:relative; text-align:center; padding:26px 0 44px; }
.dream-orbit{
  position:absolute; left:50%; top:18px; width:230px; height:230px; transform:translateX(-50%);
  border:1px solid rgba(130,170,255,.18); border-radius:50%;
  box-shadow:0 0 40px rgba(120,170,255,.18) inset;
}
.dream-orbit::before{
  content:""; position:absolute; left:50%; top:-5px; width:9px; height:9px; border-radius:50%;
  transform:translateX(-50%);
  background:radial-gradient(circle,#fff,rgba(120,170,255,.6));
  box-shadow:0 0 18px rgba(120,170,255,1);
  animation:dorbit 9s linear infinite;
}
@keyframes dorbit{ from{ transform:translateX(-50%) rotate(0) translateY(-115px) rotate(0);} to{ transform:translateX(-50%) rotate(360deg) translateY(-115px) rotate(-360deg);} }
.dream-hero-title{
  position:relative; font-size:clamp(30px,5vw,46px); font-weight:800; color:#fff;
  letter-spacing:.12em; margin:0;
  text-shadow:0 0 30px rgba(120,170,255,.7),0 0 64px rgba(150,90,230,.45);
}
.dream-hero-en{
  margin:12px 0 0; font-size:clamp(12px,2vw,18px); letter-spacing:.5em; color:var(--c-cyan);
  text-shadow:0 0 16px rgba(94,234,212,.6);
}
.dream-hero-sub{
  margin:20px auto 0; max-width:700px; color:var(--txt2); font-size:15px; line-height:2.05;
}
.dream-hero-sub strong{ color:#fff; }

/* ---------- 章节标签 ---------- */
.dream-label{
  display:inline-flex; align-items:center; gap:12px; margin:48px 0 24px;
  font-size:13px; letter-spacing:.42em; color:var(--c-violet); text-shadow:0 0 14px rgba(192,132,252,.5);
}
.dream-label::before{ content:""; width:26px; height:1px; background:linear-gradient(90deg,transparent,var(--c-violet)); }
.dream-label::after{ content:""; width:64px; height:1px; background:linear-gradient(90deg,var(--c-violet),transparent); }
.dream-label.center{ display:flex; justify-content:center; }

/* ---------- 标题 / 段落 ---------- */
.dream-h2{ font-size:clamp(20px,3vw,28px); font-weight:700; color:#fff; margin:0 0 16px; text-shadow:0 0 22px rgba(120,170,255,.5); }
.dream-p{ font-size:15px; line-height:2.1; color:var(--txt); margin:0 0 13px; }
.dream-p strong{ color:#fff; }

/* ---------- 网格 ---------- */
.dream-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(215px,100%),1fr)); gap:18px; }

/* ---------- 资质证书卡 ---------- */
.dream-cert{
  background:var(--glass); border:1px solid var(--glass-bd); border-radius:16px;
  padding:30px 16px 26px; text-align:center; backdrop-filter:blur(12px);
  box-shadow:0 0 0 1px rgba(120,170,255,.05) inset,0 10px 40px rgba(0,10,40,.45);
  transition:transform .3s, box-shadow .3s, border-color .3s;
}
.dream-cert:hover{ transform:translateY(-6px); border-color:rgba(150,190,255,.55); box-shadow:0 0 30px rgba(120,170,255,.35),0 10px 40px rgba(0,10,40,.5); }
.dream-cert-ico{
  width:54px; height:54px; margin:0 auto 14px; border-radius:50%; display:grid; place-items:center;
  background:radial-gradient(circle,rgba(120,170,255,.34),rgba(120,170,255,.04));
  border:1px solid rgba(150,190,255,.4); box-shadow:0 0 22px rgba(120,170,255,.45);
  font-size:22px; color:#dbe7ff;
}
.dream-cert-name{ font-size:14px; color:#dbe7ff; font-weight:600; line-height:1.5; }

/* ---------- 重大项目卡 ---------- */
.dream-proj{
  background:var(--glass); border:1px solid var(--glass-bd); border-radius:16px; padding:22px 20px;
  backdrop-filter:blur(12px); box-shadow:0 10px 40px rgba(0,10,40,.45);
  transition:transform .3s, box-shadow .3s, border-color .3s;
}
.dream-proj:hover{ transform:translateY(-5px); border-color:rgba(150,190,255,.5); box-shadow:0 0 26px rgba(120,170,255,.3),0 10px 40px rgba(0,10,40,.5); }
.dream-proj-top{ display:flex; justify-content:space-between; align-items:flex-start; gap:10px; }
.dream-proj-name{ font-size:17px; font-weight:700; color:#fff; }
.dream-chip{
  flex:none; font-size:12px; padding:4px 11px; border-radius:999px; color:#fff; white-space:nowrap;
  background:linear-gradient(90deg,#1e3a8a,#38bdf8); box-shadow:0 0 16px rgba(56,189,248,.5);
}
.dream-proj-desc{ margin-top:10px; color:var(--txt2); font-size:14px; line-height:1.75; }

/* ---------- 合作伙伴 ---------- */
.dream-partner{
  background:var(--glass); border:1px solid var(--glass-bd); border-radius:14px; padding:20px 12px;
  text-align:center; color:#cfe0ff; font-weight:600; letter-spacing:.05em; backdrop-filter:blur(12px);
  box-shadow:0 0 0 1px rgba(120,170,255,.04) inset; transition:box-shadow .3s, color .3s, border-color .3s;
}
.dream-partner:hover{ color:#fff; border-color:rgba(150,190,255,.5); box-shadow:0 0 24px rgba(120,170,255,.3); }

/* ---------- 时间轴叙事（品牌故事） ---------- */
.dream-timeline{ position:relative; margin:6px 0 0; padding-left:36px; }
.dream-timeline::before{
  content:""; position:absolute; left:12px; top:8px; bottom:8px; width:2px;
  background:linear-gradient(180deg,var(--c-cyan),var(--c-violet),transparent);
  box-shadow:0 0 12px rgba(120,170,255,.6);
}
.dream-node{ position:relative; }
.dream-node::before{
  content:""; position:absolute; left:-30px; top:10px; width:14px; height:14px; border-radius:50%;
  background:radial-gradient(circle,#fff,rgba(120,170,255,.6)); box-shadow:0 0 16px rgba(120,170,255,.9);
}
.dream-card{
  background:var(--glass); border:1px solid var(--glass-bd); border-radius:18px;
  padding:26px 26px 22px; margin:0 0 26px; backdrop-filter:blur(12px);
  box-shadow:0 10px 40px rgba(0,10,40,.5),0 0 0 1px rgba(120,170,255,.05) inset;
  transition:box-shadow .3s, border-color .3s;
}
.dream-card:hover{ border-color:rgba(150,190,255,.5); box-shadow:0 0 30px rgba(120,170,255,.3),0 10px 40px rgba(0,10,40,.5); }
.dream-card .dream-label{ margin-top:0; }
.dream-quote{
  margin:0 0 16px; padding:14px 18px; border-left:3px solid var(--c-cyan); border-radius:0 12px 12px 0;
  background:rgba(94,234,212,.06); color:var(--c-cyan); font-size:15px; line-height:1.9; letter-spacing:.02em;
}

/* ---------- CTA ---------- */
.dream-cta{ margin-top:50px; text-align:center; padding-top:8px; }
.dream-cta-title{ font-size:20px; color:#fff; text-shadow:0 0 22px rgba(120,170,255,.5); margin:0 0 20px; }
.dream-btn-row{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.dream-btn{
  display:inline-flex; align-items:center; gap:8px; padding:12px 24px; border-radius:999px;
  background:linear-gradient(90deg,#1e3a8a,#38bdf8); color:#fff; font-weight:600; text-decoration:none;
  box-shadow:0 0 24px rgba(56,189,248,.5); transition:transform .25s, box-shadow .25s;
}
.dream-btn:hover{ transform:translateY(-3px); box-shadow:0 0 34px rgba(56,189,248,.7); }
.dream-btn-ghost{ background:transparent; border:1px solid rgba(150,190,255,.5); box-shadow:none; }
.dream-btn-ghost:hover{ box-shadow:0 0 22px rgba(120,170,255,.35); }


/* ============================================================
   DREAM 主题浅色化改造 (2026-09-30)
   原「深空梦幻」主题整体为 #070b1f→#0b1535 深蓝星空，偏压抑。
   改为：明亮科技感实景图 + 白色蒙层 + 浅蓝渐变，卡片转白底，
   文字换深藏青，与 /category/about 的新视觉保持一致。
   影响页面：/topic/294 品牌故事、/topic/293 知识产权、
             /topic/289 公司荣誉、/topic/292 产品荣誉（同用 .pk-dream）
   ============================================================ */
.pk-dream{
  --bg0:#F6FAFF; --bg1:#E9F3FD; --bg2:#F8FCFF;
  --c-cyan:#0E8F7E; --c-indigo:#1F6FE5; --c-violet:#5B4BC4; --c-sky:#1F6FE5;
  --txt:#2A3A55; --txt2:#5C6B84;
  --glass:#FFFFFF; --glass-bd:rgba(31,111,229,.18);
  color:var(--txt);
  background:
    radial-gradient(900px 520px at 50% -10%, rgba(56,108,224,.10), transparent 60%),
    linear-gradient(180deg, rgba(248,251,255,.92) 0%, rgba(236,245,255,.95) 100%),
    url('/uploads/image/20260930/about_hero.jpg') center/cover no-repeat #EAF3FC;
}
.pk-dream::before{ display:none; }
.pk-dream::after{ mix-blend-mode:normal; }

/* ---------- HERO ---------- */
.dream-orbit{ border:1px solid rgba(31,111,229,.22); box-shadow:0 0 24px rgba(31,111,229,.10) inset; }
.dream-orbit::before{
  background:radial-gradient(circle,#1F6FE5,rgba(31,111,229,.35));
  box-shadow:0 0 10px rgba(31,111,229,.45);
}
.dream-hero-title{ color:#0B2C5E; text-shadow:0 2px 10px rgba(255,255,255,.9); }
.dream-hero-en{ color:#1F6FE5; text-shadow:none; }
.dream-hero-sub{ color:#3D5A80; }
.dream-hero-sub strong{ color:#0B2C5E; }

/* ---------- 章节标签 / 文本 ---------- */
.dream-label{ color:#5B4BC4; text-shadow:none; }
.dream-label::before{ background:linear-gradient(90deg,transparent,#5B4BC4); }
.dream-label::after{ background:linear-gradient(90deg,#5B4BC4,transparent); }
.dream-h2{ color:#0B2C5E; text-shadow:none; }
.dream-p{ color:#3D4A61; }
.dream-p strong{ color:#0B2C5E; }

/* ---------- 卡片统一白底 ---------- */
.dream-cert,.dream-proj,.dream-partner,.dream-card{
  background:#fff;
  border-color:rgba(31,111,229,.18);
  box-shadow:0 8px 24px rgba(11,44,94,.07);
}
.dream-cert:hover,.dream-proj:hover,.dream-card:hover{
  border-color:rgba(31,111,229,.45);
  box-shadow:0 12px 30px rgba(11,44,94,.13);
}
.dream-cert-ico{
  background:radial-gradient(circle,rgba(31,111,229,.16),rgba(31,111,229,.03));
  border:1px solid rgba(31,111,229,.32);
  color:#1F6FE5; box-shadow:none;
}
.dream-cert-name{ color:#2A3A55; }
.dream-proj-name{ color:#0B2C5E; }
.dream-proj-desc{ color:#5C6B84; }
.dream-chip{ background:linear-gradient(90deg,#1F6FE5,#4E93F5); box-shadow:0 4px 12px rgba(31,111,229,.25); }
.dream-partner{ color:#2A3A55; }
.dream-partner:hover{ color:#1F6FE5; border-color:rgba(31,111,229,.45); box-shadow:0 8px 20px rgba(11,44,94,.10); }

/* ---------- 时间轴 ---------- */
.dream-timeline::before{ background:linear-gradient(180deg,#1F6FE5,#5B4BC4,transparent); box-shadow:none; }
.dream-node::before{
  background:radial-gradient(circle,#fff,#1F6FE5);
  box-shadow:0 0 0 3px rgba(31,111,229,.16);
}
.dream-quote{
  background:rgba(31,111,229,.06); border-left:3px solid #1F6FE5; color:#0E7C6E;
}

/* ---------- CTA ---------- */
.dream-cta-title{ color:#0B2C5E; text-shadow:none; }
.dream-btn{ background:linear-gradient(90deg,#1F6FE5,#4E93F5); box-shadow:0 6px 18px rgba(31,111,229,.28); }
.dream-btn:hover{ box-shadow:0 10px 24px rgba(31,111,229,.40); }
.dream-btn-ghost{ background:rgba(255,255,255,.92); border:1px solid rgba(31,111,229,.45); color:#1F6FE5; }
.dream-btn-ghost:hover{ box-shadow:0 8px 18px rgba(31,111,229,.22); }