模板:标识符/styles.css：修订间差异

2026年9月29日 (二) 21:31的版本

/* ===== 容器 ===== */
.wiki-marker {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;   /* 内容水平居中 */
    gap: 0.5rem;
    width: 100%;
    min-height: 2.5rem;
    padding: 0.5rem 6rem;      /* 左右留空间给箭头和作者栏 */
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;

    border-radius: 0.4rem;
    background: linear-gradient(90deg, #56000d 0%, #8b1a2b 50%, #56000d 100%);
    color: #fff;

    font-size: 0.88rem;
    line-height: 1.5;
}

/* ===== 四角箭头 ===== */
.wiki-marker__corner {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    font-size: 1.5rem;
    line-height: 1;
    color: rgba(255, 255, 255, 0.6);
    user-select: none;
    animation: wiki-marker-corner-glow 2s ease-in-out infinite;
}

@keyframes wiki-marker-corner-glow {
    0%, 100% {
        text-shadow:
            0 0 3px rgba(255, 215, 221, 0.7),
            0 0 6px rgba(139, 26, 43, 0.5);
    }
    50% {
        text-shadow:
            0 0 5px rgba(255, 215, 221, 1),
            0 0 12px rgba(139, 26, 43, 0.9),
            0 0 20px rgba(139, 26, 43, 0.6);
    }
}

.wiki-marker__corner--tl { top: 0.15rem; left: 0.15rem; transform: rotate(0deg); }
.wiki-marker__corner--tr { top: 0.15rem; right: 0.15rem; transform: rotate(90deg); }
.wiki-marker__corner--br { bottom: 0.15rem; right: 0.15rem; transform: rotate(180deg); }
.wiki-marker__corner--bl { bottom: 0.15rem; left: 0.15rem; transform: rotate(-90deg); }

/* ===== 说明文字（PC 端显示）===== */
.wiki-marker__label {
    flex: 0 1 auto;
    min-width: 0;
    text-align: center;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wiki-marker__label:hover {
    color: #ffd7dd;
    text-decoration: none;
}

/* ===== 类型短名（移动端才显示）===== */
.wiki-marker__type {
    display: none;
    flex: 0 0 auto;
    font-weight: bold;
    color: #ffd7dd;
}

/* ===== 作者栏（PC 端绝对定位在右侧）===== */
.wiki-marker__author {
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
    padding-left: 0.75rem;
    border-left: 1px solid rgba(255, 255, 255, 0.35);
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.82rem;
    white-space: nowrap;
    line-height: 1.5;
}
.wiki-marker__author a {
    color: #fff;
    text-decoration: underline;
}

/* ===== 夜间模式 ===== */
html.skin-theme-clientpref-night .wiki-marker,
html.skin-theme-clientpref-pureblack .wiki-marker {
    background: linear-gradient(90deg, #3a0008 0%, #6b1010 50%, #3a0008 100%);
}

/* ============================================
   移动端（≤700px）：只显示类型 + 作者
   ============================================ */
@media (max-width: 700px) {
    .wiki-marker {
        padding: 0.5rem 2.5rem;
        gap: 0.75rem;
        justify-content: center;
    }
    /* 隐藏长说明文字 */
    .wiki-marker__label {
        display: none;
    }
    /* 显示类型短名 */
    .wiki-marker__type {
        display: inline-block;
        font-size: 0.85rem;
    }
    /* 作者栏回到流中，和类型并排 */
    .wiki-marker__author {
        position: static;
        transform: none;
        padding-left: 0.75rem;
        border-left: 1px solid rgba(255, 255, 255, 0.35);
        font-size: 0.8rem;
    }
}