TeyvatGuide/src/assets/css/mys-parser.css

/*
 * @description 米游社解析 css
 * @since Alpha v0.1.1
 */
.mys-post-body {
	margin: 20px auto;
	width: 800px;
	font-family: "Genshin-Light", serif;
}

.mys-post-div {
	margin: 20px auto;
}

.mys-post-span {
	line-height: 2;
}

.mys-post-link {
	color: #00c3ff;
	text-decoration: none;
}

.mys-post-details {
	border: #35acce 2px solid;
	padding: 10px;
	border-radius: 10px;
}

.mys-post-details ::marker {
	color: #35acce;
	content: "✧";
}

.mys-post-divider {
	margin: 20px auto;
}

.mys-post-divider img {
	width: 800px;
	height: auto;
}

.mys-post-img {
	max-width: 100%;
	width: 800px;
	height: auto;
	border-radius: 10px;
}

.mys-post-vod {
	width: 800px;
	height: 450px;
	border-radius: 10px;
}

.mys-post-iframe {
	width: 800px;
	height: 450px;
	overflow: hidden;
	border: 0;
	border-radius: 10px;
}

.mys-post-link-card {
	width: 800px;
	height: 200px;
	padding: 10px;
	border-radius: 10px;
	display: flex;
	background: #faf7e8;
}

.mys-post-unknown {
	width: 800px;
	background: #5b738f;
	color: #faf7e8;
	font-family: Consolas, monospace;
	border-radius: 10px;
	padding: 10px;
	margin: 10px auto;
	border: 2px solid #485466;
}

.mys-post-link-card-cover {
	width: auto;
	height: 180px;
	border-radius: 10px;
}

.mys-post-link-card-cover img {
	max-width: 320px;
	width: auto;
	height: 180px;
	border-radius: 10px;
}

.mys-post-link-card-content {
	width: 100%;
	padding-left: 20px;
	height: 180px;
}

.mys-post-link-card-title {
	font-size: 20px;
	font-family: Genshin, serif;
	color: #546d8b;
	height: 150px;
}

.mys-post-link-card-price {
	font-size: 20px;
	font-weight: bold;
	color: #ff6d6d;
	display: inline-block;
}

.mys-post-link-card-btn {
	display: inline-block;
	float: right;
	color: #00c3ff;
	margin-right: 20px;
	text-decoration: none;
}