.header::after {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    z-index: 2;
    width: 65px;
    height: 20px;
    background-color: #fba1b2c9;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 0 2px, transparent 2px 7px);
    transform: translateX(-50%) rotate(5deg);
    border-radius: var(--radius);
}


.deco-stickera {
    position: absolute;
    bottom: -12px;
    left: 10%;
    width: 25px;
    height: 25px;
    background-color: #ff4c67ad;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.35) 0 2px, transparent 2px 7px);
    transform: rotate(55deg);
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}


.deco-stickerb {
    position: absolute;
    bottom: -8px;
    left: 30%;
    width: 25px;
    height: 25px;
    background-color: #9092fe90;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.35) 0 2px, transparent 2px 7px);
    transform: rotate(43deg);
    clip-path: polygon(50% 10%, 10% 100%, 90% 100%);
}

.deco-stickerc {
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 25px;
    height: 25px;
    background-color: #e47fec90;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.35) 0 2px, transparent 2px 7px);
    transform: rotate(16deg);
    clip-path: polygon(50% 100%, 0 55%, 0 20%, 25% 0, 50% 20%, 75% 0, 100% 20%, 100% 55%);
}


.deco-stickerd {
    position: absolute;
    bottom: -8px;
    left: 70%;
    width: 22px;
    height: 22px;
    background-color: #619bf290;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.35) 0 2px, transparent 2px 7px);
    transform: rotate(242deg);
    clip-path: polygon(8% 0, 92% 0, 100% 8%, 100% 92%, 92% 100%, 8% 100%, 0 92%, 0 8%);
}


.deco-stickere {
    position: absolute;
    bottom: -12px;
    left: 90%;
    width: 25px;
    height: 25px;
    background-color: #ff828290;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.35) 0 2px, transparent 2px 7px);
    transform: rotate(-210deg);
    clip-path: ellipse(45% 45% at 50% 50%);
}

.deco-stickerf{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    background-image: repeating-linear-gradient(135deg, rgb(255 171 187 / 49%) 0 2px, transparent 2px 15px);
    transform: translateX(-50%) translateY(-50%) rotate(70deg);
}
.deco-stickerg {
    position: absolute;
    top: 50%;
    left: 65%;
    width: 65px;
    height: 65px;
    background-image: repeating-linear-gradient(130deg, rgb(219 175 247 / 49%) 0 2px, transparent 2px 22px);
    transform: translateX(-50%) translateY(-50%) rotate(246deg);
}

.left-sidebar::before {
    content: "";
    position: absolute;
    z-index: 2;
    filter: saturate(0.9);
    top: 6px;
    left: -16px;
    right: auto;
    width: 56px;
    height: 18px;
    background-color: #6fa9d994;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 0 2px, transparent 2px 7px);
    transform: rotate(130deg);
    border-radius: 16px;
}

.left-sidebar::after {
    content: "";
    position: absolute;
    z-index: 2;
    filter: saturate(0.9);
    bottom: 5px;
    left: -16px;
    right: auto;
    width: 56px;
    height: 18px;
    background-color: #f5983db8;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 0 2px, transparent 2px 7px);
    transform: rotate(216deg);
    border-radius: 16px;
}

.main-content::before {
    content: "";
    box-shadow: 0 2px 4px rgba(110, 60, 75, 0.14);
    pointer-events: none;
    border-radius: 5px;
    position: absolute;
    z-index: 4;
    width: 88px;
    height: 22px;
    background-color: #fdb4c299;
    filter: saturate(0.85);
    top: -10px;
    left: 50%;
    transform: translateX(-50%) rotate(1.6deg);
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 0 2px, transparent 2px 7px);
}
.main-content::after {
    content: "";
    box-shadow: 0 2px 4px rgba(110, 60, 75, 0.14);
    pointer-events: none;
    border-radius: 5px;
    position: absolute;
    z-index: 4;
    width: 88px;
    height: 22px;
    background-color: #a02c9378;
    filter: saturate(0.85);
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%) rotate(356deg);
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 0 2px, transparent 2px 7px);
}
.right-sidebar::after {
    content: "";
    position: absolute;
    width: 56px;
    height: 18px;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 0 2px, transparent 2px 7px);
    box-shadow: 0 2px 4px rgba(82, 64, 38, 0.15);
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    pointer-events: none;
    right: -14px;
    top: 6px;
    background-color: #a963ed9e;
    transform: rotate(48deg);
    border-radius: var(--radius);
    filter: saturate(0.9);
}

.footer::before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    z-index: 2;
    width: 65px;
    height: 20px;
    background-color: #a02c9378;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 0 2px, transparent 2px 7px);
    transform: translateX(-50%) rotate(350deg);
    border-radius: var(--radius);
}
.footer::after {
    content: "";
    position: absolute;
    z-index: 2;
    width: 56px;
    height: 18px;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 0 2px, transparent 2px 7px);
    box-shadow: 0 2px 4px rgba(82, 64, 38, 0.15);
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    pointer-events: none;
    right: -14px;
    bottom: 5px;
    background-color: #ed69639e;
    transform: rotate(144deg);
    border-radius: var(--radius);
    filter: saturate(0.9);
}

.side-section::after {
    content: "";
    box-shadow: 0 2px 4px rgba(110, 60, 75, 0.14);
    pointer-events: none;
    border-radius: 5px;
    position: absolute;
    z-index: -1;
    width: 70px;
    height: 25px;
    background-color: #ff9b9b96;
    filter: saturate(0.85);
    top: 2px;
    left: 50%;
    transform: translateX(-50%) rotate(359deg);
    background-image: repeating-linear-gradient(29deg, rgba(255, 255, 255, 0.25) 0 2px, transparent 2px 7px);
}


.profile-tag {
    font-weight: 500;
    border: 2px dashed #ffc8d3;
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    transform: rotate(3deg);
}
.profile-tags .profile-tag:nth-child(2) {
  transform: rotate(-1deg);
}
.profile-tags .profile-tag:nth-child(3) {
  transform: rotate(3deg);
}

.profile-tags .profile-tag:nth-child(2):hover{
    transform: scale(1.05);
}
.profile-tags .profile-tag:nth-child(3):hover{
    transform: scale(1.05);
}

.nav a.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    height: 15px;
    background-color: #ffc5d0;
    background-image: repeating-linear-gradient(29deg, rgba(255, 255, 255, 0.25) 0 2px, transparent 2px 7px);
    z-index: -1;
    transform: scaleX(0.36) rotate(-2deg);
    transform-origin: center;
    transition: opacity 0.2s ease, transform 0.2s ease;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgb(255 140 158 / 0%);
    opacity: 0;
}
.nav a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    height: 15px;
    background-color: #ffc5d0;
    background-image: repeating-linear-gradient(29deg, rgba(255, 255, 255, 0.25) 0 2px, transparent 2px 7px);
    z-index: -1;
    transform: scaleX(0.36) rotate(-2deg);
    transform-origin: center;
    transition: opacity 0.2s ease, transform 0.2s ease;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgb(255 140 158 / 0%);
    opacity: 0;
}
.nav a:hover::after {
    transform: scaleX(1) rotate(-2deg);
    opacity: 1;
}
.nav a.active::after {
    transform: scaleX(1) rotate(-2deg);
    opacity: 1;
}
.nav a {
    padding: 8px 8px;
}
.nav a:hover {
    color: var(--accent-primary);
}
.nav {
    gap: 18px;
}
.category-item.active {
    border: 2px dashed #ffc8d3;
    transform: rotate(-2deg);
}

.category-item {
    border: 2px dashed #ffc8d300;
    transform: rotate(-2deg);
}
.category-item:hover {
    transform: rotate(-2deg);
}


.post-title-text::after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 20px;
    background-color: #ffaeae;
    background-image: repeating-linear-gradient(29deg, rgba(255, 255, 255, 0.25) 0 2px, transparent 2px 7px);
    z-index: -1;
    transform-origin: center;
    transition: opacity 0.2s ease, transform 0.2s ease;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgb(255 140 158 / 0%);
    transform: scaleX(1) rotate(-2deg);
}
.article-content::before {
    content: "";
    position: absolute;
    width: 66px;
    height: 18px;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 0 2px, transparent 2px 7px);
    box-shadow: 0 2px 4px rgba(82, 64, 38, 0.15);
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    pointer-events: none;
    right: -15px;
    top: 4px;
    background-color: #d95fb89e;
    transform: rotate(25deg);
    border-radius: var(--radius);
    filter: saturate(0.9);
}
.article-content::after {
    content: "";
    position: absolute;
    width: 66px;
    height: 18px;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 0 2px, transparent 2px 7px);
    box-shadow: 0 2px 4px rgba(82, 64, 38, 0.15);
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    pointer-events: none;
    left: -15px;
    bottom: 4px;
    background-color: #4e9c459e;
    transform: rotate(25deg);
    border-radius: var(--radius);
    filter: saturate(0.9);
}

.tag {
    padding: 6px 5px;
    border: 2px dashed #ffc8d3;
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    transform: rotate(3deg);
}

.tag:nth-child(odd) {
    transform: rotate(3deg);
    border-color: #ffc8d3;
}
.tag:nth-child(even) {
    transform: rotate(-2deg);
    border-color: #b8d8ff;
}
.tag:hover {
    transform: rotate(0deg) scale(1.05);
}


.commentcut::before {
    content: "";
    position: absolute;
    width: 65px;
    height: 18px;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 0 2px, transparent 2px 7px);
    pointer-events: none;
    right: -10px;
    top: 4px;
    transform: rotate(25deg);
    border-radius: 3px;
    filter: saturate(0.9);
}
.commentcut:nth-child(odd)::before {
    background-color: #2373b44f;
}
.commentcut:nth-child(even)::before {
    background-color: #2336b44f;
}
.commentcut::after {
    content: "";
    position: absolute;
    width: 66px;
    height: 18px;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 0 2px, transparent 2px 7px);
    box-shadow: 0 2px 4px rgba(82, 64, 38, 0.15);
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    pointer-events: none;
    left: -10px!important;
    bottom: -8px!important;
    background-color: #92678033;
    transform: rotate(4deg);
    border-radius: var(
    --radius);
    filter: saturate(0.9);
}
.commentcut:nth-child(odd)::after {
    background-color: #92678033;
}
.commentcut:nth-child(even)::after {
    background-color: #89926733;
}

.latest-posts li {
    border: 2px dashed #ffc8d3;
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
}

.post-title a::after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 20px;
    background-color: #ffaeae;
    background-image: repeating-linear-gradient(29deg, rgba(255, 255, 255, 0.25) 0 2px, transparent 2px 7px);
    z-index: -1;
    transform-origin: center;
    transition: opacity 0.2s ease, transform 0.2s ease;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgb(255 140 158 / 0%);
    transform: scaleX(1) rotate(-2deg);
}

.album-cover .album-title-overlay {
    background-image: repeating-linear-gradient(27deg, rgba(255, 255, 255, 0.25) 0 2px, transparent 2px 7px);
}

.form-control {
    border: 2px dashed #ffc8d3;
    border-radius: 255px 15px 225px 15px / 15px 225px 15px 255px;
}

.commentpagebar{
    position: relative;
}
.lhpl-comment-list::before {
    content: "";
    position: absolute;
    width: 65px;
    height: 18px;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 0 2px, transparent 2px 7px);
    pointer-events: none;
    right: -10px;
    top: 4px;
    transform: rotate(25deg);
    border-radius: 3px;
    filter: saturate(0.9);
    background-color: #2373b44f;
}
.lhpl-comment-list::after {
    content: "";
    position: absolute;
    width: 66px;
    height: 18px;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 0 2px, transparent 2px 7px);
    box-shadow: 0 2px 4px rgba(82, 64, 38, 0.15);
    border-radius: 255px 15px 225px 15px / 15px 225px 15px 255px;
    pointer-events: none;
    left: -10px !important;
    bottom: -8px !important;
    background-color: #92678033;
    transform: rotate(4deg);
    border-radius: var(--radius);
    filter: saturate(0.9);
}

.profile-name {
    margin-bottom: 16px;
        position: relative;
}
.profile-name::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 100px;
    height: 15px;
    background-color: #aeaeff;
    background-image: repeating-linear-gradient(27deg, rgba(255, 255, 255, 0.25) 0 2px, transparent 2px 7px);
    z-index: -1;
    transform-origin: center;
    transition: opacity 0.2s ease, transform 0.2s ease;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgb(255 140 158 / 0%);
    transform: translateX(-50%) scaleX(1) rotate(-1deg);
}

.profilea > .avatar{
    transform: rotate(-3deg);
}
.profilea > .avatar:hover {
    transform: rotate(-3deg);
}

.modal-content {
    padding: 16px;
        width: 95%;
}

.xianzan-gd img {
    border: 2px dashed #ffc8d3;
    border-radius: 255px 15px 225px 15px / 15px 225px 15px 255px;
}
.xianzan-gd img:hover {
    border: 2px dashed #ff0077;
}

.onelink-apply-full::before {
    content: "";
    position: absolute;
    width: 66px;
    height: 18px;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 0 2px, transparent 2px 7px);
    box-shadow: 0 2px 4px rgba(82, 64, 38, 0.15);
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    pointer-events: none;
    right: -15px;
    top: 4px;
    background-color: #d95fb89e;
    transform: rotate(25deg);
    border-radius: var(--radius);
    filter: saturate(0.9);
}
.onelink-apply-full::after {
    content: "";
    position: absolute;
    width: 66px;
    height: 18px;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 0 2px, transparent 2px 7px);
    box-shadow: 0 2px 4px rgba(82, 64, 38, 0.15);
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    pointer-events: none;
    left: -15px;
    bottom: 4px;
    background-color: #4e9c459e;
    transform: rotate(25deg);
    border-radius: var(--radius);
    filter: saturate(0.9);
}

.article-title::before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    box-shadow: 0 2px 4px rgba(82, 64, 38, 0.15);
    pointer-events: none;
    right: -15px;
    top: 8px;
    transform: rotate(13deg);
    border-radius: var(--radius);
    filter: saturate(0.9);
    background-color: #ff4c67ad;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.35) 0 2px, transparent 2px 7px);
}

@media (max-width: 768px) {
.footer::after {
display: none;
}
.main-content::after {
display: none;
}
.deco-stickerb,
.deco-stickerd{
    display: none;
}
.article-title::before {
    right: -8px;
}
.deco-stickerg{
display: none;
}

.nav {
    gap: 10px;
}
}

@media (min-width: 1000px) {
.footer::before {
display: none;
}
}