模板:Homepage/styles.css - 版本历史

2026年1月29日 (四) 07:14 KK

2026-01-29T07:14:23Z

2026年1月29日 (四) 07:08 KK

2026-01-29T07:08:59Z

2026年1月29日 (四) 07:00 KK

2026-01-29T07:00:29Z

←上一版本		2026年1月29日 (四) 15:00的版本
第1行：		第1行：
	/* ~~容器：BanG Dream! 的灵动感~~ */		/* 容器布局 */
	.hp-~~wrapper~~ {		.wiki-main-container {
	background: #~~fdfdfd~~;		display: grid;
			grid-template-columns: 2fr 1fr; /* 典型的 Wikipedia/Star Citizen 左右结构 */
			gap: 20px;
			font-family: "Segoe UI", "Microsoft YaHei", sans-serif;
			color: #eee;
			background: #0b0e11; /* 深色背景，符合星际/硬核风 */
	padding: 20px;		padding: 20px;
	~~border-radius: 20px;~~
	}		}

	/* ~~顶部 Banner~~ */		/* 顶部大标题：模仿星际公民的系统界面 */
	.hp-~~hero~~ {		.wiki-header {
	~~background~~: ~~linear~~-~~gradient(135deg, #ff527b 0%,~~ #~~33ccff 100%)~~;		grid-column: 1 / 3;
	~~color~~: ~~white~~;		border-bottom: 2px solid #00f2ff;
	~~padding~~: ~~40px 30px~~;		padding-bottom: 10px;
	~~border-radius~~: ~~15px~~;		margin-bottom: 10px;
	~~margin~~-~~bottom~~: ~~20px~~;		display: flex;
	~~box~~-~~shadow~~: ~~0 10px 30px rgba(0,0,0,0.1)~~;		justify-content: space-between;
			align-items: flex-end;
	}		}

	.hp-~~hero~~ h1 {		.wiki-header h1 {
	color: ~~white~~ !important;		color: #00f2ff !important;
			text-transform: uppercase;
			letter-spacing: 2px;
			margin: 0 !important;
	border: none !important;		border: none !important;
	~~font-size: 2.5em !important;~~
	~~margin: 0 !important;~~
	}		}

	/* ~~栅格布局~~ */		/* 模块盒子：严谨的工业边框 */
	.hp-~~grid~~ {		.wiki-section {
	~~display~~: ~~flex~~;		background: rgba(255, 255, 255, 0.03);
	~~flex~~-~~wrap~~: ~~wrap~~;		border: 1px solid rgba(0, 242, 255, 0.2);
	~~gap~~: 15px;		padding: 15px;
			position: relative;
			}

			.wiki-section::before {
			content: "";
			position: absolute;
			top: -1px; left: -1px;
			width: 10px; height: 10px;
			border-top: 2px solid #00f2ff;
			border-left: 2px solid #00f2ff;
			}

			.wiki-section-title {
			background: rgba(0, 242, 255, 0.1);
			color: #00f2ff;
			padding: 5px 15px;
			margin: -15px -15px 15px -15px;
			font-weight: bold;
			font-size: 0.9em;
			text-transform: uppercase;
	}		}

	/* ~~卡片样式：融入严谨的档案感~~ */		/* 列表美化 */
	.hp-~~card~~ {		.wiki-list {
	~~flex: 1;~~		list-style: none;
	~~min~~-~~width~~: ~~250px~~;		margin: 0 !important;
	~~background~~: ~~white;~~		padding: 0 !important;
	~~border: 1px solid #eee;~~
	~~border-radius: 12px~~;
	padding: ~~15px;~~
	~~border-top: 5px solid #ff527b; /* 默认 PoPiPa 粉 */~~
	~~transition: transform~~ 0~~.2s ease~~;
	}		}

	.hp-~~card~~:~~hover {~~		.wiki-list li {
	~~transform~~: ~~translateY~~(~~-5px~~);		padding: 8px 0;
			border-bottom: 1px solid rgba(255,255,255,0.05);
	}		}

	.hp-~~card-title~~ {		.wiki-list li a {
	~~font-size~~: ~~1.2em~~;		color: #aaa;
	~~font~~-~~weight~~: ~~bold;~~		text-decoration: none;
	~~margin-bottom: 10px;~~
	~~color: #444~~;
	}		}

	~~/* 针对不同乐队/板块的颜色扩展 */~~		.wiki-list li a:hover {
	.hp-~~mygo~~ { ~~border-top-color: #7292b5; } /* MyGO 蓝 */~~		color: #00f2ff;
	~~.hp-mujica { border-top-~~color: #~~1a1a1a~~; ~~} /* Ave Mujica 黑 */~~		}
	~~.hp-weather { border-top-color: #ffd700;~~ } ~~/* 气象金 */~~

KK：创建页面，内容为“/* 容器：BanG Dream! 的灵动感 / .hp-wrapper { background: #fdfdfd; padding: 20px; border-radius: 20px; } / 顶部 Banner */ .hp-hero { background: linear-gradient(135deg, #ff527b 0%, #33ccff 100%); color: white; padding: 40px 30px; border-radius: 15px; margin-bottom: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); } .hp-hero h1 { color: white !important; border: none !important; font-size: 2.5em !importa…”

2026-01-29T06:56:31Z

创建页面，内容为“容器：BanG Dream! 的灵动感： .hp-wrapper { background: #fdfdfd; padding: 20px; border-radius: 20px; } 顶部 Banner： .hp-hero { background: linear-gradient(135deg, #ff527b 0%, #33ccff 100%); color: white; padding: 40px 30px; border-radius: 15px; margin-bottom: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); } .hp-hero h1 { color: white !important; border: none !important; font-size: 2.5em !importa…”

新页面

/* 容器：BanG Dream! 的灵动感 */
.hp-wrapper {
background: #fdfdfd;
padding: 20px;
border-radius: 20px;
}

/* 顶部 Banner */
.hp-hero {
background: linear-gradient(135deg, #ff527b 0%, #33ccff 100%);
color: white;
padding: 40px 30px;
border-radius: 15px;
margin-bottom: 20px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.hp-hero h1 {
color: white !important;
border: none !important;
font-size: 2.5em !important;
margin: 0 !important;
}

/* 栅格布局 */
.hp-grid {
display: flex;
flex-wrap: wrap;
gap: 15px;
}

/* 卡片样式：融入严谨的档案感 */
.hp-card {
flex: 1;
min-width: 250px;
background: white;
border: 1px solid #eee;
border-radius: 12px;
padding: 15px;
border-top: 5px solid #ff527b; /* 默认 PoPiPa 粉 */
transition: transform 0.2s ease;
}

.hp-card:hover {
transform: translateY(-5px);
}

.hp-card-title {
font-size: 1.2em;
font-weight: bold;
margin-bottom: 10px;
color: #444;
}

/* 针对不同乐队/板块的颜色扩展 */
.hp-mygo { border-top-color: #7292b5; } /* MyGO 蓝 */
.hp-mujica { border-top-color: #1a1a1a; } /* Ave Mujica 黑 */
.hp-weather { border-top-color: #ffd700; } /* 气象金 */