/* ==========================================================
   runtime.css — 页脚运行时间电子钟样式
   ========================================================== */

/* 电子钟字体引入 */
@font-face {
    font-family: 'UnidreamLED';
    src: url('../font/UnidreamLED.ttf');
    font-display: swap;
}

div#runtime {
    width: fit-content;
    max-width: 100%;
    margin: 0px auto;
    color: #333333;
    padding: 0px 0px;
    border-radius: 10px;
    background-color: transparent;
    font-family: 'UnidreamLED', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
}

html[data-theme="dark"] div#runtime {
    color: #c0c0c0;
}

/* ---------------------------------------------------------
   「小窝」二字链接
   目标：跳转 Qexo后台，新标签打开。
   视觉要求：与旁边文字完全一致，不出现主题默认的蓝色。
   实现要点：
     1. color: inherit —— 继承父级文字色，压掉主题给 a 的 --link-color 蓝色
     2. text-decoration: underline —— 用虚线下划线表达"可点"，
        不用颜色表达，避免和旁边文字割裂
     3. 悬停时才略微加深，给出反馈但不影响静态观感
   --------------------------------------------------------- */
div#runtime a.runtime-link {
    color: inherit;
    text-decoration-line: underline;
    text-decoration-style: dashed;
    text-decoration-color: currentColor;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transition: opacity 0.2s ease;
    cursor: pointer;
}

/* 悬停：轻微提亮 + 实线下划线，仍然不引入蓝色 */
div#runtime a.runtime-link:hover {
    text-decoration-style: solid;
    opacity: 0.75;
}

/* 键盘聚焦时给出可见轮廓，保证可访问性 */
div#runtime a.runtime-link:focus-visible {
    outline: 1px dashed currentColor;
    outline-offset: 3px;
    border-radius: 2px;
}