/* ==========================================
       2. 页面专属样式 (仅限 前沿.html 使用)
       包含：页头Banner、列表布局、侧边栏、分页器
    ========================================== */
		
			/* 页面头图 Banner */
			.page-banner {
				height: 320px;
				position: relative;
				overflow: hidden;
				margin-bottom: 60px;
			}

			.page-banner-bg {
				width: 100%;
				height: 100%;
				background: url('../1015-1920x900.jpg') center/cover no-repeat;
			}

			.page-banner-overlay {
				position: absolute;
				inset: 0;
				background: linear-gradient(180deg, rgba(58, 58, 58, .65) 0%, rgba(58, 58, 58, .85) 100%);
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				text-align: center;
				color: #fff;
			}

			.page-banner-overlay h1 {
				font-size: 42px;
				font-weight: 800;
				margin-bottom: 12px;
				letter-spacing: -.5px;
			}

			.page-banner-overlay p {
				font-size: 16px;
				color: rgba(255, 255, 255, .75);
				max-width: 600px;
			}

			/* 内容区双栏布局 */
			.content-layout {
				display: grid;
				grid-template-columns: 1fr 340px;
				gap: 30px;
				padding-bottom: 80px;
			}

			/* 文章列表 */
			.news-list {
				display: flex;
				flex-direction: column;
				gap: 24px;
			}

			.news-item a{
				background: var(--bg-card);
				border-radius: var(--radius);
				overflow: hidden;
				box-shadow: var(--shadow-sm);
				border: 1px solid var(--border);
				transition: all .35s cubic-bezier(.25, .46, .45, .94);
				display: flex;
				cursor: pointer;
				text-decoration: none;
			}

			.news-item a:hover {
				transform: translateY(-4px);
				box-shadow: var(--shadow-lg);
			}

			.news-item img {
				width: 280px;
				object-fit: cover;
				flex-shrink: 0;
			}

			.news-content {
				padding: 30px;
				display: flex;
				flex-direction: column;
				justify-content: center;
			}

			/* 标签胶囊 */
			.news-tag {
				display: inline-block;
				background: var(--gold-pale);
				color: var(--gold-bright);
				font-size: 12px;
				font-weight: 700;
				padding: 3px 12px;
				border-radius: 20px;
				border: 1px solid rgba(210, 166, 105, .2);
				margin-bottom: 12px;
				width: fit-content;
			}

			.news-item h3 {
				font-size: 19px;
				font-weight: 700;
				color: var(--primary);
				margin-bottom: 10px;
				line-height: 1.4;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				overflow: hidden;

			}

			.news-item p {
				color: var(--text-muted);
				font-size: 15px;
				line-height: 1.7;
				margin-bottom: 16px;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				overflow: hidden;
			}

			.news-meta {
				display: flex;
				justify-content: space-between;
				font-size: 13px;
				color: var(--text-muted);
				margin-top: auto;
			}

			.news-meta-date {
				display: flex;
				align-items: center;
				gap: 6px;
			}

			.news-meta-date::before {
				content: '';
				width: 5px;
				height: 5px;
				background: var(--gold);
				border-radius: 50%;
			}

			/* 侧边栏卡片 */
			.sidebar-card {
				background: var(--bg-card);
				border-radius: var(--radius);
				padding: 28px;
				box-shadow: var(--shadow-sm);
				border: 1px solid var(--border);
				margin-bottom: 24px;
			}

			.sidebar-title {
				font-size: 17px;
				font-weight: 700;
				color: var(--primary);
				margin-bottom: 20px;
				padding-bottom: 12px;
				border-bottom: 1px solid var(--border);
				display: flex;
				align-items: center;
				gap: 8px;
			}

			.sidebar-title::before {
				content: '';
				width: 4px;
				height: 18px;
				background: var(--gold);
				border-radius: 2px;
			}

			.hot-list {
				list-style: none;
			}

			.hot-list li {
				padding: 12px 0;
				border-bottom: 1px dashed var(--border);
			}
            
			.hot-list a {

				font-size: 15px;
				color: var(--text-mid);
				cursor: pointer;
				transition: color .2s;
				display: flex;
				gap: 10px;
				text-decoration: none;
			}

			.hot-list a:nth-child(1) ,.hot-list li:nth-child(1){
				padding-top: 0;
			}

			.hot-list a:last-child,.hot-list li:last-child{
				border: none;
				padding-bottom: 0
			}
            .hot-list p{
				overflow: hidden;
				text-overflow:ellipsis;
				white-space: nowrap
			}
			.hot-list a:hover {
				color: var(--gold);
			}

			.hot-num {
				color: var(--gold);
				font-weight: 800;
				font-size: 16px;
				flex-shrink: 0;
				width: 20px;
			}

			/* 侧边栏订阅输入框 */
			.sub-input {
				width: 100%;
				padding: 12px 16px;
				border: 1px solid var(--border);
				border-radius: var(--radius-sm);
				font-size: 14px;
				outline: none;
				background: var(--bg);
				transition: border-color .2s;
				margin-bottom: 12px;
			}

			.sub-input:focus {
				border-color: var(--gold);
			}

			.sub-btn {
				width: 100%;
				padding: 12px;
				background: linear-gradient(135deg, var(--gold), var(--gold-bright));
				color: var(--primary);
				border: none;
				border-radius: var(--radius-sm);
				font-size: 15px;
				font-weight: 700;
				cursor: pointer;
				box-shadow: 0 4px 12px rgba(210, 166, 105, .2);
				transition: all .22s;
			}

			.sub-btn:hover {
				box-shadow: 0 6px 18px rgba(210, 166, 105, .35);
				transform: translateY(-1px);
			}

			.sidebar-qr {
				text-align: center;
				padding-top: 10px;
			}

			.sidebar-qr img {
				border-radius: var(--radius-sm);
				box-shadow: var(--shadow-sm);
				margin-bottom: 12px;
			}

			.sidebar-qr p {
				font-size: 13px;
				color: var(--text-muted);
			}

			/* 分页器 */
			.pagination {
				display: flex;
				justify-content: center;
				gap: 8px;
				margin-top: 40px;
			}

			.page-btn {
				width: 42px;
				height: 42px;
				display: flex;
				align-items: center;
				justify-content: center;
				background: var(--bg-card);
				border: 1px solid var(--border);
				border-radius: var(--radius-sm);
				font-size: 15px;
				font-weight: 600;
				color: var(--text-mid);
				cursor: pointer;
				transition: all .22s;
			}

			.page-btn:hover {
				border-color: var(--gold);
				color: var(--gold);
			}

			.page-btn.active {
				background: var(--primary);
				color: var(--gold);
				border-color: var(--primary);
			}

			.page-btn.next-btn {
				width: auto;
				padding: 0 20px;
			}

			/* 专属响应式 */
			@media (max-width: 1024px) {
				.content-layout {
					grid-template-columns: 1fr;
				}

				.news-item {
					flex-direction: column;
				}

				.news-item img {
					width: 100%;
					height: 220px;
				}
			}

			@media (max-width: 768px) {
				.page-banner {
					height: 240px;
					margin-bottom: 40px;
				}

				.page-banner-overlay h1 {
					font-size: 28px;
				}

				.container {
					padding: 0 16px;
				}

				.news-content {
					padding: 20px;
				}
			}