/* ===== 全局重置 & 基础 ===== */
		* { margin: 0; padding: 0; box-sizing: border-box; }
		:root {
			--blue-dark: #0a2e5c;
			--blue-mid: #1a5a8a;
			--blue: #2e86de;
			--blue-light: #6db3f2;
			--blue-pale: #d6eaf8;
			--cyan: #1abc9c;
			--gold: #f1c40f;
			--gold-dark: #d4a017;
			--accent: #00d2ff;
			--bg-dark: #f0f6fc;
			--text-dark: #1a2a3e;
			--text-light: #5a6a7a;
			--white: #ffffff;
			--shadow: 0 8px 32px rgba(10, 46, 92, 0.15);
			--radius: 16px;
			--transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		}
		html { scroll-behavior: smooth; }
		body {
			font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
			background: var(--bg-dark);
			color: var(--text-dark);
			overflow-x: hidden;
		}

		/* ===== 滚动条 ===== */
		::-webkit-scrollbar { width: 8px; }
		::-webkit-scrollbar-track { background: var(--blue-pale); }
		::-webkit-scrollbar-thumb { background: linear-gradient(180deg, var(--blue), var(--accent)); border-radius: 4px; }

		/* ===== 顶部资讯栏 ===== */
		.top-bar {
			background: linear-gradient(135deg, var(--blue-dark), #0d4a7a);
			color: var(--white);
			padding: 8px 0;
			font-size: 13px;
			position: relative;
			z-index: 100;
			overflow: hidden;
		}
		.top-bar::after {
			content: '';
			position: absolute;
			top: 0; left: 0; right: 0; bottom: 0;
			background: repeating-linear-gradient(
					45deg,
					transparent,
					transparent 20px,
					rgba(255,255,255,0.03) 20px,
					rgba(255,255,255,0.03) 40px
			);
		}
		.top-bar .container {
			display: flex;
			justify-content: space-between;
			align-items: center;
			position: relative;
			z-index: 1;
		}
		.top-bar .marquee-wrap {
			flex: 1;
			overflow: hidden;
			margin-right: 30px;
		}
		.top-bar .marquee-wrap .marquee {
			display: inline-block;
			white-space: nowrap;
			animation: marquee 30s linear infinite;
		}
		.top-bar .marquee-wrap .marquee span {
			margin-right: 50px;
		}
		.top-bar .marquee-wrap .marquee i { margin-right: 6px; color: var(--gold); }
		@keyframes marquee {
			0% { transform: translateX(0); }
			100% { transform: translateX(-50%); }
		}
		.top-bar .top-links a {
			color: rgba(255,255,255,0.85);
			text-decoration: none;
			margin-left: 18px;
			transition: var(--transition);
		}
		.top-bar .top-links a:hover { color: var(--gold); }

		.container { max-width: 1260px; margin: 0 auto; padding: 0 24px; }

		/* ===== 导航栏 ===== */
		nav {
			background: rgba(255,255,255,0.95);
			backdrop-filter: blur(20px);
			-webkit-backdrop-filter: blur(20px);
			border-bottom: 1px solid rgba(46, 134, 222, 0.2);
			position: sticky;
			top: 0;
			z-index: 99;
			transition: var(--transition);
		}
		nav.scrolled {
			box-shadow: 0 4px 30px rgba(10, 46, 92, 0.12);
		}
		nav .container {
			display: flex;
			align-items: center;
			justify-content: space-between;
			height: 72px;
		}
		.logo {
			display: flex;
			align-items: center;
			gap: 12px;
			text-decoration: none;
		}
		.logo-icon {
			width: 60px;
			height: 56px;
			border-radius: 12px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 22px;
			color: #fff;
			box-shadow: 0 4px 15px rgba(46, 134, 222, 0.4);
			animation: logoPulse 3s ease-in-out infinite;
		}
		@keyframes logoPulse {
			0%, 100% { box-shadow: 0 4px 15px rgba(46, 134, 222, 0.4); }
			50% { box-shadow: 0 4px 25px rgba(46, 134, 222, 0.7); }
		}
		.logo-text { display: flex; flex-direction: column; }
		.logo-text h1 {
			font-size: 20px;
			font-weight: 800;
			background: linear-gradient(135deg, var(--blue-dark), var(--blue-mid));
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			background-clip: text;
			line-height: 1.2;
		}
		.logo-text small {
			font-size: 11px;
			color: var(--text-light);
			-webkit-text-fill-color: var(--text-light);
			letter-spacing: 2px;
		}
		.nav-links { display: flex; align-items: center; gap: 4px; }
		.nav-links a {
			text-decoration: none;
			color: var(--text-dark);
			padding: 8px 18px;
			border-radius: 10px;
			font-size: 14px;
			font-weight: 500;
			transition: var(--transition);
			position: relative;
		}
		.nav-links a::after {
			content: '';
			position: absolute;
			bottom: 2px;
			left: 50%;
			transform: translateX(-50%) scaleX(0);
			width: 60%;
			height: 3px;
			background: linear-gradient(90deg, var(--blue), var(--accent));
			border-radius: 2px;
			transition: transform 0.3s;
		}
		.nav-links a:hover { color: var(--blue-mid); background: rgba(46, 134, 222, 0.08); }
		.nav-links a:hover::after { transform: translateX(-50%) scaleX(1); }
		.nav-links a.active { color: var(--blue-dark); font-weight: 600; }
		.nav-links a.active::after { transform: translateX(-50%) scaleX(1); }
		.nav-btn {
			background: linear-gradient(135deg, var(--blue), var(--accent));
			color: #fff !important;
			padding: 10px 24px !important;
			border-radius: 12px !important;
			font-weight: 600 !important;
			box-shadow: 0 4px 15px rgba(46, 134, 222, 0.35);
			transition: var(--transition);
		}
		.nav-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 25px rgba(46, 134, 222, 0.5); }
		.nav-btn::after { display: none !important; }
		.hamburger { display: none; font-size: 24px; cursor: pointer; color: var(--blue-dark); }

		/* ===== 轮播图 Hero ===== */
		.hero {
			position: relative;
			height: 560px;
			overflow: hidden;
		}
		.hero-slider { width: 100%; height: 100%; position: relative; }
		.hero-slide {
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 100%;
			opacity: 0;
			transition: opacity 0.8s ease, transform 0.8s ease;
			transform: scale(1.05);
		}
		.hero-slide.active {
			opacity: 1;
			transform: scale(1);
		}
		.hero-slide .slide-bg {
			width: 100%; height: 100%;
			background-size: cover;
			background-position: center;
			position: relative;
		}
		.hero-slide .slide-bg::after {
			content: '';
			position: absolute;
			top: 0; left: 0; right: 0; bottom: 0;
			background: linear-gradient(
					135deg,
					rgba(10, 46, 92, 0.88) 0%,
					rgba(26, 90, 138, 0.65) 50%,
					rgba(0, 210, 255, 0.35) 100%
			);
		}
		.slide-1 .slide-bg { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDE5MjAgNjAwIj48cmVjdCB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI2MDAiIGZpbGw9IiMwYTJlNWMiLz48Y2lyY2xlIGN4PSIxNjAwIiBjeT0iMjAwIiByPSI0MDAiIGZpbGw9InJnYmEoNDYsMTM0LDIyMiwwLjA4KSIvPjxjaXJjbGUgY3g9IjUwMCIgY3k9IjUwMCIgcj0iMzUwIiBmaWxsPSJyZ2JhKDAsMjEwLDI1NSwwLjA2KSIvPjxjaXJjbGUgY3g9Ii0xMDAiIGN5PSIyMDAiIHI9IjMwMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjAzKSIvPjwvc3ZnPg=='); }
		.slide-2 .slide-bg { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDE5MjAgNjAwIj48cmVjdCB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI2MDAiIGZpbGw9IiMwYTJlNWMiLz48Y2lyY2xlIGN4PSItMTAwIiBjeT0iMjAwIiByPSI0MDAiIGZpbGw9InJnYmEoMCwyMTAsMjU1LDAuMDgpIi8+PGNpcmNsZSBjeD0iMTgwMCIgY3k9IjUwMCIgcj0iMzAwIiBmaWxsPSJyZ2JhKDQ2LDEzNCwyMjIsMC4wNikiLz48L3N2Zz4='); }
		.slide-3 .slide-bg { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDE5MjAgNjAwIj48cmVjdCB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI2MDAiIGZpbGw9IiMwYTJlNWMiLz48Y2lyY2xlIGN4PSI5NjAiIGN5PSIzMDAiIHI9IjUwMCIgZmlsbD0icmdiYSg0NiwxMzQsMjIyLDAuMDYpIi8+PC9zdmc+'); }

		.slide-content {
			position: absolute;
			top: 50%;
			left: 0;
			right: 0;
			transform: translateY(-50%);
			z-index: 2;
			padding: 0 24px;
		}
		.slide-content .container {
			max-width: 1260px;
			margin: 0 auto;
		}
		.slide-content .tag {
			display: inline-block;
			background: rgba(255,255,255,0.15);
			backdrop-filter: blur(10px);
			border: 1px solid rgba(255,255,255,0.2);
			padding: 6px 18px;
			border-radius: 50px;
			font-size: 13px;
			color: rgba(255,255,255,0.9);
			margin-bottom: 16px;
			letter-spacing: 1px;
		}
		.slide-content h2 {
			font-size: 48px;
			font-weight: 800;
			color: #fff;
			max-width: 700px;
			line-height: 1.2;
			margin-bottom: 18px;
			text-shadow: 0 2px 20px rgba(0,0,0,0.15);
		}
		.slide-content p {
			font-size: 18px;
			color: rgba(255,255,255,0.85);
			max-width: 550px;
			line-height: 1.7;
			margin-bottom: 28px;
		}
		.slide-content .btn-group { display: flex; gap: 14px; flex-wrap: wrap; }
		.slide-content .btn-primary {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			padding: 14px 32px;
			background: linear-gradient(135deg, var(--gold), var(--gold-dark));
			color: var(--text-dark);
			border: none;
			border-radius: 14px;
			font-size: 16px;
			font-weight: 700;
			cursor: pointer;
			text-decoration: none;
			transition: var(--transition);
			box-shadow: 0 6px 25px rgba(241, 196, 15, 0.35);
		}
		.slide-content .btn-primary:hover {
			transform: translateY(-3px);
			box-shadow: 0 10px 35px rgba(241, 196, 15, 0.5);
		}
		.slide-content .btn-outline {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			padding: 13px 30px;
			background: transparent;
			color: #fff;
			border: 2px solid rgba(255,255,255,0.4);
			border-radius: 14px;
			font-size: 16px;
			font-weight: 600;
			cursor: pointer;
			text-decoration: none;
			transition: var(--transition);
		}
		.slide-content .btn-outline:hover {
			border-color: #fff;
			background: rgba(255,255,255,0.1);
			transform: translateY(-3px);
		}

		/* 轮播控制 */
		.hero-indicators {
			position: absolute;
			bottom: 30px;
			left: 50%;
			transform: translateX(-50%);
			display: flex;
			gap: 10px;
			z-index: 5;
		}
		.hero-indicators button {
			width: 14px;
			height: 14px;
			border-radius: 50%;
			border: 2px solid rgba(255,255,255,0.6);
			background: transparent;
			cursor: pointer;
			transition: var(--transition);
		}
		.hero-indicators button.active {
			background: var(--gold);
			border-color: var(--gold);
			box-shadow: 0 0 20px rgba(241, 196, 15, 0.5);
			width: 40px;
			border-radius: 8px;
		}
		.hero-arrow {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			z-index: 5;
			width: 52px;
			height: 52px;
			border-radius: 50%;
			background: rgba(255,255,255,0.12);
			backdrop-filter: blur(10px);
			border: 1px solid rgba(255,255,255,0.2);
			color: #fff;
			font-size: 20px;
			cursor: pointer;
			transition: var(--transition);
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.hero-arrow:hover { background: rgba(255,255,255,0.25); transform: translateY(-50%) scale(1.1); }
		.hero-arrow.prev { left: 24px; }
		.hero-arrow.next { right: 24px; }

		/* ===== 快速入口 ===== */
		.quick-entry {
			margin-top: 0px;
			position: relative;
			z-index: 10;
			padding-bottom: 60px;
		}
		.quick-entry .grid {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			gap: 20px;
		}
		.quick-card {
			background: rgba(255,255,255,0.95);
			backdrop-filter: blur(20px);
			border-radius: var(--radius);
			padding: 28px 20px;
			text-align: center;
			box-shadow: var(--shadow);
			border: 1px solid rgba(46, 134, 222, 0.1);
			transition: var(--transition);
			cursor: pointer;
			text-decoration: none;
			color: var(--text-dark);
			position: relative;
			overflow: hidden;
		}
		.quick-card::before {
			content: '';
			position: absolute;
			top: 0; left: 0; right: 0;
			height: 4px;
			background: linear-gradient(90deg, var(--blue), var(--accent));
			transform: scaleX(0);
			transition: transform 0.4s;
		}
		.quick-card:hover::before { transform: scaleX(1); }
		.quick-card:hover {
			transform: translateY(-8px);
			box-shadow: 0 16px 48px rgba(10, 46, 92, 0.2);
		}
		.quick-card .icon-wrap {
			width: 60px;
			height: 60px;
			margin: 0 auto 16px;
			border-radius: 16px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 26px;
			color: #fff;
			transition: var(--transition);
		}
		.quick-card:hover .icon-wrap { transform: scale(1.1) rotate(5deg); }
		.quick-card .icon-wrap.blue { background: linear-gradient(135deg, var(--blue), var(--blue-mid)); box-shadow: 0 4px 15px rgba(46, 134, 222, 0.35); }
		.quick-card .icon-wrap.cyan { background: linear-gradient(135deg, var(--cyan), #16a085); box-shadow: 0 4px 15px rgba(26, 188, 156, 0.35); }
		.quick-card .icon-wrap.gold { background: linear-gradient(135deg, var(--gold), var(--gold-dark)); box-shadow: 0 4px 15px rgba(241, 196, 15, 0.35); }
		.quick-card .icon-wrap.accent { background: linear-gradient(135deg, var(--accent), #0099cc); box-shadow: 0 4px 15px rgba(0, 210, 255, 0.35); }
		.quick-card h3 { font-size: 16px; font-weight: 700; margin-bottom: 6px; }
		.quick-card p { font-size: 13px; color: var(--text-light); }

		/* ===== Sections 通用 ===== */
		section { padding: 70px 0; }
		.section-header {
			text-align: center;
			margin-bottom: 48px;
		}
		.section-header .subtitle {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			background: var(--blue-pale);
			color: var(--blue-mid);
			padding: 6px 20px;
			border-radius: 50px;
			font-size: 13px;
			font-weight: 600;
			margin-bottom: 12px;
		}
		.section-header h2 {
			font-size: 36px;
			font-weight: 800;
			color: var(--text-dark);
			margin-bottom: 12px;
		}
		.section-header h2 span {
			background: linear-gradient(135deg, var(--blue-dark), var(--accent));
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			background-clip: text;
		}
		.section-header p {
			color: var(--text-light);
			font-size: 16px;
			max-width: 600px;
			margin: 0 auto;
		}
		.section-header .line {
			width: 60px;
			height: 4px;
			background: linear-gradient(90deg, var(--blue), var(--accent));
			margin: 16px auto 0;
			border-radius: 4px;
		}

		/* ===== 标签组合搜索 ===== */
		.search-section {
			background: var(--white);
			padding: 30px 0;
			border-bottom: 1px solid rgba(46, 134, 222, 0.06);
		}
		

		/* ===== 业务公告 ===== */
		#announcements { background: var(--white); padding-top: 30px; }
		
		
		.search-box {
			
			padding: 36px 28px;
			
			gap: 16px;
			max-width: 800px;
			margin: 0 auto;
		}
		.search-box .search-row {
			display: flex;
			gap: 12px;
			align-items: center;
		}
		.search-box .search-row .input-wrap {
			flex: 1;
			position: relative;
		}
		.search-box .search-row .input-wrap i {
			position: absolute;
			left: 16px;
			top: 50%;
			transform: translateY(-50%);
			color: var(--text-light);
		}
		.search-box .search-row .input-wrap input {
			width: 100%;
			padding: 12px 16px 12px 44px;
			border: 2px solid #e8edf2;
			border-radius: 12px;
			font-size: 15px;
			outline: none;
			transition: var(--transition);
			background: #f8fafc;
		}
		.search-box .search-row .input-wrap input:focus {
			border-color: var(--blue);
			background: #fff;
			box-shadow: 0 0 0 4px rgba(46, 134, 222, 0.1);
		}
		.search-box .search-row .search-btn {
			padding: 12px 32px;
			background: linear-gradient(135deg, var(--blue), var(--accent));
			color: #fff;
			border: none;
			border-radius: 12px;
			font-size: 15px;
			font-weight: 700;
			cursor: pointer;
			transition: var(--transition);
			white-space: nowrap;
			box-shadow: 0 4px 15px rgba(46, 134, 222, 0.3);
		}
		.search-box .search-row .search-btn:hover {
			transform: translateY(-2px);
			box-shadow: 0 6px 25px rgba(46, 134, 222, 0.5);
		}
		.tag-group {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
			margin-top: 16px;
			padding-top: 16px;
			border-top: 1px solid #eef2f6;
		}
		.tag-group .tag-label {
			font-size: 13px;
			font-weight: 600;
			color: var(--text-light);
			display: flex;
			align-items: center;
			gap: 6px;
			margin-right: 4px;
		}
		.tag {
			display: inline-flex;
			align-items: center;
			gap: 6px;
			padding: 6px 16px;
			border-radius: 50px;
			font-size: 13px;
			font-weight: 500;
			cursor: pointer;
			border: 2px solid #e0e6ed;
			background: #f8fafc;
			color: var(--text-dark);
			transition: var(--transition);
			user-select: none;
		}
		.tag:hover {
			border-color: var(--blue-light);
			background: var(--blue-pale);
		}
		.tag.active {
			border-color: var(--blue);
			background: var(--blue);
			color: #fff;
			box-shadow: 0 4px 12px rgba(46, 134, 222, 0.25);
		}
		.tag i { font-size: 11px; }
		.tag.active i { color: rgba(255,255,255,0.8); }
		.tag-count {
			font-size: 11px;
			color: var(--text-light);
			margin-left: 4px;
		}
		.tag.active .tag-count { color: rgba(255,255,255,0.7); }
		
		
		.announce-filters {
			display: flex;
			justify-content: center;
			gap: 10px;
			margin-bottom: 32px;
			flex-wrap: wrap;
		}
		.announce-filters button {
			padding: 8px 22px;
			border-radius: 50px;
			border: 2px solid rgba(46, 134, 222, 0.2);
			background: transparent;
			font-size: 14px;
			font-weight: 600;
			cursor: pointer;
			transition: var(--transition);
			color: var(--text-light);
		}
		.announce-filters button:hover,
		.announce-filters button.active {
			border-color: var(--blue);
			background: var(--blue);
			color: #fff;
			box-shadow: 0 4px 15px rgba(46, 134, 222, 0.3);
		}
		.announce-list {
			display: grid;
			gap: 16px;
			max-width: 1000px;
			margin: 0 auto;
		}

		.announce-list a {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			color: var(--blue-mid);
			text-decoration: none;
			font-weight: 600;
			transition: var(--transition);
		}
		.announce-list a:hover { gap: 14px; color: var(--blue-dark); }

		.announce-item {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 20px 24px;
			background: var(--white);
			border-radius: var(--radius);
			border: 1px solid rgba(46, 134, 222, 0.08);
			transition: var(--transition);
			cursor: pointer;
			position: relative;
			overflow: hidden;
		}
		.announce-item::before {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			width: 4px;
			background: linear-gradient(180deg, var(--blue), var(--accent));
			transform: scaleY(0);
			transition: transform 0.3s;
		}
		.announce-item:hover {
			box-shadow: var(--shadow);
			transform: translateX(6px);
		}
		.announce-item:hover::before { transform: scaleY(1); }
		.announce-item .info { flex: 1; }
		.announce-item .info .type {
			display: inline-block;
			padding: 2px 12px;
			border-radius: 50px;
			font-size: 11px;
			font-weight: 700;
			margin-bottom: 6px;
		}
		.type-procure { background: #e8f4fd; color: #1a6fb5; }
		.type-bid { background: #e8eaf6; color: #3949ab; }
		.type-result { background: #fff3e0; color: #e65100; }
		.type-notice { background: #f3e5f5; color: #7b1fa2; }
		.announce-item .info h4 {
			font-size: 15px;
			font-weight: 600;
			margin-bottom: 4px;
			transition: var(--transition);
		}
		.announce-item:hover .info h4 { color: var(--blue-mid); }
		.announce-item .info .meta {
			display: flex;
			gap: 20px;
			font-size: 12px;
			color: var(--text-light);
		}
		.announce-item .info .meta .tag-sm {
			display: inline-flex;
			align-items: center;
			gap: 4px;
			padding: 0 8px;
			background: var(--blue-pale);
			border-radius: 4px;
			font-size: 11px;
			color: var(--blue-mid);
		}
		.announce-item .info .meta i { margin-right: 4px; }
		.announce-item .status {
			flex-shrink: 0;
			margin-left: 20px;
		}
		.announce-item .status .badge {
			display: inline-block;
			padding: 4px 14px;
			border-radius: 50px;
			font-size: 12px;
			font-weight: 600;
		}
		.badge-open { background: #e8f4fd; color: #1a6fb5; }
		.badge-closed { background: #fce4ec; color: #c62828; }
		.badge-eval { background: #fff8e1; color: #f57f17; }
		.announce-more {
			text-align: center;
			margin-top: 32px;
		}
		.announce-more a {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			color: var(--blue-mid);
			text-decoration: none;
			font-weight: 600;
			transition: var(--transition);
		}
		.announce-more a:hover { gap: 14px; color: var(--blue-dark); }

		/* ===== 在途采购 ===== */
		#in-transit {
			background: linear-gradient(135deg, var(--bg-dark) 0%, var(--blue-pale) 100%);
			position: relative;
			overflow: hidden;
		}
		#in-transit::before {
			content: '';
			position: absolute;
			top: -200px; right: -200px;
			width: 500px; height: 500px;
			border-radius: 50%;
			background: radial-gradient(circle, rgba(46,134,222,0.08), transparent);
		}
		#in-transit::after {
			content: '';
			position: absolute;
			bottom: -150px; left: -150px;
			width: 400px; height: 400px;
			border-radius: 50%;
			background: radial-gradient(circle, rgba(0,210,255,0.06), transparent);
		}
		.transit-grid {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
			gap: 24px;
			position: relative;
			z-index: 1;
		}
		.transit-card {
			background: rgba(255,255,255,0.9);
			backdrop-filter: blur(10px);
			border-radius: var(--radius);
			padding: 24px;
			border: 1px solid rgba(46, 134, 222, 0.12);
			transition: var(--transition);
			position: relative;
			overflow: hidden;
		}
		.transit-card::after {
			content: '';
			position: absolute;
			top: -50%; right: -50%;
			width: 100%; height: 100%;
			background: radial-gradient(circle, rgba(46,134,222,0.03), transparent);
			transition: var(--transition);
		}
		.transit-card:hover {
			transform: translateY(-6px);
			box-shadow: var(--shadow);
		}
		.transit-card:hover::after {
			top: -30%; right: -30%;
		}
		.transit-card .card-header {
			display: flex;
			justify-content: space-between;
			align-items: start;
			margin-bottom: 14px;
			position: relative;
			z-index: 1;
		}
		.transit-card .card-header .proj-type {
			padding: 4px 14px;
			border-radius: 50px;
			font-size: 11px;
			font-weight: 700;
			background: var(--blue-pale);
			color: var(--blue-mid);
		}
		.transit-card .card-header .proj-price {
			font-size: 18px;
			font-weight: 800;
			color: var(--blue-dark);
		}
		.transit-card .card-header .proj-price small {
			font-size: 12px;
			font-weight: 400;
			color: var(--text-light);
		}
		.transit-card h4 {
			font-size: 15px;
			font-weight: 600;
			margin-bottom: 14px;
			line-height: 1.5;
			position: relative;
			z-index: 1;
		}
		.transit-card .progress-wrap {
			margin-bottom: 14px;
			position: relative;
			z-index: 1;
		}
		.transit-card .progress-bar {
			height: 6px;
			background: #e8ece8;
			border-radius: 4px;
			overflow: hidden;
		}
		.transit-card .progress-bar .fill {
			height: 100%;
			border-radius: 4px;
			background: linear-gradient(90deg, var(--blue), var(--gold));
			transition: width 1.5s ease;
			width: 0;
		}
		.transit-card .progress-label {
			display: flex;
			justify-content: space-between;
			font-size: 12px;
			color: var(--text-light);
			margin-top: 4px;
		}
		.transit-card .card-meta {
			display: flex;
			gap: 16px;
			font-size: 12px;
			color: var(--text-light);
			position: relative;
			z-index: 1;
		}
		.transit-card .card-meta i { margin-right: 4px; color: var(--blue); }

		/* ===== 平台优势 ===== */
		#advantages { background: var(--white); }
		.adv-grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 30px;
		}
		.adv-card {
			text-align: center;
			padding: 40px 28px;
			border-radius: var(--radius);
			border: 1px solid rgba(46, 134, 222, 0.08);
			transition: var(--transition);
		}
		.adv-card:hover {
			box-shadow: var(--shadow);
			transform: translateY(-4px);
		}
		.adv-card .num {
			font-size: 48px;
			font-weight: 900;
			background: linear-gradient(135deg, var(--blue), var(--accent));
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			background-clip: text;
			line-height: 1;
			margin-bottom: 8px;
		}
		.adv-card .num-label { font-size: 14px; color: var(--text-light); }
		.adv-card h3 { font-size: 18px; font-weight: 700; margin: 16px 0 8px; }
		.adv-card p { font-size: 14px; color: var(--text-light); line-height: 1.7; }

		/* ===== 统计数字 ===== */
		.stats {
			background: linear-gradient(135deg, var(--blue-dark), #0d4a7a);
			padding: 60px 0;
			position: relative;
			overflow: hidden;
		}
		.stats::before {
			content: '';
			position: absolute;
			top: 0; left: 0; right: 0; bottom: 0;
			background: repeating-linear-gradient(
					45deg,
					transparent,
					transparent 30px,
					rgba(255,255,255,0.02) 30px,
					rgba(255,255,255,0.02) 60px
			);
		}
		.stats .grid {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			gap: 30px;
			position: relative;
			z-index: 1;
		}
		.stats .item { text-align: center; color: #fff; }
		.stats .item .num {
			font-size: 44px;
			font-weight: 900;
			margin-bottom: 4px;
		}
		.stats .item .num i { font-size: 28px; margin-right: 8px; }
		.stats .item .label { font-size: 14px; color: rgba(255,255,255,0.75); }

		/* ===== 底部 ===== */
		footer {
			background: var(--text-dark);
			color: rgba(255,255,255,0.8);
			padding: 60px 0 30px;
		}
		footer .grid {
			display: grid;
			grid-template-columns: 2fr 1fr 1fr 1fr;
			gap: 40px;
			margin-bottom: 40px;
		}
		footer h3 { color: #fff; font-size: 18px; margin-bottom: 20px; }
		footer p, footer a { font-size: 14px; line-height: 2; color: rgba(255,255,255,0.6); text-decoration: none; transition: var(--transition); }
		footer a:hover { color: var(--blue); padding-left: 4px; }
		footer .social { display: flex; gap: 12px; margin-top: 16px; }
		footer .social a {
			width: 40px; height: 40px;
			border-radius: 12px;
			background: rgba(255,255,255,0.08);
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 18px;
			transition: var(--transition);
		}
		footer .social a:hover {
			background: var(--blue);
			color: #fff;
			padding-left: 0;
			transform: translateY(-3px);
		}
		footer .bottom {
			border-top: 1px solid rgba(255,255,255,0.08);
			padding-top: 24px;
			text-align: center;
			font-size: 13px;
			color: rgba(255,255,255,0.4);
		}

		/* ===== 回到顶部 ===== */
		.back-top {
			position: fixed;
			bottom: 30px;
			right: 30px;
			width: 50px;
			height: 50px;
			border-radius: 50%;
			background: linear-gradient(135deg, var(--blue), var(--accent));
			color: #fff;
			border: none;
			font-size: 20px;
			cursor: pointer;
			box-shadow: 0 4px 20px rgba(46, 134, 222, 0.4);
			transition: var(--transition);
			opacity: 0;
			transform: translateY(20px);
			pointer-events: none;
			z-index: 50;
		}
		.back-top.visible {
			opacity: 1;
			transform: translateY(0);
			pointer-events: auto;
		}
		.back-top:hover { transform: translateY(-4px); box-shadow: 0 8px 30px rgba(46, 134, 222, 0.6); }

		/* ===== 登录弹窗 ===== */
		.login-overlay {
			position: fixed;
			top: 0; left: 0; right: 0; bottom: 0;
			background: rgba(0,0,0,0.5);
			backdrop-filter: blur(8px);
			-webkit-backdrop-filter: blur(8px);
			z-index: 999;
			display: none;
			align-items: center;
			justify-content: center;
			animation: overlayIn 0.3s ease;
		}
		.login-overlay.show { display: flex; }
		@keyframes overlayIn {
			from { opacity: 0; }
			to { opacity: 1; }
		}
		.login-modal {
			background: var(--white);
			border-radius: 24px;
			width: 440px;
			max-width: 92vw;
			max-height: 90vh;
			overflow-y: auto;
			box-shadow: 0 24px 80px rgba(0,0,0,0.3);
			animation: modalSlide 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
			position: relative;
		}
		@keyframes modalSlide {
			from { opacity: 0; transform: translateY(40px) scale(0.96); }
			to { opacity: 1; transform: translateY(0) scale(1); }
		}
		.login-close {
			position: absolute;
			top: 16px;
			right: 16px;
			width: 36px;
			height: 36px;
			border-radius: 50%;
			border: none;
			background: #f0f2f5;
			color: var(--text-light);
			font-size: 18px;
			cursor: pointer;
			transition: var(--transition);
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.login-close:hover {
			background: #e0e4e8;
			transform: rotate(90deg);
		}
		.login-modal .login-header {
			text-align: center;
			padding: 40px 40px 0;
		}
		.login-modal .login-header .login-logo {
			width: 64px;
			height: 64px;
			margin: 0 auto 16px;
			border-radius: 18px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 30px;
			color: #fff;
			box-shadow: 0 8px 30px rgba(46, 134, 222, 0.3);
		}
		.login-modal .login-header h2 {
			font-size: 24px;
			font-weight: 800;
			color: var(--text-dark);
			margin-bottom: 4px;
		}
		.login-modal .login-header p {
			font-size: 14px;
			color: var(--text-light);
		}
		.login-modal .login-body {
			padding: 32px 40px 40px;
		}
		.login-tabs {
			display: flex;
			background: #f0f2f5;
			border-radius: 12px;
			padding: 4px;
			margin-bottom: 24px;
		}
		.login-tabs button {
			flex: 1;
			padding: 10px;
			border: none;
			background: transparent;
			border-radius: 10px;
			font-size: 14px;
			font-weight: 600;
			cursor: pointer;
			transition: var(--transition);
			color: var(--text-light);
		}
		.login-tabs button.active {
			background: #fff;
			color: var(--blue);
			box-shadow: 0 2px 8px rgba(0,0,0,0.06);
		}
		.form-group {
			margin-bottom: 20px;
		}
		.form-group label {
			display: block;
			font-size: 13px;
			font-weight: 600;
			color: var(--text-dark);
			margin-bottom: 6px;
		}
		.form-group .input-wrap {
			position: relative;
		}
		.form-group .input-wrap i {
			position: absolute;
			left: 14px;
			top: 50%;
			transform: translateY(-50%);
			color: var(--text-light);
			font-size: 16px;
		}
		.form-group .input-wrap input {
			width: 100%;
			padding: 12px 16px 12px 44px;
			border: 2px solid #e8edf2;
			border-radius: 12px;
			font-size: 14px;
			outline: none;
			transition: var(--transition);
			background: #f8fafc;
		}
		.form-group .input-wrap input:focus {
			border-color: var(--blue);
			background: #fff;
			box-shadow: 0 0 0 4px rgba(46, 134, 222, 0.1);
		}
		.form-options {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 20px;
			font-size: 13px;
		}
		.form-options label {
			display: flex;
			align-items: center;
			gap: 6px;
			color: var(--text-light);
			cursor: pointer;
		}
		.form-options label input[type="checkbox"] {
			accent-color: var(--blue);
			width: 16px;
			height: 16px;
		}
		.form-options a {
			color: var(--blue-mid);
			text-decoration: none;
		}
		.form-options a:hover { text-decoration: underline; }
		.login-btn {
			width: 100%;
			height: 120px;
			padding: 14px;
			background: linear-gradient(135deg, var(--blue), var(--accent));
			color: #fff;
			border: none;
			border-radius: 12px;
			font-size: 20px;
			font-weight: 700;
			cursor: pointer;
			transition: var(--transition);
			box-shadow: 0 4px 15px rgba(46, 134, 222, 0.3);
		}
		.login-btn:hover {
			transform: translateY(-2px);
			box-shadow: 0 8px 30px rgba(46, 134, 222, 0.5);
		}
		.login-divider {
			text-align: center;
			margin: 20px 0;
			position: relative;
			color: var(--text-light);
			font-size: 13px;
		}
		.login-divider::before,
		.login-divider::after {
			content: '';
			position: absolute;
			top: 50%;
			width: calc(50% - 100px);
			height: 1px;
			background: #e0e4e8;
		}
		.login-divider::before { left: 0; }
		.login-divider::after { right: 0; }
		.login-social {
			display: flex;
			justify-content: center;
			gap: 14px;
		}
		.login-social a {
			width: 44px;
			height: 44px;
			border-radius: 12px;
			border: 2px solid #e0e4e8;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 20px;
			color: var(--text-light);
			text-decoration: none;
			transition: var(--transition);
		}
		.login-social a:hover {
			border-color: var(--blue);
			color: var(--blue);
			transform: translateY(-3px);
		}
		.login-footer {
			text-align: center;
			margin-top: 20px;
			font-size: 13px;
			color: var(--text-light);
		}
		.login-footer a {
			color: var(--blue-mid);
			text-decoration: none;
			font-weight: 600;
		}
		.login-footer a:hover { text-decoration: underline; }

		/* ===== 响应式 ===== */
		@media (max-width: 1024px) {
			.quick-entry .grid { grid-template-columns: repeat(2, 1fr); }
			.adv-grid { grid-template-columns: repeat(2, 1fr); }
			footer .grid { grid-template-columns: repeat(2, 1fr); }
		}
		@media (max-width: 768px) {
			.nav-links { display: none; }
			.hamburger { display: block; }
			.nav-links.open {
				display: flex;
				flex-direction: column;
				position: absolute;
				top: 72px;
				left: 0;
				right: 0;
				background: rgba(255,255,255,0.98);
				backdrop-filter: blur(20px);
				padding: 16px;
				border-bottom: 1px solid rgba(46, 134, 222, 0.15);
				box-shadow: 0 8px 30px rgba(0,0,0,0.1);
			}
			.hero { height: 420px; }
			.slide-content h2 { font-size: 30px; }
			.slide-content p { font-size: 15px; }
			.hero-arrow { width: 40px; height: 40px; font-size: 16px; }
			.hero-arrow.prev { left: 10px; }
			.hero-arrow.next { right: 10px; }
			.quick-entry { margin-top: -30px; }
			.quick-entry .grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
			.transit-grid { grid-template-columns: 1fr; }
			.adv-grid { grid-template-columns: 1fr; }
			.stats .grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
			footer .grid { grid-template-columns: 1fr; }
			.announce-item { flex-direction: column; align-items: start; gap: 10px; }
			.announce-item .status { margin-left: 0; }
			.section-header h2 { font-size: 28px; }
			.search-box .search-row { flex-direction: column; }
			.search-box .search-row .search-btn { width: 100%; }
			.login-modal { width: 100%; max-width: 100vw; border-radius: 16px 16px 0 0; margin-top: auto; }
			.login-modal .login-header { padding: 32px 24px 0; }
			.login-modal .login-body { padding: 24px; }
		}
		@media (max-width: 480px) {
			.hero { height: 360px; }
			.slide-content h2 { font-size: 24px; }
			.quick-entry .grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
			.quick-card { padding: 20px 14px; }
			.quick-card .icon-wrap { width: 48px; height: 48px; font-size: 20px; }
		}

		/* ===== 入场动画 ===== */
		.fade-in {
			opacity: 0;
			transform: translateY(40px);
			transition: opacity 0.7s ease, transform 0.7s ease;
		}
		.fade-in.visible {
			opacity: 1;
			transform: translateY(0);
		}