/* ==========================================================================
   theme-v7.css —— 把 www.smart3d.cn 的配色换成 v7.smart3d.cn 的深色 Fluent 风格
   用法：放到站点 css/ 目录，在 index.html 的 <head> 最后一行加：
       <link rel="stylesheet" href="css/theme-v7.css" />
   说明：home.css 是 $('#homepage').load() 后注入的，会排在本文件之后，
         所以下面的选择器都带 #homepage / #mypage / #chatpage 前缀提高优先级；
         HTML 里写死的 style="" 只能用 !important 盖掉。
   ========================================================================== */

:root {
  /* 以下取值与 v7.smart3d.cn/site.css 完全一致 */
  --bg: #0b0b0e;
  --surface: #1a1a1f;
  --surface-2: #232329;
  --surface-3: #2c2c33;
  --line: #2a2a31;
  --text: #ffffff;
  --muted: #b6b6c0;
  --faint: #86868f;
  --accent: #4cc2ff;
  --grad-1: #ffffff;
  --grad-2: #b9a8ff;
  --btn-grad: linear-gradient(180deg, #2e9bf0 0%, #0067c0 100%);
  --btn-grad-hover: linear-gradient(180deg, #2e9bf0 0%, #005aa8 100%);
}

/* ---------------------------------------------------------------- 全局底色 */
body {
  background: transparent !important;
  color: var(--text);
}
* {
  font-family: 'Segoe UI Variable Text', 'Segoe UI', 'Microsoft YaHei', 'Noto Sans SC', system-ui,
    sans-serif;
}
#homepage,
#chatpage,
#mypage,
#homepage .content {
  background: transparent;
  color: var(--text);
}
/* 顶部氛围光，对应 v7 的 .hero 背景（挂在 html 上才能铺满整屏） */
html {
  min-height: 100%;
  background:
    radial-gradient(900px 520px at 70% -8%, rgba(143, 116, 255, 0.28), transparent 64%),
    radial-gradient(720px 480px at 105% 40%, rgba(255, 138, 96, 0.12), transparent 60%),
    radial-gradient(640px 460px at 0% 70%, rgba(60, 130, 246, 0.12), transparent 62%),
    var(--bg) !important;
  background-attachment: fixed !important;
}

/* ---------------------------------------------------------------- 头部 Logo */
#homepage .logo {
  background: var(--surface);
  border: 1px solid var(--line);
}
/* logo.png 是黑色线稿，深色底上反白 */
#homepage .logo img {
  filter: invert(1);
}
#homepage .name,
#homepage .namehead,
#homepage .namesm {
  color: var(--text);
}
#homepage .ncolor {
  color: var(--accent);
  background: none;
}

/* ---------------------------------------------------------------- 顶部 Tab 条 */
#homepage .pagetitle {
  background: rgba(26, 26, 31, 0.72);
  backdrop-filter: blur(16px);
  border: 1px solid var(--line);
  box-shadow: none;
}
#homepage .pagetitlebt {
  color: var(--muted);
}
#homepage .pagetitlebt:hover {
  color: var(--text);
}
#homepage .pagetitlebt2 {
  background: var(--btn-grad);
  color: #fff;
}

/* ---------------------------------------------------------------- 欢迎大卡片 */
#homepage .bigboxblock {
  background:
    radial-gradient(520px 260px at 100% 0%, rgba(76, 194, 255, 0.12), transparent 70%),
    var(--surface);
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: none;
}
/* v7 宣传横幅（欢迎卡片上方，整图可点击） */
#homepage .v7banner {
  display: block;
  margin: 0 20px 24px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--line);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
  transition: transform 160ms ease, box-shadow 160ms ease;
}
#homepage .v7banner:hover {
  transform: translateY(-2px);
  box-shadow: 0 28px 70px rgba(255, 110, 30, 0.25);
}
#homepage .v7banner img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2048 / 1152; /* 图片加载前先占位，避免 swiper 算错高度把下面截掉 */
}

#homepage .bigtitle {
  background: linear-gradient(118deg, var(--grad-1) 0%, var(--grad-1) 45%, var(--grad-2) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 700;
  letter-spacing: -0.5px;
}
#homepage .bigtext {
  color: var(--muted);
}
/* 右侧原来是 loginbg.jpg 背景图，压一层暗色让它融入深色主题 */
#homepage .bigright {
  background-image:
    linear-gradient(160deg, rgba(11, 11, 14, 0.55), rgba(11, 11, 14, 0.85)),
    url(../image/loginbg.jpg);
}
#homepage .btdt {
  color: var(--muted);
}
#homepage .people {
  color: var(--accent);
  font-weight: 600;
}

/* ---------------------------------------------------------------- 按钮：统一成 v7 的蓝色胶囊渐变 */
#homepage .button,
#homepage .toolmorebt,
#homepage .softinfobt,
#homepage .hardinfobt,
#homepage .jcmorebt,
#mypage button {
  background: var(--btn-grad) !important;
  color: #fff !important;
  border: 0;
  border-radius: 999px;
  box-shadow: 0 10px 30px rgba(0, 103, 192, 0.42);
  transition: transform 160ms ease, box-shadow 160ms ease;
}
#homepage .button:hover,
#homepage .toolmorebt:hover,
#homepage .softinfobt:hover,
#homepage .hardinfobt:hover,
#homepage .jcmorebt:hover,
#mypage button:hover {
  background: var(--btn-grad-hover) !important;
  transform: translateY(-1px);
}
/* "Smart3D 2025 软件授权申请入口" 按钮里写死了 color:darkred / yellow */
#homepage .button p {
  color: #fff !important;
}
#homepage .button p:first-child {
  color: #fff !important;
}

/* ---------------------------------------------------------------- 卡片类（资讯/工具/软硬件/案例/教程） */
#homepage .toolblock,
#homepage .newsitem,
#homepage .jcblockitem,
#homepage .softitem,
#homepage .harditem,
#homepage .caseitemclass,
#homepage .toolitemcontent,
#mypage .myblock,
#chatpage .chatbox {
  background: var(--surface) !important;
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: none;
}
#homepage .toolitemcontent:hover,
#homepage .newsitem:hover,
#homepage .softitem:hover,
#homepage .harditem:hover {
  border-color: rgba(255, 255, 255, 0.18);
  box-shadow: none;
}
#homepage .alltoolsblock {
  background: transparent;
}
#homepage .toolboxicon {
  background-color: var(--surface-2);
  box-shadow: none;
}

/* 标题 / 正文 / 次要文字 */
#homepage .texttitle {
  color: var(--faint);
  border-bottom-color: var(--line);
}
#homepage .newtitle,
#homepage .toolboxrtitle,
#homepage .softtile,
#homepage .hardtile,
#homepage .casetitletext,
#homepage .toolname,
#homepage .jcblockitemtitle,
#homepage .hottitletext {
  color: var(--text);
}
#homepage .toolname {
  border-bottom-color: var(--line);
}
#homepage .newcontent,
#homepage .toolboxrtext,
#homepage .softtext,
#homepage .hardtext,
#homepage .caseothertext,
#homepage .tooltextbox,
#homepage .jcblockitemcout,
#homepage .jcblockitemtime,
#homepage .dzzztext {
  color: var(--muted);
}
#homepage .copyright {
  color: var(--faint);
}

/* 底部公司信息块里写死了 color:black / red */
#homepage .dzzzdiv div[style*='color:black'] {
  color: var(--text) !important;
}
#homepage .dzzzdiv a {
  color: var(--accent) !important;
}

/* ---------------------------------------------------------------- 底部 Tab 栏 */
.appbar {
  background: rgba(11, 11, 14, 0.72);
  backdrop-filter: blur(16px);
  border-top: 1px solid var(--line);
  box-shadow: none;
}
.tabtext {
  color: var(--muted);
}
/* 未选中的图标是黑色 png（home/chat/my/back.png），反白；选中的 *1.png 保持原色 */
.tabimg[src$='tab/home.png'],
.tabimg[src$='tab/chat.png'],
.tabimg[src$='tab/my.png'],
.tabimg[src$='tab/back.png'] {
  filter: brightness(0) invert(1);
  opacity: 0.75;
}

/* ---------------------------------------------------------------- 我的 / 对话 */
#mypage,
#chatpage {
  color: var(--text);
}
#mypage [class*='text'],
#chatpage [class*='text'] {
  color: var(--muted);
}
#chatpage input,
#chatpage textarea {
  background: var(--surface-2);
  color: var(--text);
  border: 1px solid var(--line);
}

/* 子页面 iframe：深底，避免白闪 */
#childpage,
.myframe {
  background: var(--bg);
}