/* 七鹏官网内页规范。首页保留 home-v2.css，内页共享同一品牌语言。 */
html:has(body.siteInterior) { background: #071421; }
body.siteInterior {
	--site-ink: #071421;
	--site-panel: #0b2032;
	--site-panel-raised: #102a40;
	--site-cyan: #78c7dd;
	--site-white: #f4f8fc;
	--site-muted: #a8bac9;
	--site-line: rgba(183, 217, 238, .16);
	--site-line-strong: rgba(183, 217, 238, .35);
	--site-orange: #ff9a43;
	--site-font: "IBM Plex Mono", "Noto Sans Mono CJK SC", "SFMono-Regular", Consolas, monospace;
	--primary: var(--site-cyan);
	--primary-strong: #9ed9e8;
	--primary-soft: rgba(120, 199, 221, .08);
	--primary-soft-strong: rgba(120, 199, 221, .14);
	--surface-page: var(--site-ink);
	--surface-card: var(--site-panel);
	--surface-card-strong: var(--site-panel);
	--surface-muted: var(--site-panel);
	--surface-elevated: var(--site-panel-raised);
	--surface-glass: var(--site-panel);
	--surface-glass-strong: var(--site-panel-raised);
	--text-color: var(--site-white);
	--text-heading: var(--site-white);
	--text-muted: var(--site-muted);
	--border-color: var(--site-line);
	--border-strong: var(--site-line-strong);
	--shadow-card: none;
	--shadow-soft: none;
	--shadow-float: none;
	--radius-xs: 0;
	--radius-sm: 0;
	--radius-md: 0;
	--radius-lg: 0;
	--radius-field: 0;
	--radius-card: 0;
	--radius-panel: 0;
	--radius-hero: 0;
	--radius-image: 0;
	--bs-body-bg: var(--site-ink);
	--bs-body-color: var(--site-white);
	--bs-secondary-color: var(--site-muted);
	--bs-border-color: var(--site-line);
	background: var(--site-ink);
	color: var(--site-white);
	font-family: var(--site-font);
	font-variant-numeric: tabular-nums;
	color-scheme: dark;
}

body.siteInterior button,
body.siteInterior input,
body.siteInterior select,
body.siteInterior h1,
body.siteInterior h2,
body.siteInterior h3,
body.siteInterior h4,
body.siteInterior h5,
body.siteInterior h6 {
	font-family: var(--site-font);
}

body.siteInterior h1,
body.siteInterior h2,
body.siteInterior h3,
body.siteInterior h4,
body.siteInterior h5,
body.siteInterior h6 { color: var(--site-white); font-weight: 500; }
body.siteInterior a { color: inherit; }
body.siteInterior a:hover { color: var(--site-cyan); }
body.siteInterior :is(a, button, input, select, textarea):focus-visible {
	outline: 2px solid var(--site-cyan);
	outline-offset: 3px;
}
body.siteInterior ::selection { color: var(--site-ink); background: var(--site-cyan); }
body.siteInterior .text-secondary,
body.siteInterior .text-muted { color: var(--site-muted) !important; }
body.siteInterior .bg-body,
body.siteInterior .bg-white { background: var(--site-panel) !important; }
body.siteInterior .rounded,
body.siteInterior .rounded-3,
body.siteInterior .rounded-4 { border-radius: 0 !important; }

/* 框架：从首页延续平直轮廓、细分隔线与品牌标志。 */
body.siteInterior .navbar,
html[data-bs-theme="dark"] body.siteInterior .navbar {
	color: var(--site-white);
	background: rgba(7, 20, 33, .96);
	border-bottom: 1px solid var(--site-line);
	backdrop-filter: none;
}
body.siteInterior .navbar-brand,
html[data-bs-theme="dark"] body.siteInterior .navbar-brand {
	background-image: url("/public/img/logoLight.png");
}
body.siteInterior .navbar .nav-item {
	border: 1px solid transparent;
	border-radius: 0;
	box-shadow: none;
}
body.siteInterior .navbar .nav-link,
body.siteInterior .navbar .nav-link:visited { color: var(--site-white); }
body.siteInterior .navbar .nav-item.active {
	background: transparent;
	border-color: var(--site-line-strong);
}
body.siteInterior .navbar .nav-item.active .nav-link,
body.siteInterior .navbar .nav-item:hover .nav-link { color: var(--site-cyan); }
body.siteInterior .navbar .nav-item:hover:not(.active) {
	background: transparent;
	border-color: var(--site-line);
}
body.siteInterior .navbar .navbar-toggler,
body.siteInterior .navbar .navbar-toggler:focus {
	color: var(--site-white);
	border: 1px solid var(--site-line-strong);
	border-radius: 0;
	box-shadow: none;
}
body.siteInterior .navbar .navbar-toggler-icon { filter: grayscale(1) brightness(2); }
body.siteInterior .themeToggle { display: none; }
body.siteInterior .headerSearch {
	border: 1px solid var(--site-line);
	background: transparent;
}
body.siteInterior .headerSearch > input {
	color: var(--site-white);
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}
body.siteInterior .headerSearch > input::placeholder { color: var(--site-muted); }
body.siteInterior .headerSearch > button,
body.siteInterior .headerSearch .icon { color: var(--site-white); }
body.siteInterior .headerHotLine .numbersTel,
body.siteInterior .headerRight .i-Customerservice { color: var(--site-cyan); }

body.siteInterior .siteMain { background: var(--site-ink); }
body.siteInterior .sitePage {
	width: min(100% - 64px, 1440px);
	max-width: none;
	padding: 34px 0 112px;
	margin-inline: auto;
}
body.siteInterior .pageBreadcrumb { margin: 0 0 34px; padding: 0 !important; }
body.siteInterior .breadcrumb { gap: 7px; font-size: 12px; letter-spacing: .04em; }
body.siteInterior .breadcrumb-item,
body.siteInterior .breadcrumb-item a { color: var(--site-muted); }
body.siteInterior .breadcrumb-item.active,
body.siteInterior .breadcrumb-item:last-child { color: var(--site-cyan); }
body.siteInterior .breadcrumb-item + .breadcrumb-item::before { color: var(--site-line-strong); }

/* 内容底层：以排版和边界表达层级，避免重复浮雕卡片。 */
body.siteInterior .pageHero,
body.siteInterior .pageFilterPanel,
body.siteInterior .pageEmpty,
body.siteInterior .searchResultCard,
body.siteInterior .pageCard,
body.siteInterior .detailPage .commonContent,
body.siteInterior .errBody {
	color: var(--site-white);
	background: var(--site-panel);
	border: 1px solid var(--site-line);
	border-radius: 0;
	box-shadow: none;
}
body.siteInterior .pageHero,
body.siteInterior .pageFilterPanel { padding: clamp(28px, 4vw, 60px) !important; }
body.siteInterior .pageHero h1,
body.siteInterior .pageHero .h3 {
	font-size: clamp(36px, 4vw, 68px);
	letter-spacing: -.05em;
	line-height: 1.14;
}
body.siteInterior .pageHero p { max-width: 62ch; color: var(--site-muted) !important; }
body.siteInterior .pageCard,
body.siteInterior .searchResultCard { transition: border-color .2s ease, transform .2s ease; }
body.siteInterior .pageCard:hover,
body.siteInterior .searchResultCard:hover {
	border-color: var(--site-cyan);
	transform: translateY(-3px);
	box-shadow: none;
}
body.siteInterior .pageCard .card-body { background: var(--site-panel); }
body.siteInterior .pageCard .card-title { color: var(--site-white); }
body.siteInterior .cardCover { border-radius: 0; }
body.siteInterior .rowTitle { color: var(--site-white); }
body.siteInterior .pageFilterTags .btn,
body.siteInterior .btn-outline-primary {
	color: var(--site-white);
	border: 1px solid var(--site-line-strong);
	background: transparent;
	border-radius: 0;
}
body.siteInterior .pageFilterTags .btn:hover,
body.siteInterior .pageFilterTags .btn.btn-primary,
body.siteInterior .btn-primary {
	color: var(--site-ink);
	background: var(--site-cyan);
	border-color: var(--site-cyan);
	border-radius: 0;
}
body.siteInterior .btn-primary:hover,
body.siteInterior .btn-outline-primary:hover {
	color: var(--site-ink);
	background: #a4dfed;
	border-color: #a4dfed;
}
body.siteInterior .form-control,
body.siteInterior .form-select {
	color: var(--site-white);
	background: var(--site-ink);
	border: 1px solid var(--site-line-strong);
	border-radius: 0;
}
body.siteInterior .form-control::placeholder { color: var(--site-muted); }
body.siteInterior .form-control:focus,
body.siteInterior .form-select:focus { border-color: var(--site-cyan); box-shadow: none; }
body.siteInterior .seoPagination .page-link {
	color: var(--site-white);
	background: var(--site-panel);
	border: 1px solid var(--site-line);
	border-radius: 0 !important;
	box-shadow: none;
}
body.siteInterior .seoPagination .page-item.active .page-link {
	color: var(--site-ink);
	background: var(--site-cyan);
	border-color: var(--site-cyan);
}
body.siteInterior .seoPagination .page-item.disabled .page-link {
	color: var(--site-muted);
	background: var(--site-panel);
}
body.siteInterior .commonContent { color: var(--site-white); line-height: 1.9; }
body.siteInterior .commonContent a { color: var(--site-cyan) !important; }
body.siteInterior .commonContent h4,
body.siteInterior .commonContent h5 { color: var(--site-white); }
body.siteInterior .commonContentImages > div,
body.siteInterior .commonContentImages img { border-radius: 0; }

body.siteInterior .floatMenu { height: auto; }
body.siteInterior .floatMenu > div {
	color: var(--site-cyan);
	background: var(--site-panel);
	border: 1px solid var(--site-line-strong);
	border-radius: 0;
	box-shadow: none;
}
body.siteInterior .floatMenu > div:not(.goTopBtn) { display: none; }
body.siteInterior .floatMenu > div:hover { color: var(--site-ink); background: var(--site-cyan); }

body.siteInterior footer { background: #06111c; }
body.siteInterior .footerArea {
	width: min(100% - 64px, 1440px);
	max-width: none;
	color: var(--site-muted);
	background: #06111c;
	border-top: 1px solid var(--site-line);
	padding-top: 22px;
}
body.siteInterior .footerArea h6,
body.siteInterior .footerArea strong,
body.siteInterior .footerArea a:hover { color: var(--site-white); }
body.siteInterior .footerArea a,
body.siteInterior .footerContactLabel { color: var(--site-muted); }
body.siteInterior .footerArea .footerLogoImg { content: url("/public/img/logoLight.png"); }
body.siteInterior .footerArea .border-top,
body.siteInterior .footerArea .border-bottom { border-color: var(--site-line) !important; }
body.siteInterior .platforms > div {
	border-radius: 0;
	background: var(--site-panel);
	border-color: var(--site-line);
}

@media (max-width: 991px) {
	body.siteInterior .navbar-collapse {
		color: var(--site-white);
		background: var(--site-panel);
		border: 1px solid var(--site-line);
		border-radius: 0;
		box-shadow: none;
	}
	body.siteInterior .sitePage { width: min(100% - 40px, 1440px); padding-top: 24px; }
	body.siteInterior .footerArea { width: min(100% - 40px, 1440px); }
}
@media (max-width: 767px) {
	body.siteInterior .sitePage { width: calc(100% - 32px); padding-bottom: 76px; }
	body.siteInterior .footerArea { width: calc(100% - 32px); }
	body.siteInterior .pageBreadcrumb { margin-bottom: 22px; }
	body.siteInterior .pageHero,
	body.siteInterior .pageFilterPanel { padding: 26px 22px !important; }
	body.siteInterior .pageHero h1,
	body.siteInterior .pageHero .h3 { font-size: clamp(32px, 9vw, 48px); }
}
@media (prefers-reduced-motion: reduce) {
	body.siteInterior *,
	body.siteInterior *::before,
	body.siteInterior *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}