Template:少女前线/styles.css - 版本历史

2026年5月8日 (五) 11:46 弃权者

2026-05-08T11:46:01Z

←上一版本		2026年5月8日 (五) 19:46的版本
第35行：		第35行：
	font-size: 13px;		font-size: 13px;
	color: var(--color-base, #202122);		color: var(--color-base, #202122);
	border-~~bottom~~: 2px solid transparent;		border-top: 2px solid transparent;
	transition: all 0.2s;		transition: all 0.2s;
	}		}
第42行：		第42行：
	.gfl-item:focus .gfl-title {		.gfl-item:focus .gfl-title {
	color: #E6A23C;		color: #E6A23C;
	border-~~bottom~~-color: #E6A23C !important;		border-top-color: #E6A23C !important;
	background-color: var(--background-color-interactive-subtle, #eee);		background-color: var(--background-color-interactive-subtle, #eee);
	}		}
第48行：		第48行：
	.gfl-content {		.gfl-content {
	position: absolute;		position: absolute;
	~~top~~: 100%;		bottom: 100%;
	left: 0;		left: 0;
	width: 100%;		width: 100%;
	background-color: var(--background-color-base, #fff) !important;		background-color: var(--background-color-base, #fff) !important;
	border: 1px solid #E6A23C;		border: 1px solid #E6A23C;
	border-~~top~~: none;		border-bottom: none;
	z-index: 1000;		z-index: 1000;
	overflow: hidden;		overflow: hidden;
	max-height: 0;		max-height: 0;
	opacity: 0;		opacity: 0;
	transition: max-height 0.6s ease, opacity 0.4s;		transition: max-height 0.5s ease-in-out, opacity 0.3s ease;
	pointer-events: none;		pointer-events: none;
	}		}
第64行：		第64行：
	.gfl-item:hover .gfl-content,		.gfl-item:hover .gfl-content,
	.gfl-item:focus .gfl-content {		.gfl-item:focus .gfl-content {
	max-height: ~~500px~~;		max-height: 1200px;
	opacity: 1;		opacity: 1;
	pointer-events: auto;		pointer-events: auto;
第77行：		第77行：
	.gfl-links-wrap a {		.gfl-links-wrap a {
	display: block;		display: block;
	padding: ~~6px~~;		padding: 8px;
	margin: 1px 0;		margin: 1px 0;
	font-size: 12px;		font-size: 12px;
第88行：		第88行：

	@media (max-width: 768px) {		@media (max-width: 768px) {
	~~.gfl-nav-compact {~~
	~~display: none;~~
	}
	.gfl-logo-box {		.gfl-logo-box {
	display: none;		display: none;
第100行：		第97行：
	box-sizing: border-box;		box-sizing: border-box;
	border-right: 1px solid var(--border-color-base, #ccc);		border-right: 1px solid var(--border-color-base, #ccc);
	border-~~bottom~~: 1px solid var(--border-color-base, #ccc);		border-top: 1px solid var(--border-color-base, #ccc);
	position: relative;		position: relative;
			}

			.gfl-nav-compact {
			border-top: none;
	}		}

第108行：		第109行：
	}		}

	.gfl-item:nth~~-last~~-child(-n+3) {		.gfl-item:nth-child(-n+3) {
	border-~~bottom~~: none;		border-top: none;
	}		}

第118行：		第119行：
	.gfl-content {		.gfl-content {
	width: 100%;		width: 100%;
			bottom: 100%;
	left: 0;		left: 0;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);		box-shadow: 0 -4px 8px rgba(0,0,0,0.1);
	}		}

	~~.gfl-links-wrap {~~
	~~padding: 4px;~~
	}

	.gfl-links-wrap a {		.gfl-links-wrap a {
	text-align: center;		text-align: center;
	padding: ~~8px~~ 4px;		padding: 10px 4px;
	margin-bottom: 2px;		margin-bottom: 2px;
	~~font-size: 13px;~~
	}		}
	}		}

弃权者：弃权者移动页面Template:少女前线:导航/styles.css至Template:少女前线/styles.css，不留重定向

2026-05-07T09:30:57Z

弃权者移动页面Template:少女前线:导航/styles.css至Template:少女前线/styles.css，不留重定向

←上一版本	2026年5月7日 (四) 17:30的版本
（没有差异）

2026年5月7日 (四) 07:31 弃权者

2026-05-07T07:31:18Z

←上一版本		2026年5月7日 (四) 15:31的版本
第88行：		第88行：

	@media (max-width: 768px) {		@media (max-width: 768px) {
			.gfl-nav-compact {
			display: none;
			}
	.gfl-logo-box {		.gfl-logo-box {
	display: none;		display: none;

2026年5月7日 (四) 00:57 弃权者

2026-05-07T00:57:08Z

←上一版本		2026年5月7日 (四) 08:57的版本
第50行：		第50行：
	top: 100%;		top: 100%;
	left: 0;		left: 0;
	~~/* 这里的 100% 现在代表与父级 gfl-item 等宽 */~~
	width: 100%;		width: 100%;
	background-color: var(--background-color-base, #fff) !important;		background-color: var(--background-color-base, #fff) !important;
第59行：		第58行：
	max-height: 0;		max-height: 0;
	opacity: 0;		opacity: 0;
	transition: max-height 0.3s ease, opacity 0.2s;		transition: max-height 0.6s ease, opacity 0.4s;
	pointer-events: none;		pointer-events: none;
	}		}

2026年5月7日 (四) 00:53 弃权者

2026-05-07T00:53:15Z

←上一版本		2026年5月7日 (四) 08:53的版本
第17行：		第17行：

	.gfl-logo-box img {		.gfl-logo-box img {
	max-height: ~~28px~~;		max-height: 24px;
	width: auto;		width: auto;
	}		}
第30行：		第30行：
	.gfl-title {		.gfl-title {
	display: block;		display: block;
	padding: ~~10px~~ 4px;		padding: 8px 4px;
	text-align: center;		text-align: center;
	cursor: pointer;		cursor: pointer;
第50行：		第50行：
	top: 100%;		top: 100%;
	left: 0;		left: 0;
			/* 这里的 100% 现在代表与父级 gfl-item 等宽 */
	width: 100%;		width: 100%;
	background-color: var(--background-color-base, #fff) !important;		background-color: var(--background-color-base, #fff) !important;
第56行：		第57行：
	z-index: 1000;		z-index: 1000;
	overflow: hidden;		overflow: hidden;
	~~/* 核心隐藏逻辑 */~~
	max-height: 0;		max-height: 0;
	opacity: 0;		opacity: 0;
第73行：		第73行：
	display: flex;		display: flex;
	flex-direction: column;		flex-direction: column;
	padding: ~~6px~~;		padding: 4px;
	}		}

	.gfl-links-wrap a {		.gfl-links-wrap a {
	display: block;		display: block;
	padding: ~~8px~~;		padding: 6px;
	margin: ~~2px~~ 0;		margin: 1px 0;
	font-size: 12px;		font-size: 12px;
	text-align: center;		text-align: center;
第99行：		第99行：
	border-right: 1px solid var(--border-color-base, #ccc);		border-right: 1px solid var(--border-color-base, #ccc);
	border-bottom: 1px solid var(--border-color-base, #ccc);		border-bottom: 1px solid var(--border-color-base, #ccc);
			position: relative;
	}		}

第105行：		第106行：
	}		}

	~~/* 移除最后三个项目的底边框，消除橙色粗条感 */~~
	.gfl-item:nth-last-child(-n+3) {		.gfl-item:nth-last-child(-n+3) {
	border-bottom: none;		border-bottom: none;
第111行：		第111行：

	.gfl-title {		.gfl-title {
	padding: ~~14px~~ 2px;		padding: 10px 2px;
	}		}

	.gfl-content {		.gfl-content {
	width: ~~300~~%;		width: 100%;
			left: 0;
			box-shadow: 0 4px 8px rgba(0,0,0,0.1);
	}		}

	~~.gfl-item:nth-child(3n-1) .gfl-content { left: -100%; }~~
	~~.gfl-item:nth-child(3n) .gfl-content { left: -200%; }~~

	~~/* 恢复单列显示 */~~
	.gfl-links-wrap {		.gfl-links-wrap {
	~~display~~: ~~flex;~~		padding: 4px;
	~~flex-direction: column~~;
	}		}

	.gfl-links-wrap a {		.gfl-links-wrap a {
	text-align: ~~left~~;		text-align: center;
	padding-~~left~~: ~~20px~~;		padding: 8px 4px;
			margin-bottom: 2px;
			font-size: 13px;
	}		}
	}		}

2026年5月7日 (四) 00:49 弃权者

2026-05-07T00:49:51Z

←上一版本		2026年5月7日 (四) 08:49的版本
第6行：		第6行：
	background-color: var(--background-color-neutral-subtle, #f8f9fa);		background-color: var(--background-color-neutral-subtle, #f8f9fa);
	border: 1px solid var(--border-color-base, #ccc);		border: 1px solid var(--border-color-base, #ccc);
	~~line-height: 1.5;~~
	}		}

第48行：		第47行：

	.gfl-content {		.gfl-content {
	~~display: grid;~~
	~~grid-template-rows: 0fr;~~
	~~transition: grid-template-rows 0.3s ease;~~
	position: absolute;		position: absolute;
	top: 100%;		top: 100%;
第60行：		第56行：
	z-index: 1000;		z-index: 1000;
	overflow: hidden;		overflow: hidden;
			/* 核心隐藏逻辑 */
			max-height: 0;
			opacity: 0;
			transition: max-height 0.3s ease, opacity 0.2s;
			pointer-events: none;
	}		}

	.gfl-item:hover .gfl-content,		.gfl-item:hover .gfl-content,
	.gfl-item:focus .gfl-content {		.gfl-item:focus .gfl-content {
	~~grid~~-~~template~~-~~rows~~: ~~1fr~~;		max-height: 500px;
			opacity: 1;
			pointer-events: auto;
	}		}

第71行：		第74行：
	flex-direction: column;		flex-direction: column;
	padding: 6px;		padding: 6px;
	~~min-height: 0;~~
	}		}

第103行：		第105行：
	}		}

			/* 移除最后三个项目的底边框，消除橙色粗条感 */
	.gfl-item:nth-last-child(-n+3) {		.gfl-item:nth-last-child(-n+3) {
	border-bottom: none;		border-bottom: none;
第109行：		第112行：
	.gfl-title {		.gfl-title {
	padding: 14px 2px;		padding: 14px 2px;
	~~border-bottom: none;~~
	}		}

	.gfl-content {		.gfl-content {
	width: 300%;		width: 300%;
	~~box-shadow: 0 4px 10px rgba(0,0,0,0.1);~~
	}		}

第120行：		第121行：
	.gfl-item:nth-child(3n) .gfl-content { left: -200%; }		.gfl-item:nth-child(3n) .gfl-content { left: -200%; }

			/* 恢复单列显示 */
	.gfl-links-wrap {		.gfl-links-wrap {
	display: ~~grid~~;		display: flex;
	~~grid~~-~~template~~-~~columns~~: ~~1fr 1fr~~;		flex-direction: column;
	~~gap~~: ~~6px~~;		}

			.gfl-links-wrap a {
			text-align: left;
			padding-left: 20px;
	}		}
	}		}

2026年5月7日 (四) 00:48 弃权者

2026-05-07T00:48:00Z

←上一版本		2026年5月7日 (四) 08:48的版本
第10行：		第10行：

	.gfl-logo-box {		.gfl-logo-box {
	width: ~~54px~~;		width: 50px;
	display: flex;		display: flex;
	align-items: center;		align-items: center;
第18行：		第18行：

	.gfl-logo-box img {		.gfl-logo-box img {
	max-height: ~~30px~~;		max-height: 28px;
	width: auto;		width: auto;
	}		}
第24行：		第24行：
	.gfl-item {		.gfl-item {
	flex: 1;		flex: 1;
	min-width: ~~80px~~;		min-width: 60px;
	position: relative;		position: relative;
	outline: none;		outline: none;
第37行：		第37行：
	color: var(--color-base, #202122);		color: var(--color-base, #202122);
	border-bottom: 2px solid transparent;		border-bottom: 2px solid transparent;
	transition: ~~color 0.2s, background-color~~ 0.2s;		transition: all 0.2s;
	}		}

第43行：		第43行：
	.gfl-item:focus .gfl-title {		.gfl-item:focus .gfl-title {
	color: #E6A23C;		color: #E6A23C;
			border-bottom-color: #E6A23C !important;
	background-color: var(--background-color-interactive-subtle, #eee);		background-color: var(--background-color-interactive-subtle, #eee);
	}		}
第88行：		第89行：
	.gfl-logo-box {		.gfl-logo-box {
	display: none;		display: none;
	}

	~~.gfl-nav-compact {~~
	~~border: 1px solid var(--border-color-base, #ccc);~~
	~~background-color: transparent;~~
	}		}

第113行：		第109行：
	.gfl-title {		.gfl-title {
	padding: 14px 2px;		padding: 14px 2px;
	~~font-weight: 500;~~
	border-bottom: none;		border-bottom: none;
	}		}

	.gfl-content {		.gfl-content {
	~~position: absolute;~~
	~~top: 100%;~~
	~~left: 0;~~
	width: 300%;		width: 300%;
	box-shadow: 0 4px ~~12px~~ rgba(0,0,0,0.2);		box-shadow: 0 4px 10px rgba(0,0,0,0.1);
	}		}

	~~/* 对应不同格子的弹出偏移 */~~
	.gfl-item:nth-child(3n-1) .gfl-content { left: -100%; }		.gfl-item:nth-child(3n-1) .gfl-content { left: -100%; }
	.gfl-item:nth-child(3n) .gfl-content { left: -200%; }		.gfl-item:nth-child(3n) .gfl-content { left: -200%; }
第132行：		第123行：
	display: grid;		display: grid;
	grid-template-columns: 1fr 1fr;		grid-template-columns: 1fr 1fr;
	gap: ~~4px~~;		gap: 6px;
	}		}
	}		}

2026年5月7日 (四) 00:44 弃权者

2026-05-07T00:44:28Z

←上一版本		2026年5月7日 (四) 08:44的版本
第36行：		第36行：
	font-size: 13px;		font-size: 13px;
	color: var(--color-base, #202122);		color: var(--color-base, #202122);
	transition: ~~all~~ 0.2s;		border-bottom: 2px solid transparent;
			transition: color 0.2s, background-color 0.2s;
	}		}

第48行：		第49行：
	display: grid;		display: grid;
	grid-template-rows: 0fr;		grid-template-rows: 0fr;
	transition: grid-template-rows 0.2s;		transition: grid-template-rows 0.3s ease;
	position: absolute;		position: absolute;
	top: 100%;		top: 100%;
第55行：		第56行：
	background-color: var(--background-color-base, #fff) !important;		background-color: var(--background-color-base, #fff) !important;
	border: 1px solid #E6A23C;		border: 1px solid #E6A23C;
			border-top: none;
	z-index: 1000;		z-index: 1000;
	overflow: hidden;		overflow: hidden;
	~~visibility: hidden;~~
	}		}

第63行：		第64行：
	.gfl-item:focus .gfl-content {		.gfl-item:focus .gfl-content {
	grid-template-rows: 1fr;		grid-template-rows: 1fr;
	~~visibility: visible;~~
	}		}

第70行：		第70行：
	flex-direction: column;		flex-direction: column;
	padding: 6px;		padding: 6px;
			min-height: 0;
	}		}

第102行：		第103行：
	}		}

	.gfl-item:nth-child(3n),		.gfl-item:nth-child(3n) {
	~~.gfl-item:last-child~~ {
	border-right: none;		border-right: none;
	}		}
第114行：		第114行：
	padding: 14px 2px;		padding: 14px 2px;
	font-weight: 500;		font-weight: 500;
			border-bottom: none;
	}		}

第124行：		第125行：
	}		}

			/* 对应不同格子的弹出偏移 */
	.gfl-item:nth-child(3n-1) .gfl-content { left: -100%; }		.gfl-item:nth-child(3n-1) .gfl-content { left: -100%; }
	.gfl-item:nth-child(3n) .gfl-content { left: -200%; }		.gfl-item:nth-child(3n) .gfl-content { left: -200%; }
第131行：		第133行：
	grid-template-columns: 1fr 1fr;		grid-template-columns: 1fr 1fr;
	gap: 4px;		gap: 4px;
	}

	~~.gfl-links-wrap a {~~
	~~background-color: var(--background-color-neutral-subtle, #f8f9fa);~~
	~~border: 1px solid var(--border-color-base, #ccc);~~
	}		}
	}		}

2026年5月7日 (四) 00:43 弃权者

2026-05-07T00:43:15Z

←上一版本		2026年5月7日 (四) 08:43的版本
第4行：		第4行：
	flex-wrap: wrap;		flex-wrap: wrap;
	position: relative;		position: relative;
	background-color: #~~fcfcfc~~;		background-color: var(--background-color-neutral-subtle, #f8f9fa);
	border: 1px solid #~~ddd~~;		border: 1px solid var(--border-color-base, #ccc);
	line-height: 1.5;		line-height: 1.5;
	}		}
第14行：		第14行：
	align-items: center;		align-items: center;
	justify-content: center;		justify-content: center;
	border-right: 1px solid ~~#ddd;~~		border-right: 1px solid var(--border-color-base, #ccc);
	~~background~~-color: #~~f8f9fa~~;
	}		}

	.gfl-logo-box img { max-height: 30px; width: auto; }		.gfl-logo-box img {
			max-height: 30px;
			width: auto;
			}

	.gfl-item {		.gfl-item {
第33行：		第35行：
	cursor: pointer;		cursor: pointer;
	font-size: 13px;		font-size: 13px;
	color: #~~333~~;		color: var(--color-base, #202122);
	transition: all 0.2s;		transition: all 0.2s;
	}		}

	.gfl-item:hover .gfl-title, .gfl-item:focus .gfl-title {		.gfl-item:hover .gfl-title,
			.gfl-item:focus .gfl-title {
	color: #E6A23C;		color: #E6A23C;
	background-color: #~~fff~~;		background-color: var(--background-color-interactive-subtle, #eee);
	}		}

第47行：		第50行：
	transition: grid-template-rows 0.2s;		transition: grid-template-rows 0.2s;
	position: absolute;		position: absolute;
	top: 100%; left: 0; width: 100%;		top: 100%;
	background: #fff !important;		left: 0;
			width: 100%;
			background-color: var(--background-color-base, #fff) !important;
	border: 1px solid #E6A23C;		border: 1px solid #E6A23C;
	z-index: 1000;		z-index: 1000;
第55行：		第60行：
	}		}

	.gfl-item:hover .gfl-content, .gfl-item:focus .gfl-content {		.gfl-item:hover .gfl-content,
			.gfl-item:focus .gfl-content {
	grid-template-rows: 1fr;		grid-template-rows: 1fr;
	visibility: visible;		visibility: visible;
	}		}

	.gfl-links-wrap { display: flex; flex-direction: column; padding: 6px; }		.gfl-links-wrap {
			display: flex;
			flex-direction: column;
			padding: 6px;
			}

	.gfl-links-wrap a {		.gfl-links-wrap a {
	display: block; padding: 8px; margin: 2px 0;		display: block;
	font-size: 12px; text-align: center;		padding: 8px;
	background-color: #~~f9f9f9~~;		margin: 2px 0;
	border: 1px solid #~~eee~~;		font-size: 12px;
	color: #3366ff !important;		text-align: center;
			background-color: var(--background-color-neutral-subtle, #f8f9fa);
			border: 1px solid var(--border-color-base, #ccc);
			color: var(--color-progressive, #3366ff) !important;
	text-decoration: none !important;		text-decoration: none !important;
	}		}

	@media (max-width: 768px) {		@media (max-width: 768px) {
	.gfl-logo-box { display: none; }		.gfl-logo-box {
			display: none;
			}

	.gfl-nav-compact {		.gfl-nav-compact {
	~~background~~-color: #~~fff~~;		border: 1px solid var(--border-color-base, #ccc);
	~~border~~: ~~1px solid #eee~~;		background-color: transparent;
	}		}

第82行：		第98行：
	width: 33.33% !important;		width: 33.33% !important;
	box-sizing: border-box;		box-sizing: border-box;
	border-right: 1px solid #~~eee~~;		border-right: 1px solid var(--border-color-base, #ccc);
	border-bottom: 1px solid #~~eee~~;		border-bottom: 1px solid var(--border-color-base, #ccc);
			}

			.gfl-item:nth-child(3n),
			.gfl-item:last-child {
			border-right: none;
	}		}

	~~.gfl-item:nth-child(3n), .gfl-item:last-child { border-right: none; }~~		.gfl-item:nth-last-child(-n+3) {
	.gfl-item:nth-last-child(-n+3) { border-bottom: none; }		border-bottom: none;
			}

	.gfl-title { padding: 14px 2px; font-weight: 500; }		.gfl-title {
			padding: 14px 2px;
			font-weight: 500;
			}

	.gfl-content {		.gfl-content {
	position: absolute;		position: absolute;
	top: 100%;		top: 100%;
	left: 0; width: 300%;		left: 0;
	~~border: 1px solid #E6A23C~~;		width: 300%;
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);		box-shadow: 0 4px 12px rgba(0,0,0,0.2);
	}		}

	~~/* 修正不同位置标题弹出层的对齐 */~~
	.gfl-item:nth-child(3n-1) .gfl-content { left: -100%; }		.gfl-item:nth-child(3n-1) .gfl-content { left: -100%; }
	.gfl-item:nth-child(3n) .gfl-content { left: -200%; }		.gfl-item:nth-child(3n) .gfl-content { left: -200%; }
第109行：		第133行：
	}		}

	.gfl-links-wrap a { ~~text~~-~~align~~: ~~center; padding: 10px 4px~~; border: 1px solid #~~eee; background: #fcfcfc~~; }		.gfl-links-wrap a {
			background-color: var(--background-color-neutral-subtle, #f8f9fa);
			border: 1px solid var(--border-color-base, #ccc);
			}
	}		}

2026年5月7日 (四) 00:41 弃权者

2026-05-07T00:41:37Z

显示更改