#home-one {
				--cyan: #22D3EE;
				--green: #34D399;
				--bg: #020617;
				--text: #e2e8f0;
				--text-secondary: #94a3b8;
				--text-muted: #475569;
				--card-bg: rgba(15, 23, 42, 0.5);
				--border: rgba(255, 255, 255, 0.06);
			}
#home-one * {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}
#home-one {
				background-color: var(--bg);
				font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
				color: var(--text);
				-webkit-font-smoothing: antialiased;
				overflow: visible;
				min-height: auto;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-top: 42px;
			}
#home-one .page {
				width: 100%;
				max-width: 1440px;
				margin: 0 auto;
				padding: calc(6.2rem + 20px) 2.8rem 1rem;
				min-height: auto;
				display: flex;
				align-items: center;
			}
#home-one .hero-layout {
				display: grid;
				grid-template-columns: minmax(0, 55fr) minmax(0, 45fr);
				align-items: stretch;
				width: 100%;
				gap: 2rem;
			}
@media (max-width: 1024px) {
#home-one .hero-layout {
					grid-template-columns: 1fr;
					gap: 2rem;
				}
#home-one .left-panel {
					width: 100% !important;
				}
#home-one .right-panel {
					width: 100% !important;
					min-height: 380px;
				}
#home-one .page {
					padding: calc(5.2rem + 20px) 1.2rem 1rem;
					min-height: auto;
				}

#home-one {
					margin-top: 32px;
				}

}
#home-one .left-panel {
				display: flex;
				flex-direction: column;
				justify-content: center;
				z-index: 1;
				min-width: 0;
			}
#home-one .right-panel {
				position: relative;
				min-height: clamp(340px, 30vw, 450px);
				z-index: 0;
				display: flex;
				flex-direction: column;
				min-width: 0;
				overflow: visible;
			}
/* 代码微标 */
#home-one .code-badge {
				display: inline-flex;
				align-items: center;
				gap: 0.5rem;
				padding: 0.3rem 0.85rem;
				border-radius: 9999px;
				border: 0.5px solid rgba(255, 255, 255, 0.1);
				font-family: 'JetBrains Mono', 'Fira Code', monospace;
				font-size: 0.65rem;
				font-weight: 500;
				letter-spacing: 0.6px;
				color: #64748b;
				background: rgba(255, 255, 255, 0.02);
				margin-bottom: 0.75rem;
				width: fit-content;
			}
#home-one .code-badge .dot {
				width: 5px;
				height: 5px;
				border-radius: 50%;
				background: var(--cyan);
				animation: ipv4-one-dotPulse 2.5s ease-in-out infinite;
			}
@keyframes ipv4-one-dotPulse {

				0%,
				100% {
					opacity: 0.4;
				}

				50% {
					opacity: 1;
				}
			}
/* 主标题 */
#home-one .main-title {
				font-size: clamp(2.05rem, 4vw, 3.45rem);
				font-weight: 900;
				letter-spacing: -0.03em;
				line-height: 1.1;
				color: #fff;
				margin-bottom: 0.75rem;
			}
/* 主文案 */
#home-one .main-desc {
				font-size: 0.96rem;
				color: #94a3b8;
				line-height: 1.62;
				margin-bottom: 0.9rem;
				max-width: 95%;
			}
#home-one .main-desc strong {
				color: var(--cyan);
				font-weight: 700;
			}
/* 特性卡片 + 进度条动效 */
#home-one .feature-list {
				display: flex;
				flex-direction: column;
				gap: 0.65rem;
				margin-bottom: 0.95rem;
			}
#home-one .feature-card {
				position: relative;
				display: flex;
				align-items: flex-start;
				gap: 1rem;
				background: rgba(15, 23, 42, 0.45);
				backdrop-filter: blur(8px);
				-webkit-backdrop-filter: blur(8px);
				border: 1px solid rgba(255, 255, 255, 0.06);
				border-radius: 0.85rem;
				padding: 0.85rem 1.05rem;
				cursor: pointer;
				overflow: hidden;
				transition: border-color 0.25s;
				margin-top: 10px;
			}
#home-one .feature-card:hover {
				border-color: rgba(34, 211, 238, 0.35);
			}
/* 进度条伪元素 */
#home-one .feature-card::after {
				content: '';
				position: absolute;
				left: 0;
				top: 0;
				width: 0%;
				height: 100%;
				background: rgba(34, 211, 238, 0.08);
				transition: width 0.4s ease;
				z-index: 0;
				pointer-events: none;
				border-radius: inherit;
			}
#home-one .feature-card:hover::after {
				width: 100%;
			}
#home-one .feature-card .f-content {
				position: relative;
				z-index: 1;
				display: flex;
				align-items: flex-start;
				gap: 0.85rem;
			}
#home-one .feature-card .f-icon {
				font-size: 1.35rem;
				flex-shrink: 0;
				margin-top: 0.1rem;
			}
#home-one .feature-card .f-title {
				font-weight: 700;
				font-size: 0.86rem;
				color: #e2e8f0;
				margin-bottom: 0.15rem;
			}
#home-one .feature-card .f-desc {
				font-size: 0.74rem;
				color: #94a3b8;
				line-height: 1.4;
			}
/* 按钮 */
#home-one .btn-group {
				display: flex;
				gap: 0.9rem;
				flex-wrap: wrap;
			}
#home-one .btn-primary {
				background: linear-gradient(135deg, #22D3EE, #0ea5e9);
				color: #020617;
				font-weight: 700;
				padding: 0.78rem 2rem;
				border-radius: 9999px;
				border: none;
				cursor: pointer;
				font-size: 0.9rem;
				letter-spacing: 0.3px;
				transition: all 0.25s;
				box-shadow: 0 8px 22px rgba(34, 211, 238, 0.2);
				animation: ipv4-one-btnGlow 2.8s ease-in-out infinite;
			}
@keyframes ipv4-one-btnGlow {

				0%,
				100% {
					box-shadow: 0 8px 22px rgba(34, 211, 238, 0.2);
				}

				50% {
					box-shadow: 0 12px 32px rgba(34, 211, 238, 0.4);
				}
			}
#home-one .btn-primary:hover {
				transform: translateY(-2px);
				box-shadow: 0 14px 36px rgba(34, 211, 238, 0.4);
			}
#home-one .btn-outline {
				background: transparent;
				border: 1px solid rgba(255, 255, 255, 0.15);
				color: #cbd5e1;
				font-weight: 600;
				padding: 0.78rem 1.85rem;
				border-radius: 9999px;
				cursor: pointer;
				font-size: 0.86rem;
				transition: all 0.25s;
			}
#home-one .btn-outline:hover {
				border-color: rgba(34, 211, 238, 0.4);
				color: #fff;
				background: rgba(34, 211, 238, 0.05);
			}
/* 右侧 Canvas 容器 */
#home-one .canvas-wrapper {
				position: relative;
				flex: 1;
				min-height: inherit;
				border: 0.5px solid rgba(255, 255, 255, 0.06);
				border-radius: 1.5rem;
				overflow: hidden;
				background: radial-gradient(ellipse at center, rgba(34, 211, 238, 0.04) 0%, transparent 70%),
					#020617;
			}
#home-one .canvas-wrapper canvas {
				display: block;
				width: 100%;
				height: 100%;
			}
/* 技术铭牌 - 升级版动效 */
#home-one .spec-tag {
				position: absolute;
				width: max-content;
				min-width: 108px;
				max-width: min(230px, calc(50% - 1.1rem));
				background: rgba(15, 23, 42, 0.8);
				backdrop-filter: blur(6px);
				-webkit-backdrop-filter: blur(6px);
				border: 0.5px solid rgba(255, 255, 255, 0.08);
				border-radius: 0.7rem;
				padding: 0.55rem 0.8rem;
				z-index: 3;
				overflow: hidden;
				transition: all 0.3s ease;
				will-change: transform, box-shadow, border-color;
				pointer-events: auto;
				cursor: default;
			}
#home-one .spec-tag:hover {
				border-color: rgba(34, 211, 238, 0.5);
				box-shadow: 0 8px 25px rgba(34, 211, 238, 0.15);
				transform: translateY(-2px);
			}
/* 悬停微光扫描动效 */
#home-one .spec-tag::before {
				content: '';
				position: absolute;
				top: 0;
				left: -100%;
				width: 100%;
				height: 100%;
				background: linear-gradient(90deg, transparent, rgba(34, 211, 238, 0.2), transparent);
				transform: skewX(-25deg);
				transition: left 0.65s ease;
				z-index: 1;
				pointer-events: none;
			}
#home-one .spec-tag:hover::before {
				left: 150%;
			}
#home-one .spec-tag.tl {
				top: 6%;
				left: 6%;
			}
#home-one .spec-tag.tr {
				top: 6%;
				right: 6%;
			}
#home-one .spec-tag.bl {
				bottom: 6%;
				left: 6%;
				width: 210px;
				max-width: 210px;
			}
#home-one .spec-tag.br {
				bottom: 6%;
				right: 6%;
				width: 150px;
				max-width: 150px;
			}
#home-one .spec-tag .s-label {
				font-family: 'JetBrains Mono', 'Fira Code', monospace;
				font-size: 0.58rem;
				font-weight: 700;
				letter-spacing: 0.1em;
				color: #64748b;
				text-transform: uppercase;
				margin-bottom: 0.15rem;
				position: relative;
				z-index: 2;
			}
#home-one .spec-tag .s-value {
				font-family: 'JetBrains Mono', 'Fira Code', monospace;
				font-size: 0.85rem;
				font-weight: 700;
				color: #e2e8f0;
				display: flex;
				align-items: center;
				flex-wrap: wrap;
				gap: 0.4rem;
				position: relative;
				z-index: 2;
				min-width: 0;
				line-height: 1.35;
				white-space: normal;
				word-break: keep-all;
				overflow-wrap: normal;
			}
#home-one .spec-tag .s-value.green {
				color: var(--green);
			}
#home-one .spec-tag .s-value.cyan {
				color: var(--cyan);
			}
#home-one .spec-tag .s-value-sm {
				font-size: 0.72rem;
				display: block;
				line-height: 1.35;
				font-family: 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;
				letter-spacing: 0;
				word-break: keep-all;
				overflow-wrap: normal;
				white-space: nowrap;
			}
/* 状态指示灯呼吸 */
#home-one .status-dot-mini {
				width: 5px;
				height: 5px;
				border-radius: 50%;
				background: var(--green);
				flex-shrink: 0;
				animation: ipv4-one-dotBreathe 2s ease-in-out infinite;
			}
@keyframes ipv4-one-dotBreathe {

				0%,
				100% {
					box-shadow: 0 0 4px #34D399;
				}

				50% {
					box-shadow: 0 0 12px #34D399;
				}
			}
/* 价格标签脉冲动效 */
#home-one .price-tag {
				animation: ipv4-one-pricePulse 4s ease-in-out infinite;
				white-space: nowrap;
			}
@keyframes ipv4-one-pricePulse {

				0%,
				100% {
					text-shadow: 0 0 8px rgba(52, 211, 153, 0.3);
				}

				50% {
					text-shadow: 0 0 18px rgba(52, 211, 153, 0.65);
				}
			}
@media (max-width: 640px) {
#home-one .spec-tag {
					padding: 0.4rem 0.6rem;
					min-width: 96px;
					max-width: calc(50% - 0.9rem);
				}
#home-one .spec-tag.bl,
#home-one .spec-tag.br {
					width: calc(50% - 0.9rem);
					max-width: calc(50% - 0.9rem);
				}
#home-one .spec-tag .s-value {
					font-size: 0.7rem;
				}
#home-one .spec-tag .s-label {
					font-size: 0.5rem;
				}
#home-one .canvas-wrapper {
					min-height: 360px;
				}
#home-one .spec-tag:hover {
					transform: translateY(-1px);
				}

}