@charset "utf-8";

/* =朋友页面
-------------------------------------------------------------- */
.page-template-friends :where(.link-name, .link-des, .rss-name) {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;text-transform: capitalize;word-break: break-all;}
/* 列表 */
.page-template-friends .linkcat {width: 100%;height: 100%;overflow: auto;display: none;}
.page-template-friends .link-items {display: grid;margin: 0;gap: var(--thyuu--size-divs);grid: auto / repeat(auto-fill, minmax(min(var(--thyuu--size-card-normal),100%), 1fr));}
.page-template-friends .link-item {--plant-rgb: 100 100 100;--plant-rgb-sub: 144 144 144;position: relative;font-size: var(--thyuu--size-small);background: var(--thyuu--color-back-white);border-radius: var(--thyuu--size-radius);box-shadow: var(--thyuu--shadow-white);transition: .5s;content-visibility: auto;contain-intrinsic-size: auto 200px;overflow: hidden;}
.page-template-friends .link-item[rating="10"] {--plant-fc: white;--plant-rgb: 238 66 20; --plant-rgb-sub: 296 144 43;}
.page-template-friends .link-item[rating="9"] {--plant-fc: white; --plant-rgb: 221 144 43; --plant-rgb-sub: 214 144 65;}
.page-template-friends .link-item[rating="8"] {--plant-fc: white; --plant-rgb: 221 144 43; --plant-rgb-sub: 114 17 13;}
.page-template-friends .link-item[rating="7"] {--plant-fc: white;--plant-rgb: 224 72 49; --plant-rgb-sub: 147 30 25;}
.page-template-friends .link-item:is([rating="5"],[rating="6"]) {--plant-fc: rgb(0 60 0);--plant-rgb: 125 193 202; --plant-rgb-sub: 193 199 93;}
.page-template-friends .link-item:is([rating="3"],[rating="4"]) {--plant-fc: rgb(0 50 70);--plant-rgb: 146 190 192; --plant-rgb-sub: 107 154 177;}
.page-template-friends .link-item:is([rating="1"],[rating="2"]) {--plant-fc: rgb(0 30 70);--plant-rgb: 154 184 222; --plant-rgb-sub: 98 128 153;}
.page-template-friends .link-item:hover {z-index: 2;box-shadow: var(--thyuu--shadow-normal), 0 2rem 2rem -2rem rgb(var(--plant-rgb-sub) / .2);}
.page-template-friends .link-item:active {scale: .98;}
.page-template-friends .link-card {--avatar-size: 2rem;position: relative;display: flex;flex-direction: row;align-items: flex-end;justify-content: space-between;margin: 1rem;gap: 2em 1em;}
.page-template-friends :where(.link-item .avatar,.rss-item .avatar) {flex: none;transition: all .5s;background: white;box-shadow: 0 0 15px 0px rgb(0 0 0 / 10%);box-shadow: 0 0 5rem .5rem rgb(var(--plant-rgb) / .4), 0 0.5rem 1rem 0rem rgb(var(--plant-rgb-sub) / .2);outline: .2rem solid rgb(var(--plant-rgb) / .1);}
.page-template-friends .link-des {word-break: break-all;overflow-wrap: anywhere;opacity: .5;}
.page-template-friends .link-nav span {font-size: var(--thyuu--size-small);color: hsl(var(--thyuu--color-font) / .5);background: var(--thyuu--color-back-white);border-radius: 1em;box-shadow: var(--thyuu--shadow-white);padding: 1em;line-height: 1;}
.page-template-friends .link-info {position: relative;display: flex;flex-direction: column;gap: 1em;transform-origin: right;transition: .3s;}
.page-template-friends .link-bg {width: 100%;height: 100%;object-position: top left;object-fit: cover;position: absolute;inset: 0;transition: .5s;filter:opacity(0) !important;transform: translateY(1rem);border-radius: var(--thyuu--size-radius);border: .2rem solid rgb(var(--plant-rgb) / .15);background: var(--thyuu--color-back-white);}
.page-template-friends .note-time {flex: none;--plant-bg-lg: linear-gradient(135deg,rgb(var(--plant-rgb) / .7),rgb(var(--plant-rgb-sub) / .7));background: var(--plant-bg-lg, var(--plant-fc, hsl(var(--thyuu--color-font) / .4)));-webkit-text-fill-color: transparent;-webkit-background-clip: text;text-align: right;}
.page-template-friends .link-edit {position: absolute;right: 1rem;top: 1rem;}
.page-template-friends .link-edit a {font-family: thyuu-iconfont;font-size: var(--thyuu--size-icon);line-height: var(--thyuu--size-icon);color: rgb(var(--plant-rgb-sub) / .2);background: none !important;}
.page-template-friends .link-rss {display: flex;flex-direction: column;justify-content: flex-end;gap: 1em;padding: 1em;transition: .3s;}
.page-template-friends .link-item:hover .link-bg {transform: none;filter: none !important;}
.page-template-friends .link-bg:hover {width: 100%;border-color: rgb(var(--plant-rgb) / .5);}
.page-template-friends .link-item:hover .link-info {opacity: 0;transform: translateY(-1rem);z-index: -1;}
.page-template-friends .rss-list {position: relative;padding: 0 0 0 1.5em;color: hsl(var(--thyuu--color-font) / .5);max-height: 100%;overflow: hidden;word-break: break-all;transition: .3s;}
.page-template-friends .rss-list:hover {color: rgb(var(--plant-rgb));}
.page-template-friends .rss-list::before {opacity: .15;content: "";position: absolute;width: .4em;height: calc(100% - .5em);inset: 0 auto 0 0;margin: auto;border-radius: .4em;background: linear-gradient(135deg,rgb(var(--plant-rgb)),rgb(var(--plant-rgb-sub)));transition: .5s;}
.page-template-friends .rss-list:hover::before {opacity: .5;}
.page-template-friends #org :is(.link-rss, .note-time) {display: none;}
/* 列表2 */
.page-template-friends .friend-rss {animation: var(--animation);animation-delay: .7s;}
.page-template-friends .rss-items {display: grid;gap:1em;grid:auto / repeat(auto-fill, minmax(min(var(--thyuu--size-card-normal),100%), 1fr));margin:0;}
.page-template-friends .no-rss-item, .rss-item {display:flex;flex-direction:column;justify-content:space-between;gap:.5em;background: var(--thyuu--color-back-white);border-radius: var(--thyuu--size-radius);overflow: hidden;box-shadow: var(--thyuu--shadow-white);padding:var(--thyuu--size-span);}
.page-template-friends .rss-card {word-break: break-all;overflow-wrap: anywhere;display: flex;flex-direction: column;gap: .5em;}
.page-template-friends .rss-des {color: hsl(var(--thyuu--color-font) / .5);font-size: var(--thyuu--size-small);}
.page-template-friends .rss-info {display: flex;flex-direction: row;align-items: center;gap: 0 .5em;justify-content: space-between;font-size: var(--thyuu--size-small);}
.page-template-friends .rss-item .rss-date span {display: inline-block;background: var(--thyuu--color-back-font);padding: .5em;line-height: 1;border-radius: var(--thyuu--size-radius);font-size: var(--thyuu--size-small);}
.page-template-friends .rss-item .rss-avatar {display: flex;gap: .5em;}
.page-template-friends .rss-item:hover .avatar {scale: .9;}
.page-template-friends #add {display: grid;grid: auto / 1fr;width: 100%;place-items: start;gap: 1rem;background: radial-gradient(circle at 25% 65%,hsl(var(--thyuu--main-color) / .2),#0000 25%) no-repeat fixed, radial-gradient(circle at 75% 35%,hsl(var(--thyuu--subs-color) / .2),#0000 25%) no-repeat fixed,var(--thyuu--color-back-have);overflow: auto;}
.page-template-friends .my-ask {max-width: 60em;}
.page-template-friends .my-info {position: relative;display: flex;flex-direction: column;gap: 1rem;}
.page-template-friends .my-info ul {display: flex;flex-flow: column;gap: .5em;margin: 0 0 0 1rem;}
.page-template-friends .my-info li {position: relative;transition: .3s;}
.page-template-friends .my-info li:hover {color:hsl(var(--thyuu--main-color) / .7);}
.page-template-friends .my-info li::before {content: "";width: 6px;height: 150%;background: linear-gradient(180deg,#0000,hsl(var(--thyuu--main-color) / 20%),#0000) no-repeat center / 2px 100%, radial-gradient(circle,hsl(var(--thyuu--main-color) / 70%) 50%,#0000 50%) no-repeat center / 6px 6px;position: absolute;top: 0;left: -1rem;bottom: 0;margin: auto;transition: .5s;}
.page-template-friends .my-info em {font-size: var(--thyuu--size-small);margin: 0 1em;}
.page-template-friends #copySuccessMessage {position: fixed;border-radius: 2em;font-size: var(--thyuu--size-small);inset: auto auto var(--thyuu--size-edgelr);}
.page-template-friends .friend-order,.friend-form {margin: 1em 0 0;}
.page-template-friends .friend-form ul {display: flex;flex-direction: column;margin: 1rem 0;gap: 1em;}
.page-template-friends .friend-form em,.wpcf7-not-valid-tip {color: hsl(var(--thyuu--main-color));margin: .5em;font-size: var(--thyuu--size-small);vertical-align: middle;display: inline-block;}
.page-template-friends .friend-form ul em {display: block;margin: .5em 0 0;color: hsl(var(--thyuu--color-font) / .5);}
.page-template-friends .wpcf7-list-item {font-size: var(--thyuu--size-medium);margin: 0 2em 0 0;}
.page-template-friends .wpcf7 form .wpcf7-response-output {margin-inline: 0;border-radius: var(--thyuu--size-radius);}
.page-template-friends button.close {position: sticky;inset: auto auto 0 0;}
@media (min-width: 1152px) {
	.page-template-friends .link-card {flex-direction: column;align-items: flex-start;padding-inline: .5rem;}
	.page-template-friends .link-card:hover + .link-rss {opacity: 0;transform: translateX(1rem);}
	.page-template-friends .note-time {text-align: left;}
	.page-template-friends .link-bg, .page-template-friends .link-info {width: 50%;}
	.page-template-friends .link-rss {position: absolute;width: 50%;inset: 0 0 0 auto;}
	.page-template-friends #add {grid: auto / 1fr 2fr;}
	.page-template-friends .my-info {position: sticky;top: 0;height: calc(100vh - var(--thyuu--size-edgetb)* 2);justify-content: center;}
}
@media (max-width: 640px) {
	.page-template-friends .rss-list {display: flex;gap: 1em;}
}

/* =文档页面
-------------------------------------------------------------- */
@media (min-width: 1152px) {
	.page-template-doc .site-main{position:relative;width:55%;animation:board-entryBG 2s cubic-bezier(.62,.21,.25,1) 1s backwards}
	.page-template-doc .site-header{position:fixed;right:0;width:45%;top:0;margin:0;border-radius:0;height:100%;animation:board-siteBG 2s cubic-bezier(.62,.21,.25,1) 1s backwards;box-shadow:inset rgb(0 0 0 / 50%) .5rem 0 1rem 0}
	.page-template-doc:not(.nav-fixed) .header-area .site-icon :not(.post-menu){--thyuu--color-font-head:hsl(0deg 0% 100% / 75%);--thyuu--color-font-fill:hsl(0deg 0% 0% / 75%);--s-shadow:var(--thyuu--shadow-text)}
	@keyframes board-entryBG{0%{left:-60%}100%{left:0}}
	@keyframes board-siteBG{0%{width:100%}100%{width:45%}}
}

/* =页面列表
-------------------------------------------------------------- */
.page-list li{background:var(--thyuu--color-back-white);box-shadow:var(--thyuu--shadow-white);position:relative;border-radius:var(--thyuu--size-radius);display:flex;flex-direction:column;overflow:hidden}
.page-list img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--thyuu--size-radius);vertical-align:middle}
.page-list time {display: block;color: hsl(var(--thyuu--color-font) / .5);font-size: var(--thyuu--size-small);}
.page-list .info{box-shadow:0 10px 30px 0 rgb(0 0 0 / 5%);position:relative;border-radius:0 0 250px var(--thyuu--size-radius)/0 0 50px var(--thyuu--size-radius);padding:1em}
.page-list .excerpt{--line-num:2;font-size:var(--thyuu--size-medium);margin:1em;opacity:.6}
.page-list .button{position:absolute;right:1.5em;bottom:0}

/* =走心评论页面
-------------------------------------------------------------- */
.mindful-bg{max-width:1920px;position:fixed;top:0;margin:0 auto;height:100%;z-index:-1;left:0;right:0}
.mindful-bg3,.mindful-bg4,.mindful-bg2{position:absolute;transform:rotate(35deg);z-index:-1;border-radius:10%;background:#eee}
.mindful-bg2{left:-10vh;width:80vh;height:80vh;top:-20vh;animation:rotate 100s linear infinite;box-shadow:0 0 10rem 1rem rgba(66,189,86,.1);background:rgba(66,189,86,.1)}
.mindful-bg3{width:35vh;height:35vh;bottom:-20vh;animation:rotate 120s linear infinite;box-shadow:0 0 10rem 3rem rgba(35,132,232,.1);background:rgba(35,132,232,.1)}
.mindful-bg4{width:40vh;height:40vh;top:5rem;right:-20vh;animation:rotate 160s linear infinite reverse;box-shadow:0 0 10rem 3rem rgba(255,105,0,.1);background:rgba(255,105,0,.1)}
.mindful-list {
	columns: var(--thyuu--size-card-normal);
	gap: var(--thyuu--size-divs);
	display: block;
}
.mindful-list li{break-inside: avoid;position: relative;display:flex;justify-content: space-between;flex-direction:column;padding: var(--thyuu--size-span);margin: 0 0 var(--thyuu--size-divs);background: var(--thyuu--color-back-shift, hsl(0deg 0% 100% / .8));-webkit-backdrop-filter: blur(20px) saturate(1.5);backdrop-filter: blur(20px) saturate(1.5);box-shadow: var(--thyuu--shadow-white);border-radius: var(--thyuu--size-radius);font-size: var(--thyuu--size-medium);}
.mindful-list li:last-child {margin: 0;}
.mindful-list header{display: flex;align-items: center;justify-content: space-between;--avatar-size:2.5em;}
.mindful-list article{text-align: justify;margin:-.5em -1em;padding: 1em;mask: var(--thyuu--mask-scroll-y);overflow:auto}
.mindful-list :where(time, footer){--line-num:2;color: hsl(var(--thyuu--color-font) / .5);font-size:var(--thyuu--size-small);display: flex;align-items: center;padding-right: 3.5em;}
.mindful-list .button {position: absolute;right: 1.5em;}

@media (min-width: 1152px) {
	[plots=expand] .mindful-list{
		--side-width:calc(clamp(15em, 15vw, var(--thyuu--size-card-normal)) + var(--thyuu--size-edgelr)*2);
		--part-height: calc(100vh - var(--thyuu--size-edgetb) - var(--thyuu--size-span));
		position:relative;
		display: grid;
		grid:auto-flow var(--thyuu--size-card-normal) / var(--thyuu--size-card-normal);
		align-items:center;
		place-content: start center;
		width:var(--part-height);
		height:calc(100vw - var(--side-width));gap: var(--thyuu--size-edgelr);top:var(--part-height);
		margin: 0 calc(var(--thyuu--size-edgelr)* -1) calc(var(--part-height)* -1);
		padding:var(--thyuu--size-edgelr);
		scroll-snap-type:y mandatory;
		scroll-snap-stop:always;
		scroll-padding:var(--thyuu--size-edgelr);
		mask:linear-gradient(#0000,#000 var(--thyuu--size-edgelr),#000 calc(100% - var(--thyuu--size-edgelr)),#0000);transform:rotate(-90deg);
		transform-origin:top left;
		overflow:auto
	}
	[plots=expand] .mindful-list li{margin: 0;max-height:70vh;transform:rotate(88deg) translate(1rem) scale(1.1);transform-origin:center;scroll-snap-align:start}
	[plots=expand] .mindful-list :is(li.fade-after, .thyuu-noone) {transform:rotate(90deg)}
}

/* =留言页面
-------------------------------------------------------------- */
.page-template-board .bg-box{width:100%;height:80%;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;transition:1s;background: var(--custom-rand-bg) 50% / cover;z-index:-1}
.page-template-board .bg-box .media{position:absolute;width: 100%;height:100%;object-fit: cover;}
.page-template-board :where(.lines,.stars){height: 100%;position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:none;aspect-ratio:1}
.page-template-board .lines{-webkit-mask:linear-gradient(180deg,#000c 10%,#0000 40%)}
.page-template-board .line{width:50%;background:rgb(186 156 255 / .04);border:1px solid rgb(186 156 255 / .3);aspect-ratio:1;position:absolute;border-radius:45%;animation:rotate 20s linear infinite}
.page-template-board .line.l2{width:75%;animation-direction:alternate-reverse}
.page-template-board .line.l3{width:100%}
.page-template-board .stars{-webkit-mask:radial-gradient(50% 50% at 50% 50%,#0000 25%,#000 50%,#000c 75%,#0000 100%) 0 0/cover;animation:StarsRotate 25s linear infinite}
.page-template-board .star{position:absolute;width:3px;height:3px;display:block;border-radius:50%;background:rgb(255 255 255 / 0);transform:translateZ(0) var(--transform) scale(1);animation:StarsTwinkle var(--duration) linear infinite var(--delay)}
.page-template-board .star:nth-child(2n) {opacity: .5;}
.page-template-board .star:nth-child(4n+1) {--duration: 8s; --delay: .1s;}
.page-template-board .star:nth-child(4n+2) {--duration: 7s; --delay: .2s;}
.page-template-board .star:nth-child(4n+3) {--duration: 6s; --delay: .3s;}
.page-template-board .star:nth-child(4n+4) {--duration: 5s; --delay: .4s;}
.page-template-board .star.s1 {--transform: translate(0, -500px);}
.page-template-board .star.s2 {--transform: translate(500px, -500px);}
.page-template-board .star.s3 {--transform: translate(500px, 0);}
.page-template-board .star.s4 {--transform: translate(500px, 500px);}
.page-template-board .star.s5 {--transform: translate(0, 500px);}
.page-template-board .star.s6 {--transform: translate(-500px, 500px);}
.page-template-board .star.s7 {--transform: translate(-500px, 0);}
.page-template-board .star.s8 {--transform: translate(-500px, -500px);}
.page-template-board .star.s11 {--transform: translate(100px, -250px);}
.page-template-board .star.s22 {--transform: translate(250px, -250px);}
.page-template-board .star.s33 {--transform: translate(250px, 100px);}
.page-template-board .star.s44 {--transform: translate(250px, 250px);}
.page-template-board .star.s55 {--transform: translate(100px, 250px);}
.page-template-board .star.s66 {--transform: translate(-250px, 250px);}
.page-template-board .star.s77 {--transform: translate(-250px, 100px);}
.page-template-board .star.s88 {--transform: translate(-250px, -250px);}
.page-template-board .site-main {
	position: relative;
	z-index: 2;
	margin-top: 40vh;
	-webkit-backdrop-filter: blur(1em);
	backdrop-filter: blur(1em);
	padding: var(--thyuu--size-edgelr);
	border-top: thin solid hsl(var(--thyuu--color-font) / .1);
	border-radius: var(--thyuu--size-radius);
}
.page-template-board .site-main > * {
	width: min(var(--thyuu--size-content), 100%);
	margin-inline: auto;
}
.page-template-board.nav-fixed .bg-box {
	transform: scale(2) translateY(-40%);
}
@supports (animation-timeline: view()) {
	.page-template-board.nav-fixed .bg-box {
		transform: none;
		animation: template-board-bg forwards;
		animation-timeline: view(block 0 100vh);
	}
	@keyframes template-board-bg {
		to{transform: scale(2) translateY(-40%);}
	}
}
@media (min-width: 1152px) {
	.page-template-board .bg-box{height:100%;}
	.page-template-board .site-main {margin-top: 50vh;}
}
@keyframes StarsTwinkle {
	0% {background: rgba(255,255,255,0);}
	10% {background: rgb(255,255,255) }
	to {background: rgb(255,255,255); transform: translateZ(0) translate(0) scale(.5)}
}
@keyframes StarsRotate {
	0% {transform: rotate(0)}
	to {transform: rotate(-360deg)}
}

/* =归档页面
-------------------------------------------------------------- */
.page-template-archive .page-article {
	display: block;
	font-size: var(--thyuu--size-medium);
	columns: var(--thyuu--size-card-normal) 3;
	margin: auto;
}
.page-template-archive .post-year{
	break-inside: avoid;
}
.page-template-archive .post-year:not(:last-child) {
	margin: 0 0 2em;
}
.page-template-archive .post-list{
	display: flex;
	flex-flow: column;
	gap: .75em;
	background: var(--thyuu--color-back-white, rgb(255 255 255 / .7));
	box-shadow: var(--thyuu--shadow-white);
	border-radius: var(--thyuu--size-radius);
	padding: var(--thyuu--size-span);
}
.page-template-archive .post-list li{
	display:flex;
}
.page-template-archive .post-list time{
	color:hsl(var(--thyuu--main-color) / .5);flex:0 0 3em;
}
/* =豆瓣页面
-------------------------------------------------------------- */
.page-template-douban {
	--db-main-color: hsl(var(--thyuu--main-color) / 70%);
	--db-hover-color: hsl(var(--thyuu--main-color) / 70%);
	--db--text-color: hsl(var(--thyuu--color-font) / var(--thyuu--alpha-font));
	--db--text-color-light: var(--thyuu--alpha-font);
	transition: .3s;
}
.page-template-douban.nav-fixed {
	--thyuu--color-font: 0deg 0% 100%;
	--thyuu--alpha-font: 75%;
	--thyuu--color-back-font: rgb(255 255 255 / .05);
	--thyuu--color-back-shift: rgb(255 255 255 / .05);
	--thyuu--color-back-white: rgb(255 255 255 / .1);
	--thyuu--color-back-have: #000;
	--thyuu--color-font-fill: var(--thyuu--color-back-have);
	--thyuu--color-font-head: hsl(0deg 0% 100% / 75%);
}
.db--navItem {
	font-size: 1em;
}
.db--nav, .db--type {
	margin: 1em auto;
	padding: 0;
	width: fit-content;
}
.db--type {
	position: fixed;
	inset: auto var(--thyuu--size-edgelr) 0;
	z-index: 3;
	flex-flow: row-reverse;
	animation: var(--animation);
	animation-delay: .5s;
}
.db--typeItem {
	color: inherit;
	background: var(--thyuu--color-back-shift, #ffffffb3);
	-webkit-backdrop-filter: saturate(1.8) blur(20px);
	backdrop-filter: saturate(1.8) blur(20px);
}
.db--genres {
	margin: 0 auto 1.5em;
	width: fit-content;
	padding: .5em;
	gap: .5em .25em;
	justify-content: center;
	background: var(--thyuu--color-back-font);
	border-radius: var(--thyuu--size-radius);
}
.db--genreItem {
	font-size: var(--thyuu--size-medium);
	margin: 0;
	background: none;
	border-radius: 2em;
	padding: .5em;
	line-height: 1;
	transition: .3s;
}
.db--list,.db--dateList__card {
	position: relative;
	display: grid;
	grid: auto-flow min(var(--thyuu--size-card-normal)*1.6,70vw) / repeat(auto-fit, minmax(min(var(--thyuu--size-card-normal)*.9, 50% - 1em), 1fr));
	gap: .5em;
	overflow: hidden;
	animation: var(--animation);
	transition: .1s;
}
.db--list__card {
	gap: 1em;
	grid: auto / 1fr;
}
.db--listBydate{
	display:block;
	margin: 0;
}
.db--titleDate{
	width: 100%;
	flex-direction:row-reverse;
	justify-content: center;
	margin: 0;
}
.db--titleDate__day, .db--titleDate__month {
	font-size: 3em;
	line-height: 1;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 1px hsl(var(--thyuu--color-font) / .3);
	-webkit-mask: linear-gradient(#000 80%, #0000 80%);
	margin: 0 0 -.2em;
}
.db--title a:hover {
	text-decoration: none;
}
.db--item {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: flex-end;
	align-items: center;
	text-align: center;
	width: 100%;
	height: 100%;
	padding: 1em;
	gap: .5em;
	margin: 0;
	border-radius: var(--thyuu--size-radius);
	background: #000;
	overflow: hidden;
}
.db--container .db--score, .db--container .db--title, .db--container .ipc-signpost {
	position: relative;
	padding: .5em 1em;
	margin: 0;
	border-radius: 1em;
	line-height: 1;
	font-weight: 400;
	color: white;
	width: auto;
}
.db--container .db--score, .db--container .ipc-signpost {
	color: #ffffffb3;
	background: #ffffff1c;
	-webkit-backdrop-filter: saturate(1.8) blur(20px);
	backdrop-filter: saturate(1.8) blur(20px);
	font-size: var(--thyuu--size-small);
}
.db--container .db--title {
	order: -1;
	z-index: 1;
	flex: 100%;
}
.db--title a:after {
	content: "\e627";
	display: inline-block;
	opacity: 0;
	margin: 0 0 0 -1em;
	transition: .5s;
}
.db--item:hover .db--title a:after {
	opacity: 1;
	margin: 0 0 0 .25em;
}
.db--image {
	position: absolute;
	inset: 0;
	width: 100%;height: 100%;border-radius: 0;
	-webkit-mask:linear-gradient(#0006, #000c, #0000);
	transition: ease-in-out .3s;
}
.db--item:hover .db--image {
	transform: scale(1.1);
	transform-origin: bottom;
}
.lds-ripple {align-items: center;min-height: 50vh;display: inline-flex;}
.db--container .ipc-signpost:after {
	all: unset;
	content: '标记';
	margin: 0 0 0 .5em;
}
.db--empty {
	height: 100%;
	opacity: .15;
	grid-column: 1 / -1;
	background: none;
}
.db--empty:after {
	content: "\e708";
	font-size: 4rem;
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
}
@media (max-width: 1152px) {
	.db--type {
		position: sticky;
		animation: none;
		top: var(--thyuu--size-divs);
	}
}

/* =足迹页面
-------------------------------------------------------------- */
.page-template-footprint .thyuu-amaps {
	--cover-map-opacity: 1;
	--cover-map-visibie: visible;
}
.page-template-footprint #maps.loaded .amap-controls {
	--trfm: scale(.9) translateY(100%);
	animation: var(--animation);
	animation-duration: .5s;
	animation-delay: 2s;
}
.page-template-footprint :is(.amap-info-contentContainer, .amap-marker .cont, .comment-list .depth-1) {
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
}
.page-template-footprint :is(.amap-info-contentContainer, .amap-marker .cont) {
	padding: 1em;
	background: var(--thyuu--color-back-shift, hsl(0 0% 100% / .6));
	box-shadow: var(--thyuu--shadow-normal);
	border-radius: var(--thyuu--size-radius);
}
.page-template-footprint .amap-info-contentContainer {
	--trfm: scale(.95);
	display: flex;
	flex-flow: column;
	width: var(--thyuu--size-card-small);
	font-size: var(--thyuu--size-small);
	gap: 1em;
	margin: -1em 0 0 -1em;
	cursor: auto;
	animation: var(--animation);
	animation-duration: .3s;
}
.page-template-footprint .amap-info-contentContainer li:before {
	margin: 0 .5em;
}
.page-template-footprint .amap-marker .cont {
	padding: .25em;
	border-radius: 50% 50% 50% .5em;
	transform: rotate(-45deg);
	transition: .3s;
}
.page-template-footprint .amap-marker .cont:hover {
	outline-color: hsl(var(--thyuu--main-color) / .5);
}
.page-template-footprint .amap-marker .cont:after {
	content: "";
	display: block;
	position: absolute;
	width: 2em;
	height: 1em;
	outline: inherit;
	background: inherit;
	box-shadow: inherit;
	border-radius: 50%;
	transform: rotate(45deg) translate(-50%,50%);
	z-index: -1;
}
.page-template-footprint .amap-marker img {
	width: 50px;
	height: 50px;
	object-fit: cover;
	object-view-box: inset(15%);
	outline: inherit;
	border-radius: 50%;
	transform: rotate(45deg);
	vertical-align: middle;
}
.page-template-footprint .cluster-num {
	--height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: var(--thyuu--size-small);
	min-width: var(--height);
	height: var(--height);
	border: var(--thyuu--border);
	border-radius: calc(var(--height) / 2);
	background: hsl(var(--custom-main-hue, 359deg) var(--colorHat, 83%) var(--custom-main-lig, 62%) / .5);
}
.page-template-footprint :where(.amap-controls, .page-header, .aside-comment) {
	transition: .5s cubic-bezier(.5, 0, 0, 1.4), pointer-events 0s;
	z-index: 2;
}
.page-template-footprint .aside-comment {
	margin: 100vh 0 0;
}
.page-template-footprint.focus-mode :is(.amap-controls, .page-header, .aside-comment) {
	transform: var(--trfm, translateX(-110%));
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
@media (width >= 1153px) {
	[plots=shrink] .page-template-footprint .site-main {
		position: relative;
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		padding-bottom: 0;
	}
	.page-template-footprint .page-header {
		align-self: end;
		pointer-events: none;
		height: auto !important;
		margin: 0 0 var(--thyuu--size-divs);
	}
	.page-template-footprint .aside-comment {
		--trfm: translateX(110%);
		position: absolute;
		display: block;
		right: var(--thyuu--size-edgelr);
		bottom: 0;
		margin: 0 0 var(--thyuu--size-divs);
		width: min(var(--thyuu--size-card-normal), 100%);
		max-height: calc(100vh - var(--thyuu--height-head) - var(--thyuu--size-divs)*2);
		overflow: overlay;
	}
}

/* =相册页面
-------------------------------------------------------------- */
.page-template-gallery .gallery-item {
	width: calc( 100% / var(--num, 4) );
	padding: .5em;
}
@media (width <= 1153px) {
	.page-template-gallery .gallery-item {
		--num: 3;
	}
}
@media (width <= 641px) {
	.page-template-gallery .gallery-item {
		--num: 2;
	}
}
.page-template-gallery .page-article {
	margin: -.5em;
}
.page-template-gallery .gallery-item div {
	position: relative;
}
.page-template-gallery .gallery-item img {
	border-radius: var(--thyuu--size-radius);
	vertical-align: middle;
}
.page-template-gallery .gallery-item figcaption {
	position: absolute;
	inset: auto 0 0;
	z-index: 2;
	color: white;
	backdrop-filter: blur(10px);
	padding: 1em;
	text-align: center;
	border-radius: var(--thyuu--size-radius);
}