/* 引入基础样式文件 */
@import url('../2025/base.css');

/* 顶部区域样式 */
.site-header {
    background-color: #1D202E;
    padding: 20px 0;
    border-bottom: 1px solid #323541;
}

.header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.logo-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
}

.logo {
    height: 50px;
    width: auto;
}

.site-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    margin-left: auto;
}

.title-with-leaf {
    position: relative;
    display: flex;
    align-items: center;
    white-space: normal;
    /* 修改为允许换行 */
}

.journal-text-wrapper {
    background-color: #4CAF50;
    padding: 8px 20px;
    border-radius: 10px 0 10px 0;
    transform: skew(-20deg);
    margin-right: 15px;
}

.journal-text {
    color: #ffffff;
    font-size: 20px;
    display: inline-block;
    transform: skew(20deg);
    font-weight: 500;
    font-family: Roboto-Thin;
}

.highlight-text {
    color: #4CAF50;
    font-size: 2rem;
    font-weight: bold;
    font-style: italic;
    font-family: Roboto-Bold;
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
}


.leaf-icon {
    left: -25px;
    top: -10px;
    width: 35px;
    height: 35px;
}