Deprecated: The each() function is deprecated. This message will be suppressed on further calls in /home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php on line 456
header + div section {
--m: .875rlh;
margin-inline: var(---p);
padding-block: .75rlh;
padding-inline: calc(var(--p) - var(--bs)) calc(var(--p) - var(--be));
background-color: var(--color-bg-o);
border-radius: var(--_r);
border: 1px solid var(--color-bg-o);
border-inline-width: var(--bs) var(--be);
box-shadow: var(--depth, none);
overflow: hidden;
@media (width < 48em) {
&:not(:last-child) {
--be: 1px;
margin-inline-end: var(--p);
border-start-end-radius: var(--r);
border-end-end-radius: var(--r);
}
&:last-child {
--bs: 1px;
margin-block-start: .875rlh;
margin-inline-start: var(--p);
border-start-start-radius: var(--r);
border-end-start-radius: var(--r);
}
}
}
@media (width >= 48em) {
header + div {
display: grid;
grid-template-columns: 1fr 1fr;
gap: calc(3 * var(--p));
section {
display: flex;
flex-direction: column;
}
h3 + p {
flex-grow: 1;
}
}
}
.posts > div {
display: flex;
align-items: baseline;
}
.posts > div .subtle {
margin-inline-start: 1em;
padding-inline-start: 1em;
border-inline-start: .0625rem solid;
font-weight: 400;
}
h1 + p:not(:last-child) {
order: -1;
abbr {
color: var(--color-accent);
}
}
@keyframes point {
0%, 70%, 100% { opacity: 0 }
74%, 96% { opacity: .7 }
0%, 82%, 85%, 88%, 100% { transform: translate(0) }
84.5%, 86.5% { transform: translate(.5rem, .5rem) }
}
header p:last-child i::after {
content: "\a0\a0\a0\a0↖\0aYou are here!" / "";
position: absolute;
margin-block-start: 1.25rem;
margin-inline-start: -1.5rem;
font-size: .75rem;
line-height: 1.1;
white-space: pre;
opacity: 0;
animation: 10s linear infinite point;
}