/* 财联社电报 - 项目自定义样式 */

/* ========== CSS变量定义 ========== */
:root {
    --color-bg-primary: #13253C;
    --color-text-primary: #d8dfeb;
    --color-text-secondary: #d2d2d2;
    --color-text-white: #ffffff;
    --color-accent-red: #DE292E;
    --color-time-label: yellow;
    --font-size-root: 11px;
    --font-size-content: 1.1rem;
    --font-size-time: 12px;
    --size-dot: 0.9rem;
    --size-header-height: 3rem;
    --spacing-header-padding: 1rem 2rem 0 4rem;
    --spacing-content-padding: 0 2rem 13rem 7rem;
    --spacing-content-margin: -70px 30px -15px 0;
    --position-dot-top: 15px;
    --position-dot-left: -30px;
    --position-time-left: -42px;
    --position-time-top: -5px;
    --width-date-label: 7.8rem;
    --width-refresh-icon: 0.4rem;
    --margin-refresh-icon: 8px
}

/* ========== 全局样式 ========== */
html {
    font-size: var(--font-size-root)
}

body, ul {
    margin: -20px 0;
    padding: 0
}

/* 隐藏滚动条 */
*::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

* {
    scrollbar-width: none;
    -ms-overflow-style: none
}

/* ========== 时间轴组件 ========== */
.timeBar[data-v-29bb3f54] {
    color: var(--color-text-primary);
    background: var(--color-bg-primary)
}

/* --- 头部区域 --- */
.timeBar .header-tip[data-v-29bb3f54] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: var(--color-bg-primary);
    height: var(--size-header-height);
    padding: var(--spacing-header-padding)
}

.timeBar .refresh[data-v-29bb3f54] {
    display: none
}

.timeBar .refresh img[data-v-29bb3f54] {
    width: var(--width-refresh-icon);
    margin-right: var(--margin-refresh-icon)
}

.timeBar .sectionchoose[data-v-29bb3f54] {
    margin-top: -2rem !important
}

/* --- 内容区域 --- */
.timeBar .section[data-v-29bb3f54] {
    padding: var(--spacing-content-padding)
}

/* --- 列表项 --- */
.timeBar .section .ul .li[data-v-29bb3f54] {
    position: relative;
    display: flex
}

/* --- 圆点标记 --- */
.timeBar .section .ul .li .pointer[data-v-29bb3f54] {
    width: var(--size-dot);
    height: var(--size-dot);
    border-radius: 50%;
    position: absolute;
    top: var(--position-dot-top);
    left: var(--position-dot-left)
}

/* --- 时间标签 --- */
.timeBar .section .ul .li .pointertimekx[data-v-29bb3f54] {
    position: relative;
    left: var(--position-time-left);
    top: var(--position-time-top);
    color: var(--color-time-label);
    font-size: var(--font-size-time)
}

/* --- 日期标签 --- */
.timeBar .section .ul .kxDateTwo[data-v-29bb3f54] {
    width: var(--width-date-label);
    top: 2rem;
    display: none
}

/* --- 新闻内容容器 --- */
.timeBar .section .ul .li .infor[data-v-29bb3f54] {
    margin-left: -70px;
    margin-top: 35px;
    margin-bottom: -15px
}

/* --- 新闻正文文本 --- */
.timeBar .section .ul .li .infor .neirong[data-v-29bb3f54] {
    font-size: var(--font-size-content);
    color: var(--color-text-secondary);
    line-height: 20px;
    font-weight: 400;
    text-align: justify
}

/* --- 中括号高亮 --- */
.timeBar .section .ul .li .infor .neirong[data-v-29bb3f54] [data-type="bracket"] {
    color: var(--color-text-white);
    font-weight: bold
}

/* --- 精选新闻高亮 --- */
.timeBar .section .ul .li.important .infor .neirong[data-v-29bb3f54] {
    color: var(--color-accent-red) !important
}

/* --- 精选标记 --- */
.timeBar .section .ul .li .jx[data-v-29bb3f54] {
    display: none
}