网站主题

@import url(https://cdn.jsdelivr.net/gh/cirisus/Arknights-Proj@kappa5/normalize.min.css);
:root {
    --header-title: "羅德後勤";
    --header-subtitle: "-天有洪炉　地生五金-";
}
.fancy-link a {
    color: rgb(var(--scale-2));
    font-size: 1.35rem;
    font-weight: 400;
    font-family: var(--Serif-font);
    border-bottom: none;
    z-index: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: .2em;
    padding: .2em;
    line-height: 1;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    overflow: hidden;
}
.fancy-link a:hover {
    color: rgb(var(--scale-7));
    font-weight: 900;
    box-shadow:0 0 1px 1px rgb(var(--dark-secondary-color)),0 0 2px 2px rgb(var(--dark-secondary-color),.75)
}
.fancy-link a:before {
    --clip-path: polygon(0 0, 0 50%, 0 100%, 0 100%, 0 0);
    -webkit-clip-path: var(--clip-path);
    z-index: -1;
    position: absolute;
    top: 0;
    width: 101%;
    height: 101%;
    background-color: rgb(var(--dark-secondary-color));
    content: " ";
    -webkit-clip-path: var(--clip-path);
    clip-path: var(--clip-path);
    opacity: 1;
    pointer-events: none;
    transition: -webkit-clip-path .2s var(--standard-curve);
    transition: clip-path .2s var(--standard-curve);
}
.fancy-link  a:hover:before {
    --clip-path: polygon(100% 0, 105% 50%, 100% 100%, 0 100%, 0 0);
}