Template:Index2026/styles.css - 版本历史

2026年9月9日 (三) 14:33 Yzystudio

2026-09-09T14:33:06Z

@@ 第764行： / 第764行： @@
    transition: box-shadow 0.25s ease;
    /* 继承父级 .hp-card 的样式，无需额外定义 */
+}

2026年9月9日 (三) 14:25 Yzystudio

2026-09-09T14:25:33Z

@@ 第743行： / 第743行： @@
      font-size: 0.92rem;
+   }
+}

2026年9月9日 (三) 14:19 Yzystudio

2026-09-09T14:19:09Z

@@ 第620行： / 第620行： @@
      min-height: 180px;
      padding: 24px 18px 20px;
+   }
    .hp-page .hp-featured-content h3 {

2026年9月9日 (三) 14:00 Yzystudio

2026-09-09T14:00:43Z

@@ 第526行： / 第526行： @@
    .hp-page .hp-search-btn {
      padding: 12px 16px;
+   }
+}

2026年9月9日 (三) 13:24 Yzystudio

2026-09-09T13:24:22Z

显示更改

2026年9月9日 (三) 13:16 Yzystudio

2026-09-09T13:16:44Z

@@ 第15行： / 第15行： @@
+}
 .hp-page .hp-bg {
-   position: absolute;
+   position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
@@ 第27行： / 第27行： @@
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
@@ 第462行： / 第461行： @@
    color: #88909c;
+}
-.hp-page .hp-card-featured {
+.hp-page .hp-card-fullwidth {
    grid-column: 1 / -1;
+}
 .hp-page .hp-footer {
@@ 第577行： / 第499行： @@
    .hp-page .hp-card h3 {
      font-size: 1.15rem;
+   }
    .hp-page .hp-search-wrapper {
@@ 第628行： / 第547行： @@
      width: 100%;
      margin-left: 0;
+   }
    .hp-page .hp-footer {

2026年9月9日 (三) 13:10 Yzystudio

2026-09-09T13:10:34Z

显示更改

2026年9月6日 (日) 23:09 Yzystudio

2026-09-06T23:09:42Z

@@ 第687行： / 第687行： @@
    .hp-page .hp-card:hover {
      transform: none;
+   }
+}

2026年9月6日 (日) 22:41 Yzystudio

2026-09-06T22:41:28Z

显示更改

2026年9月6日 (日) 16:41 Yzystudio

2026-09-06T16:41:31Z

←上一版本		2026年9月7日 (一) 00:41的版本
第1行：		第1行：
	/* ============================================================		/* ============================================================
	一支烟工作室 · ~~主页样式（彻底修复占位/重复问题）~~		一支烟工作室 · 主页样式（修复遮罩 + 链接占位）
	============================================================ */		============================================================ */

	~~/* ----- 背景层 ----- */~~
	.hp-bg {		.hp-bg {
	position: fixed;		position: fixed;
第34行：		第33行：
	}		}

	~~/* ----- 主容器 ----- */~~
	.hp-container {		.hp-container {
	position: relative;		position: relative;
第50行：		第48行：
	}		}

	~~/* ----- Header ----- */~~
	.hp-header {		.hp-header {
	width: 100%;		width: 100%;
第79行：		第76行：
	}		}

	~~/* ----- 欢迎弹窗 ----- */~~
	.hp-welcome {		.hp-welcome {
	background: rgba(45, 48, 56, 0.75);		background: rgba(45, 48, 56, 0.75);
第159行：		第155行：
	}		}

	~~/* ===== 网格布局 ===== */~~
	.hp-grid {		.hp-grid {
	display: grid;		display: grid;
第169行：		第164行：
	}		}

	~~/* ===== 卡片样式 ===== */~~
	.hp-card {		.hp-card {
	background: rgba(48, 52, 62, 0.85);		background: rgba(48, 52, 62, 0.85);
第180行：		第174行：
	flex-direction: column;		flex-direction: column;
	transition: box-shadow 0.3s ease, background 0.3s ease, transform 0.2s ease;		transition: box-shadow 0.3s ease, background 0.3s ease, transform 0.2s ease;
			}
			.hp-card::before,
			.hp-card::after {
			display: none !important;
			content: none !important;
	}		}
	.hp-card:hover {		.hp-card:hover {
第186行：		第185行：
	transform: translateY(-2px);		transform: translateY(-2px);
	}		}

	~~/* 卡片标题 */~~
	.hp-card h3 {		.hp-card h3 {
	font-weight: 600;		font-weight: 600;
第206行：		第203行：
	flex-shrink: 0;		flex-shrink: 0;
	}		}

	~~/* 卡片正文 */~~
	.hp-card p {		.hp-card p {
	font-size: 0.98rem;		font-size: 0.98rem;
第214行：		第209行：
	margin: 0 0 6px 0;		margin: 0 0 6px 0;
	}		}

	~~/* 统计信息 */~~
	.hp-card .hp-stats {		.hp-card .hp-stats {
	display: block;		display: block;
第226行：		第219行：
	font-weight: 600;		font-weight: 600;
	}		}

	~~/* 徽章标签 */~~
	.hp-badge-list {		.hp-badge-list {
	display: flex;		display: flex;
第242行：		第233行：
	color: #f0e3d0;		color: #f0e3d0;
	}		}

	~~/* 相关链接 */~~
	.hp-link-list {		.hp-link-list {
	display: flex;		display: flex;
	flex-direction: column;		flex-direction: column;
	gap: ~~6px~~ 0;		gap: 4px 0;
	margin: 4px 0 6px;		margin: 4px 0 6px;
	}		}
第253行：		第242行：
	color: #f0d5b0;		color: #f0d5b0;
	text-decoration: none;		text-decoration: none;
	border-bottom: 1px dashed rgba(200, 170, 140, 0.3);		border-bottom: 1px dashed rgba(200, 170, 140, 0.25);
	transition: 0.2s;		transition: 0.2s;
	padding: ~~4px~~ 0;		padding: 3px 0;
	display: inline-block;		display: inline-block;
	width: fit-content;		width: fit-content;
	font-size: 0.~~98rem~~;		font-size: 0.95rem;
	}		}
	.hp-link-list a:hover {		.hp-link-list a:hover {
第265行：		第254行：
	padding-left: 6px;		padding-left: 6px;
	}		}

	~~/* 最近更改 */~~
	.hp-recent-list {		.hp-recent-list {
	list-style: none;		list-style: none;
第313行：		第300行：
	padding: 8px 0;		padding: 8px 0;
	}		}

	.hp-more-link {		.hp-more-link {
	margin-top: 10px;		margin-top: 10px;
第328行：		第314行：
	border-bottom-color: #f0d5b0;		border-bottom-color: #f0d5b0;
	}		}

	.hp-footer {		.hp-footer {
	margin: 30px 0 6px;		margin: 30px 0 6px;
第338行：		第323行：
	width: 100%;		width: 100%;
	}		}

	.hp-loading {		.hp-loading {
	color: #b0bcc8;		color: #b0bcc8;
第356行：		第340行：
	}		}

	~~/* ===== 项目名录扁条 ===== */~~
	.hp-card-featured {		.hp-card-featured {
	grid-column: 1 / -1;		grid-column: 1 / -1;
第364行：		第347行：
	box-shadow: none;		box-shadow: none;
	border: none;		border: none;
			}
			.hp-card-featured::before,
			.hp-card-featured::after {
			display: none !important;
			content: none !important;
	}		}
	.hp-card-featured a {		.hp-card-featured a {
第390行：		第378行：
	width: 100%;		width: 100%;
	height: 100%;		height: 100%;
	background: ~~linear-gradient(135deg,~~ rgba(30, 32, ~~40, 0.5)~~ 0~~%, rgba(60, 55, 50~~, 0.~~3) 100%~~);		background: rgba(0, 0, 0, 0.15);
	display: flex;		display: flex;
	align-items: center;		align-items: center;
第415行：		第403行：
	}		}

	~~/* ===== 响应式 ===== */~~
	@media (max-width: 1024px) {		@media (max-width: 1024px) {
	.hp-grid {		.hp-grid {