/*
 * 新 Logo 的品牌装饰层：深蓝、青绿回环箭头与冷蓝数据节点。
 * 不重排 DOM，不修改栅格、字号、间距、图片、Banner 比例或后台。
 * 仅更新外观，保留既有页面结构。金色仅保留置顶等状态提示。
 */
:root {
  --brand-blue: #163b56;
  --brand-blue-mid: #255d7c;
  --brand-teal: #00a99d;
  --brand-node: #527fde;
  --brand-accent: #52d1c3;
  --brand-accent-text: #65dace;
  --brand-gold: #d6b45e;
  --brand-gold-text: #e8ca85;
  --blue: #90b3f6;
  --blue-bright: #b0cbff;
  --blue-dark: #255d7c;
  --amber: var(--brand-gold-text);
  --line: rgba(131,174,195,.18);
  --line-strong: rgba(131,174,195,.38);
  --accent-border: rgba(131,174,195,.22);
  --accent-rule: rgba(77,175,171,.34);
  --accent-tint: rgba(0,169,157,.045);
  --accent-shadow: 0 8px 24px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.035);
}
:root[data-theme="light"] {
  --brand-gold-text: #89651d;
  --brand-accent: #008e83;
  --brand-accent-text: #00766d;
  --blue: #163b56;
  --blue-bright: #285e94;
  --blue-dark: #163b56;
  --line: rgba(22,59,86,.12);
  --line-strong: rgba(22,59,86,.28);
  --accent-border: rgba(22,59,86,.14);
  --accent-rule: rgba(0,142,131,.28);
  --accent-tint: rgba(0,169,157,.025);
  --accent-shadow: 0 8px 24px rgba(22,59,86,.05), inset 0 1px 0 rgba(255,255,255,.9);
}

/* 保持原版背景及分区，仅用品牌色替换偏青的光晕。 */
body { background: radial-gradient(circle at 8% 2%, var(--accent-tint), transparent 27rem), var(--bg); }
.site-header { border-bottom-color: var(--accent-border); box-shadow: 0 2px 12px rgba(9,9,55,.035); }
.brand-mark, .theme-toggle span, :root[data-theme="light"] .theme-toggle span { box-shadow: none; }
.brand-mark { background: linear-gradient(145deg, var(--brand-blue-mid), var(--brand-blue)); }
.brand-mark.has-logo { background: white; border-color: var(--accent-border); }
.nav-link::after { background: linear-gradient(90deg, var(--blue) 0 58%, var(--brand-teal) 58% 91%, var(--brand-node) 91%); border-radius: 2px; box-shadow: none; }
.nav-link:hover { color: var(--blue-bright); }
:root[data-theme="light"] .nav-link.is-active { color: var(--brand-blue); }
.theme-toggle { border-color: var(--accent-rule); }
:root[data-theme="light"] .theme-toggle span { background: var(--brand-teal); }
.public-menu-button { border-color: var(--accent-border); }
.hero { border-bottom-color: var(--accent-rule); }
.carousel-dots button.is-active { background: var(--brand-teal); box-shadow: none; }

/* 使用已有独立图标，深浅色均放在淡底上；缩放不改变 Logo 容器尺寸。 */
.brand-mark.brand-symbol-logo { background: #f4fafb; border-color: rgba(0,169,157,.18); border-radius: 10px; box-shadow: none; }
.brand-mark.brand-symbol-logo img { transform: scale(1.28); }
/* 完整中文横版使用透明底，无底板；深色模式以反白显示保证可读性。 */
.brand-with-wordmark { gap: 0; }
.brand-with-wordmark > span:not([data-site-logo]) { display: none; }
.brand-mark.brand-wordmark-logo { width: 242px; height: 64px; grid-template-rows: minmax(0, 1fr); background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.brand-mark.has-logo.brand-wordmark-logo img { width: 100%; height: 100%; min-height: 0; object-fit: contain; transform: scale(1.38); }
:root:not([data-theme="light"]) .brand-mark.brand-wordmark-logo img { filter: brightness(0) invert(1); }
.footer-brand-block .brand-mark.brand-wordmark-logo { width: 286px; height: 88px; }
.site-header::after { content: ""; position: absolute; bottom: -1px; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(0,169,157,.3) 34%, rgba(82,127,222,.16) 66%, transparent); pointer-events: none; }

/* 线条全部绝对定位，位于原有空隙内，不占用布局或遮挡图片。 */
.section-heading { position: relative; }
.section-heading::after {
  content: ""; position: absolute; right: 0; bottom: -13px; left: 0;
  height: 1px; background: var(--accent-border); pointer-events: none;
}
.section-heading::before {
  content: ""; position: absolute; bottom: -13px; left: 0; z-index: 1;
  width: 120px; height: 14px;
  background: linear-gradient(90deg, var(--blue) 0 35%, var(--brand-node) 35% 40%, var(--brand-accent) 40%);
  mask: url('/assets/brand/flow-line.svg') center / contain no-repeat;
  pointer-events: none;
}
.section-index { color: var(--blue); text-shadow: none; }
:root[data-theme="light"] .section-heading h2,
:root[data-theme="light"] .service-page-intro h1 { color: var(--brand-blue); }
.filter-bar { border-color: var(--accent-border); box-shadow: var(--accent-shadow); }
input:focus, select:focus, textarea:focus, [contenteditable="true"]:focus {
  border-color: var(--blue); box-shadow: 0 0 0 3px var(--accent-tint);
}
.button.primary, .button.primary:hover {
  background: linear-gradient(135deg, var(--brand-blue-mid), var(--brand-blue));
  border-color: rgba(0,169,157,.3); color: #fff; box-shadow: 0 4px 12px rgba(22,59,86,.14);
}
.button.ghost:hover, .icon-button:hover { border-color: var(--accent-rule); }
a:focus-visible, button:focus-visible { outline: 2px solid var(--brand-accent); outline-offset: 3px; }

/* 案例仍为原版三列/两列/单列。标签保持在图片下方。 */
.case-card { border-color: var(--accent-border); border-radius: 12px; box-shadow: var(--accent-shadow); }
.case-card.is-pinned { border-color: rgba(214,180,94,.52); }
.case-card:hover { transform: none; border-color: var(--accent-rule); box-shadow: var(--accent-shadow); }
.case-card-body { position: relative; border-top: 1px solid var(--accent-border); }
.case-card-labels::after {
  content: ""; position: absolute; top: 27px; right: 21px; width: 30px; height: 17px;
  background: linear-gradient(90deg, var(--blue), var(--brand-accent));
  mask: url('/assets/brand/flow-corner.svg') center / contain no-repeat; opacity: .55; pointer-events: none;
}
.pin-badge { color: var(--brand-gold-text); background: rgba(214,180,94,.12); box-shadow: inset 0 0 0 1px rgba(214,180,94,.36); }
.medium-badge { border-color: var(--accent-border); background: var(--accent-tint); }
.case-tags .fault-tag { background: rgba(0,169,157,.08); color: var(--brand-accent-text); }
.case-facts { border-color: var(--accent-border); }
.pagination button { border-color: var(--accent-border); }
.pagination button.is-current { border-color: var(--brand-blue-mid); background: var(--brand-blue-mid); }

/* 评价卡片复用数据回路线，不增加大面积图案。 */
.testimonial-section { border-top-color: var(--accent-border); background: linear-gradient(180deg, var(--accent-tint), transparent 45%), var(--surface-2); }
.testimonial-card { border-color: var(--accent-border); border-radius: 12px; box-shadow: var(--accent-shadow); }
.testimonial-card::after { display: none; }
.testimonial-card::before {
  content: ""; position: absolute; top: 9px; left: 28px; width: 80px; height: 10px;
  background: linear-gradient(90deg, var(--blue), var(--brand-accent));
  mask: url('/assets/brand/flow-line.svg') center / contain no-repeat; pointer-events: none;
}
.testimonial-quote { color: var(--brand-accent-text); text-shadow: none; }
.testimonial-card footer { border-top-color: var(--accent-border); }

/* 二级页、流程图片、案例正文沿用原有位置和尺寸。 */
.service-page-note { border-color: var(--accent-rule); box-shadow: none; background: var(--accent-tint); }
.capability-showcase-section .service-detail-grid article { border-color: var(--accent-border); box-shadow: var(--accent-shadow); border-radius: 12px; }
.capability-card-copy b { position: relative; }
.capability-card-copy b::after {
  content: ""; position: absolute; top: 50%; left: 30px; width: 32px; height: 1px;
  background: linear-gradient(90deg, var(--accent-rule) 0 75%, var(--brand-node) 75%); pointer-events: none;
}
.process-section { border-top-color: var(--accent-border); }
.process-flow-image { border-color: var(--accent-border); box-shadow: var(--accent-shadow); border-radius: 12px; }
.detail-hero { border-bottom-color: var(--accent-border); background: linear-gradient(130deg, var(--accent-tint), transparent 45%); }
.info-grid, .content-panel, .side-card, .comment-form, .comment-item { border-color: var(--accent-border); }
.content-panel, .side-card { box-shadow: var(--accent-shadow); }
.content-panel-head { position: relative; border-bottom-color: var(--accent-border); }
.content-panel-head::after {
  content: ""; position: absolute; left: 0; bottom: -7px; width: 90px; height: 11px;
  background: linear-gradient(90deg, var(--blue), var(--brand-accent));
  mask: url('/assets/brand/flow-line.svg') center / contain no-repeat; pointer-events: none;
}
.related-side-card { border-top-color: var(--brand-teal); }
.sidebar-related-card { border-color: var(--accent-border); }
.sidebar-related-card:hover { border-color: var(--accent-rule); box-shadow: none; }
.sidebar-related-copy > span { background: var(--accent-tint); }
.case-interaction-footer { border-color: var(--accent-rule); box-shadow: var(--accent-shadow); background: linear-gradient(135deg, var(--accent-tint), transparent 65%), var(--surface); }
.detail-status i, .metrics-list strong { text-shadow: none; box-shadow: none; }
.rich-content blockquote { border-color: var(--brand-teal); }

/* 联系方式和计数器不重排，只统一边界、标题线和重点数字。 */
.site-footer { position: relative; border-top-color: var(--accent-rule); }
.site-footer::before {
  content: ""; position: absolute; top: -1px; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, var(--brand-blue-mid) 0 58%, var(--brand-teal) 58% 92%, var(--brand-node) 92%); pointer-events: none;
}
.footer-main-grid h3 { position: relative; }
.footer-main-grid h3::after {
  content: ""; position: absolute; right: 0; top: calc(50% - 5px); width: 64px; height: 10px;
  background: linear-gradient(90deg, var(--blue), var(--brand-accent));
  mask: url('/assets/brand/flow-line.svg') center / contain no-repeat; pointer-events: none;
}
.footer-contact-list > *, .site-counter-strip, .site-counter-strip > div { border-color: var(--accent-border); }
.site-counter-strip > div { background: linear-gradient(120deg, var(--accent-tint), transparent 64%), var(--surface); }
.site-counter-strip b { color: var(--brand-accent-text); }
.wechat-qr-contact { border-color: var(--accent-border); box-shadow: none; }
.contact-dock { border-color: var(--accent-rule); box-shadow: var(--accent-shadow); }
.contact-dock a:hover, .contact-dock button:hover { background: var(--accent-tint); }

/* Loading 对应回环与数据节点，保持原版动画和大小。 */
.page-loader { color: #90b3f6; }
.loader-core { border-color: var(--accent-rule); }
.loader-core::before, .loader-core::after { border-color: var(--brand-teal); }
.loader-core i { background: var(--brand-node); box-shadow: none; }
@keyframes signal { to { height: 100%; background: #00a99d; } }

@media (max-width: 760px) {
  .brand-mark.brand-wordmark-logo { width: 198px; height: 54px; }
  .footer-brand-block .brand-mark.brand-wordmark-logo { width: min(286px, calc(100vw - 42px)); height: 88px; }
  .section-heading::before { width: 90px; height: 11px; }
  .case-card-labels::after { width: 26px; height: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .case-card { transition: none; }
}
@media (max-width: 360px) {
  .site-header .brand-mark.brand-wordmark-logo { width: 174px; }
}