User:弃权者/Template:少女前线邮件/styles.css - 版本历史

2026年5月21日 (四) 10:15 弃权者

2026-05-21T10:15:09Z

←上一版本		2026年5月21日 (四) 18:15的版本
第84行：		第84行：
	font-size: var(--gfl-font-label);		font-size: var(--gfl-font-label);
	font-weight: 600;		font-weight: 600;
	~~color: var(--gfl-text-sub);~~
	letter-spacing: .06em;		letter-spacing: .06em;
	background: var(--gfl-bg-1);		background: var(--gfl-bg-1);
第191行：		第190行：
	transition: color .12s;		transition: color .12s;
	}		}
	~~.gfl-item:hover .gfl-chevron { color: var(--gfl-text-sub); }~~

	.gfl-detail {		.gfl-detail {
第238行：		第236行：
	border: 1px solid var(--gfl-border-1);		border: 1px solid var(--gfl-border-1);
	border-radius: var(--gfl-radius);		border-radius: var(--gfl-radius);
	~~color: var(--gfl-text);~~
	cursor: pointer;		cursor: pointer;
	padding: 5px 12px;		padding: 5px 12px;
第254行：		第251行：
	.gfl-detail-time {		.gfl-detail-time {
	font-size: 12px;		font-size: 12px;
	~~color: var(--gfl-text-sub);~~
	white-space: nowrap;		white-space: nowrap;
	flex-shrink: 0;		flex-shrink: 0;
第275行：		第271行：
	font-size: 15px;		font-size: 15px;
	font-weight: 500;		font-weight: 500;
	~~color: var(--gfl-text-em);~~
	white-space: nowrap;		white-space: nowrap;
	flex-shrink: 0;		flex-shrink: 0;
第299行：		第294行：
	.gfl-date-row {		.gfl-date-row {
	font-size: var(--gfl-font-meta);		font-size: var(--gfl-font-meta);
	~~color: var(--gfl-text-sub);~~
	margin-bottom: 14px;		margin-bottom: 14px;
	padding-bottom: 10px;		padding-bottom: 10px;
第308行：		第302行：
	font-size: var(--gfl-font-body);		font-size: var(--gfl-font-body);
	line-height: 1.9;		line-height: 1.9;
	~~color: var(--gfl-text);~~
	white-space: pre-wrap;		white-space: pre-wrap;
	}		}

2026年5月21日 (四) 10:13 弃权者

2026-05-21T10:13:43Z

←上一版本		2026年5月21日 (四) 18:13的版本
第43行：		第43行：
	height:auto;		height:auto;
	font-size: var(--gfl-font-body);		font-size: var(--gfl-font-body);
	~~color: var(--gfl-text);~~
	overflow: visible;		overflow: visible;
	}		}
第54行：		第53行：
	position: relative;		position: relative;
	width: 100%;		width: 100%;
	background: var(--~~gfl~~-bg-0);		background: var(--color-surface-2);
	border: 1px solid var(--gfl-border-1);		border: 1px solid var(--gfl-border-1);
	border-radius: 6px;		border-radius: 6px;
第100行：		第99行：
	cursor: pointer;		cursor: pointer;
	transition: background .12s;		transition: background .12s;
	background: var(--~~gfl~~-bg-1);		background: var(--color-surface-1);
	}		}
	.gfl-item:last-child { border-bottom: none; }		.gfl-item:last-child { border-bottom: none; }
第167行：		第166行：

	.gfl-subject {		.gfl-subject {
	~~color: var(--gfl-text-em);~~
	font-size: 15px;		font-size: 15px;
	font-weight: 500;		font-weight: 500;
第185行：		第183行：
	.gfl-date {		.gfl-date {
	font-size: var(--gfl-font-meta);		font-size: var(--gfl-font-meta);
	~~color: var(--gfl-text-sub);~~
	flex-shrink: 0;		flex-shrink: 0;
	}		}
第191行：		第188行：
	.gfl-chevron {		.gfl-chevron {
	font-size: 16px;		font-size: 16px;
	~~color: var(--gfl-border-2);~~
	flex-shrink: 0;		flex-shrink: 0;
	transition: color .12s;		transition: color .12s;
第202行：		第198行：
	display: flex;		display: flex;
	flex-direction: column;		flex-direction: column;
	background: var(--~~gfl~~-bg-0);		background: var(--color-surface-1);
	border: 1px solid var(--gfl-border-1);		border: 1px solid var(--gfl-border-1);
	border-radius: 6px;		border-radius: 6px;
第230行：		第226行：
	gap: 10px;		gap: 10px;
	padding: 10px 16px;		padding: 10px 16px;
	background: var(--~~gfl~~-bg-1);		background: var(--color-surface-2);
	border-bottom: 1px solid var(--gfl-border-1);		border-bottom: 1px solid var(--gfl-border-1);
	border-radius: 5px 5px 0 0;		border-radius: 5px 5px 0 0;
第239行：		第235行：

	.gfl-back-btn {		.gfl-back-btn {
	background: var(--~~gfl~~-bg-2);		background: var(--color-surface-1);
	border: 1px solid var(--gfl-border-1);		border: 1px solid var(--gfl-border-1);
	border-radius: var(--gfl-radius);		border-radius: var(--gfl-radius);
第297行：		第293行：
	padding: 18px 230px 18px 20px;		padding: 18px 230px 18px 20px;
	overflow-y: auto;		overflow-y: auto;
	background: var(--~~gfl~~-bg-0);		background: var(--color-surface-1);
	z-index: 2;		z-index: 2;
	}		}

2026年5月21日 (四) 00:51 弃权者

2026-05-21T00:51:20Z

←上一版本		2026年5月21日 (四) 08:51的版本
第1行：		第1行：
	~~/* ===== 主题变量 ===== */~~
	.gfl-mail {		.gfl-mail {
	--gfl-bg-0: var(--background-body, #0d0e12);		--gfl-bg-0: var(--background-body, #0d0e12);
第286行：		第285行：


	~~/* ===== 正文 + 立绘区域 ===== */~~
	.gfl-detail-body-wrap {		.gfl-detail-body-wrap {
	flex: 1;		flex: 1;
	position: relative;		position: relative;
	overflow: visible; ~~/* 立绘可以溢出到外壳顶部 */~~		overflow: visible;
	min-height: 0;		min-height: 0;
	}		}

	~~/* 正文区：独立滚动，右侧留白给立绘 */~~
	.gfl-detail-body {		.gfl-detail-body {
	position: absolute;		position: absolute;

2026年5月21日 (四) 00:50 弃权者

2026-05-21T00:50:08Z

←上一版本		2026年5月21日 (四) 08:50的版本
第10行：		第10行：
	--gfl-text-sub: var(--color-subtle, #7a7f9a);		--gfl-text-sub: var(--color-subtle, #7a7f9a);
	--gfl-radius: var(--border-radius, 4px);		--gfl-radius: var(--border-radius, 4px);
	--gfl-font-body: ~~14px~~;		--gfl-font-body: auto;
	--gfl-font-meta: 12px;		--gfl-font-meta: 12px;
	--gfl-font-label: 11.5px;		--gfl-font-label: 11.5px;

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

2026-05-21T00:49:28Z

←上一版本		2026年5月21日 (四) 08:49的版本
第129行：		第129行：

	.gfl-icon::before {		.gfl-icon::before {
	width: ~~22px~~;		width: 36px;
	height: ~~22px~~;		height: 32px;
	}		}

	.gfl-detail-icon::before {		.gfl-detail-icon::before {
	width: ~~16px~~;		width: 22px;
	height: ~~16px~~;		height: 20px;
	}		}

2026年5月21日 (四) 00:47 弃权者

2026-05-21T00:47:01Z

@@ 第105行： / 第105行： @@
 .gfl-item:last-child { border-bottom: none; }
 .gfl-item:hover      { background: var(--gfl-bg-2); }
 .gfl-icon,

2026年5月21日 (四) 00:45 弃权者

2026-05-21T00:45:45Z

←上一版本		2026年5月21日 (四) 08:45的版本
第106行：		第106行：
	.gfl-item:hover { background: var(--gfl-bg-2); }		.gfl-item:hover { background: var(--gfl-bg-2); }

	.gfl-icon {		.gfl-icon,
	~~width~~: ~~38px~~;		.gfl-detail-icon {
	~~height~~: ~~38px~~;		background: none;
	~~background~~: ~~var(--~~gfl-bg-2);		border: none;
	~~border~~: ~~1px solid var(--gfl-border-1)~~;		}
	~~border~~-~~radius~~: ~~var~~(--~~gfl~~-~~radius~~);
	~~display~~: ~~flex~~;		.gfl-icon::before,
	~~align~~-~~items~~: center;		.gfl-detail-icon::before {
	~~justify~~-~~content~~: ~~center~~;		content: '';
	~~flex~~-~~shrink~~: 0;		display: block;
	~~font~~-~~size~~: ~~17px;~~		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a7f9a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpolyline points='3,5 12,13 21,5'/%3E%3C/svg%3E");
	~~color~~: ~~var~~(--~~gfl~~-~~text-sub~~);		background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
			}

			.skin-citizen-light .gfl-icon::before,
			.skin-citizen-light .gfl-detail-icon::before {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7080' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpolyline points='3,5 12,13 21,5'/%3E%3C/svg%3E");
	}		}

			@media (prefers-color-scheme: light) {
			.gfl-icon::before,
			.gfl-detail-icon::before {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7080' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpolyline points='3,5 12,13 21,5'/%3E%3C/svg%3E");
			}
			}
	.gfl-meta { flex: 1; min-width: 0; }		.gfl-meta { flex: 1; min-width: 0; }

第211行：		第224行：
	}		}
	.gfl-back-btn:hover { background: var(--gfl-border-1); }		.gfl-back-btn:hover { background: var(--gfl-border-1); }

	~~.gfl-detail-icon {~~
	~~width: 30px;~~
	~~height: 30px;~~
	~~background: var(--gfl-bg-2);~~
	~~border: 1px solid var(--gfl-border-1);~~
	~~border-radius: var(--gfl-radius);~~
	~~display: flex;~~
	~~align-items: center;~~
	~~justify-content: center;~~
	~~font-size: 15px;~~
	~~color: var(--gfl-text-sub);~~
	~~flex-shrink: 0;~~
	}

	.gfl-detail-time {		.gfl-detail-time {

2026年5月21日 (四) 00:33 弃权者

2026-05-21T00:33:03Z

←上一版本		2026年5月21日 (四) 08:33的版本
第223行：		第223行：
	font-size: 15px;		font-size: 15px;
	color: var(--gfl-text-sub);		color: var(--gfl-text-sub);
			flex-shrink: 0;
			}

			.gfl-detail-time {
			font-size: 12px;
			color: var(--gfl-text-sub);
			white-space: nowrap;
	flex-shrink: 0;		flex-shrink: 0;
	}		}
第229行：		第236行：
	flex: 1;		flex: 1;
	min-width: 0;		min-width: 0;
			display: flex;
			align-items: baseline;
			gap: 8px;
			overflow: hidden;
			}

			.gfl-detail-title-wrap:hover {
			overflow-x: auto;
	}		}

第236行：		第251行：
	color: var(--gfl-text-em);		color: var(--gfl-text-em);
	white-space: nowrap;		white-space: nowrap;
	~~overflow: hidden;~~		flex-shrink: 0;
	~~text~~-~~overflow: ellipsis;~~
	~~display~~: ~~block~~;
	}		}


	/* ===== 正文 + 立绘区域 ===== */		/* ===== 正文 + 立绘区域 ===== */

2026年5月21日 (四) 00:25 弃权者

2026-05-21T00:25:23Z

←上一版本		2026年5月21日 (四) 08:25的版本
第271行：		第271行：
	line-height: 1.9;		line-height: 1.9;
	color: var(--gfl-text);		color: var(--gfl-text);
			white-space: pre-wrap;
	}		}

2026年5月21日 (四) 00:22 弃权者

2026-05-21T00:22:11Z

←上一版本		2026年5月21日 (四) 08:22的版本
第124行：		第124行：
	.gfl-subject {		.gfl-subject {
	color: var(--gfl-text-em);		color: var(--gfl-text-em);
	font-size: ~~var(--gfl-font-body)~~;		font-size: 15px;
	font-weight: 500;		font-weight: 500;
	white-space: nowrap;		white-space: nowrap;