/* 站点专属样式（xygcx / 磐力云）；通用预设类（.proxy-hide 等）在项目根 inject/index.css */
.navbar-inner .logo {
  background-color: #fff;
}

.navbar .nav-actions .nav-btn-outline,
.demo-link,
.footer-content,
.footer-bottom {
  display: none !important;
}

/* ===== proxy-skin 皮肤：米白纸感编辑风 =====
   原站为深色极光 + 靛蓝渐变 + 玻璃圆角；皮肤反转为
   米白纸底 + 墨色文字 + 朱砂强调 + 衬线标题 + 小圆角细边框。
   作用域为 body 上的 id="proxy-skin"：ID 特异性 (1,0,0) 起步，
   高于站点 class/属性选择器（scoped CSS 最高 0,4,1 级），
   故默认无需 !important；仅站点自身带 !important 的规则
   （登录输入框配色）同步加 !important 反制。 */
#proxy-skin {
  --skin-paper: #f5efe3;    /* 页面底色：米白纸感 */
  --skin-paper-2: #ece4d2;  /* 交替分区底色 */
  --skin-card: #fbf8f1;     /* 卡片底色 */
  --skin-ink: #26221a;      /* 墨色主文字 */
  --skin-ink-soft: #7c7361; /* 次级文字 */
  --skin-line: #d8cdb6;     /* 分隔线/边框 */
  --skin-accent: #b4530a;   /* 朱砂强调色 */
  --skin-serif: Georgia, "Songti SC", STSong, SimSun, serif;

  /* 颜色值映射表（分号分隔的 源:目标 对）：CSS 选择器无法按颜色值匹配，
     站点样式表（懒加载分包 / antd 运行时注入）中的硬编码颜色由 inject/index.js
     读取此表在运行时做等值替换；rgb 源允许逗号后任意空白。随本 id 启停 */
  --skin-color-map: "#656efa:#b4530a;#6366f1:#b4530a;#686efa:#c9722a;#667eea:#c9722a;#7c7aff:#c9722a;#9aa0fa:#cf8a45;#a78bfa:#cf8a45;#030e36:#26221a;101, 110, 250:180, 83, 10;104, 110, 250:201, 114, 42;3, 14, 54:38, 34, 26;#e586e6:#d97706;229, 134, 230:217, 119, 6;124, 122, 255:201, 114, 42;#d5e3ff:#d8cdb6;213, 227, 255:216, 205, 182;#b4bef0:#d8cdb6;#f5f7ff:#fbf8f1;#fcfdff:#fbf8f1;#fff7fb:#fbf8f1;#ffeff6:#fbf8f1";

  background: var(--skin-paper);
  color: var(--skin-ink);
}

/* ---- 落地页：去掉极光大图与背景视频 ---- */
#proxy-skin .home-page {
  background: var(--skin-paper);
}
#proxy-skin .hero-bg {
  display: none;
}

/* ---- 导航栏 ---- */
#proxy-skin .navbar {
  background: rgba(245, 239, 227, 0.92);
  border-bottom: 1px solid var(--skin-line);
  backdrop-filter: blur(6px);
}
#proxy-skin .nav-link {
  color: var(--skin-ink);
}
#proxy-skin .nav-link:hover {
  color: var(--skin-accent);
}
#proxy-skin .nav-btn-primary {
  background: var(--skin-ink);
  color: var(--skin-paper);
  border-radius: 3px;
  box-shadow: none;
}

/* ---- Hero 文案 ---- */
#proxy-skin .model-badge {
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid var(--skin-line);
  border-radius: 4px;
  color: var(--skin-ink);
}
#proxy-skin .hero-title {
  color: var(--skin-ink);
  font-family: var(--skin-serif);
  letter-spacing: 0.02em;
}
#proxy-skin .hero-subtitle {
  color: var(--skin-ink-soft);
}

/* ---- 分区底色：纸色交替，去掉弧形过渡装饰 ---- */
#proxy-skin :is(.feature-section, .solution-section, .case-section, .pricing-section, .reputation-section, .footer, .service-banner) {
  background: var(--skin-paper);
  color: var(--skin-ink);
}
#proxy-skin :is(.solution-section, .pricing-section) {
  background: var(--skin-paper-2);
}
#proxy-skin :is(.top-curved-overlay, .bottom-curved-overlay) {
  display: none;
}

/* ---- 文本统一墨色（基调，强调元素在后续规则中反色） ----
   注意：营销分区是 div.xxx-section（标签非 section），须按类名列出 */
#proxy-skin :is(section, footer, .feature-section, .solution-section, .case-section, .pricing-section, .reputation-section) :is(h1, h2, h3, h4, h5, p, span, a, li, button, div) {
  color: var(--skin-ink);
}
/* 渐变填充文字（background-clip:text + 透明 fill）不受 color 影响，单独反色 */
#proxy-skin .gift-tag {
  -webkit-text-fill-color: var(--skin-accent);
}
#proxy-skin :is(h1, h2, h3) {
  font-family: var(--skin-serif);
}

/* ---- 卡片：白纸卡片 + 细边框 + 小圆角 ---- */
#proxy-skin :is(.carousel-card, .pricing-card, .testimonial-card, .stat-card) {
  background: var(--skin-card);
  border: 1px solid var(--skin-line);
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(74, 60, 32, 0.08);
}
/* 口碑列表两侧渐隐遮罩：原为深色（#101115），改纸色融合 */
#proxy-skin .testimonials-grid::before,
#proxy-skin .testimonials-grid::after {
  background: linear-gradient(to right, var(--skin-paper), transparent);
}
#proxy-skin .testimonials-grid::after {
  background: linear-gradient(to left, var(--skin-paper), transparent);
}

/* ---- 按钮：实色无渐变，方角 ---- */
/* Hero 的 CTA 是整张 SVG 图（文字烘焙在内），隐藏图片改用伪元素渲染文字 */
#proxy-skin .hero .cta-button {
  padding: 13px 46px;
  cursor: pointer;
}
#proxy-skin .hero .cta-button img {
  display: none;
}
#proxy-skin .hero .cta-button::after {
  content: "立即体验";
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.08em;
}
#proxy-skin :is(.cta-button, .learn-more-btn) {
  background: var(--skin-accent);
  color: #fff;
  border: none;
  border-radius: 3px;
  box-shadow: none;
}
#proxy-skin :is(.cta-button, .learn-more-btn) :is(span, img) {
  color: #fff;
}
#proxy-skin .pricing-card button {
  background: var(--skin-ink);
  color: var(--skin-paper);
  border: none;
  border-radius: 3px;
  box-shadow: none;
}
#proxy-skin .tab-btn {
  background: transparent;
  border: 1px solid var(--skin-line);
  color: var(--skin-ink);
  border-radius: 3px;
}
#proxy-skin .tab-btn.active {
  background: var(--skin-ink);
  border-color: var(--skin-ink);
  color: var(--skin-paper);
}

/* ---- 数字强调：朱砂（不用衬线：Georgia 旧式数字有降部，会压到下方标签） ---- */
#proxy-skin .stat-card :is(.stat-number, .stat-value) {
  color: var(--skin-accent);
}

/* ---- 服务横幅：白卡化 ---- */
#proxy-skin .service-banner {
  border: 1px solid var(--skin-line);
  border-radius: 6px;
}
/* 横幅 CTA 是整张深色 SVG 图，用 content 换成朱砂胶囊（保留原 img 的点击区域） */
#proxy-skin .banner-btn {
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22160%22%20height%3D%2281%22%20viewBox%3D%220%200%20160%2081%22%3E%3Crect%20x%3D%220%22%20y%3D%2214%22%20width%3D%22160%22%20height%3D%2252%22%20rx%3D%2226%22%20fill%3D%22%23b4530a%22%2F%3E%3Ctext%20x%3D%2280%22%20y%3D%2247%22%20font-size%3D%2217%22%20fill%3D%22%23fff%22%20text-anchor%3D%22middle%22%20font-family%3D%22system-ui%2C-apple-system%2Csans-serif%22%20letter-spacing%3D%222%22%3E%E7%AB%8B%E5%8D%B3%E4%BD%93%E9%AA%8C%3C%2Ftext%3E%3C%2Fsvg%3E");
}

/* ---- 登录弹窗（antd Modal，挂载在 body 下，不经过 .home-page） ---- */
#proxy-skin .ant-modal-content {
  background: var(--skin-card);
  border: 1px solid var(--skin-line);
  border-radius: 6px;
}
#proxy-skin .login-modal-wrapper :is(h1, h2, h3, h4, p, span, a, div, label, button) {
  color: var(--skin-ink);
}
#proxy-skin .login-modal-left {
  background: var(--skin-paper-2);
}
#proxy-skin .login-modal-right {
  background: transparent;
}
#proxy-skin .platform-title {
  color: var(--skin-accent);
  -webkit-text-fill-color: var(--skin-accent); /* 渐变文字兜底 */
  font-family: var(--skin-serif);
}
#proxy-skin .feature-tag {
  background: #fff;
  border: 1px solid var(--skin-line);
  border-radius: 3px;
  color: var(--skin-ink);
}
#proxy-skin .login-tabs .login-tab {
  color: var(--skin-ink-soft);
}
#proxy-skin .login-tabs .login-tab--active {
  color: var(--skin-accent);
}
#proxy-skin .login-tab--active::after {
  background: var(--skin-accent);
}
#proxy-skin .login-form {
  background: var(--skin-card);
}
/* 站点以 .login-form .form-group .login-input[data-v-x] / .psd-input[data-v-x] input
   + !important 上深色，此处同步加 !important 反制（ID 前缀特异性仍占优） */
#proxy-skin .login-form :is(.login-input, .psd-input input) {
  background: #fff !important;
  border: 1px solid var(--skin-line) !important;
  border-radius: 3px !important;
  color: var(--skin-ink) !important;
}
#proxy-skin .login-form input::placeholder {
  color: var(--skin-ink-soft);
}
#proxy-skin .login-form .psd-group {
  background: transparent;
  border: none;
}
#proxy-skin .login-form :is(label, .form-options) {
  color: var(--skin-ink);
}
#proxy-skin .login-form .ant-checkbox-checked .ant-checkbox-inner {
  background: var(--skin-accent);
  border-color: var(--skin-accent);
}
#proxy-skin .login-form .login-btn {
  background: var(--skin-accent);
  border: none;
  border-radius: 3px;
  color: #fff;
  box-shadow: none;
}
#proxy-skin .login-form .agreement a {
  color: var(--skin-accent);
}

/* ---- 内页（工作区，Tailwind + antd）----
   主色靛蓝→朱砂由 rewrite-rules.js 的文本映射完成，
   此处只做背景等结构性覆盖 */
#proxy-skin .app-container {
  background: var(--skin-paper) linear-gradient(180deg, var(--skin-paper-2), var(--skin-paper) 240px) fixed;
}
/* 兜底：个别运行时注入的靛蓝色（如榜单页"更多筛选"、输入框聚焦描边），
   !important 可压过运行时内联写入 */
#proxy-skin .ant-btn-link {
  color: var(--skin-accent) !important;
}
#proxy-skin :is(.ant-input, .ant-input-affix-wrapper, .ant-select-selector):is(:focus, :hover, .ant-input-focused, .ant-input-affix-wrapper-focused) {
  border-color: var(--skin-accent) !important;
  box-shadow: 0 0 0 2px rgba(180, 83, 10, 0.12) !important;
}