/* 
 * =====================================================
 * Gelsoft Board UI v1.0.1 202507 - Gitsso Powered
 * =====================================================
 */

/* public gui css */

html
{
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
}

body
{
    position: relative;
    margin: 0;
}

.gui-fix
{
    position: fixed;
    z-index: 99;
}

/* 基础容器样式 - 同时支持现代浏览器和旧版iOS */
.aspect-ratio-box
{
    position: relative;
    width: 100%;
    overflow: hidden;
}

.aspect-ratio-box::before
{
    content: "";
    display: block;
    padding-bottom: 100%;
}

@supports (aspect-ratio: 1/1)
{
    .aspect-ratio-box
    {
        aspect-ratio: 1/1;
    }
    .aspect-ratio-box::before
    {
        padding-bottom: 0;
    }
}

.aspect-ratio-content
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* 内容铺满容器 */
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eee;
}

/* page interface css */

.gui-nav-bar
{
    top: 0;
    right: 0;
    left: 0;
}

.gui-nav-content
{
    position: relative;
    width: 100%;
    height: 3.25rem;
    color: rgb(50, 35, 34);
    padding: 0 .5rem;
    justify-content: space-between;
}

.gui-nav-center
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: rgb(255, 255, 255);
    justify-content: center;
}

.gui-nav-title
{
    font-size: 1.0909090909rem;
    color: #1b2629;
}

.gui-nav-left,
.gui-nav-right
{
    min-width: 2rem;
    height: 100%;
    justify-content: center;
}

.gui-nav-content,
.gui-nav-center,
.gui-nav-left,
.gui-nav-right
{
    display: flex;
    align-items: center;
}

.gui-foot-bar
{
    bottom: 0;
    left: 0;
    right: 0;
}

.gui-tab-bar
{
    bottom: 0;
    left: 0;
    right: 0;
}

.gui-foot-content,
.gui-tab-content
{
    width: 100%;
    height: 3.5rem;
    color: rgb(50, 35, 34);
    padding: 0 1rem;
}

.gui-divider
{
    border-bottom: var(--Color_Divider);
    margin: 0;
    padding: 0;
}

/* media 媒体查询 */

@media (min-width:768px) and (max-width:991px)
{
    body
    {
    }
}

@media (min-width:992px)/* 大屏 PC设备 */
{
    body
    {
    }
}

@media (max-width:767px)/* 中小屏 平板、手机设备 */
{
    body
    {
        width: 100%;
    }
}

/* card list 主题、评论列表 */

.bbs-cardlist__wrapper
{
    
}

.bbs-cardlist__wrapper .bbs-cardlist__item
{
    
}

.bbs-cardlist__item .bbs-cardlist__content
{
    
}

.bbs-list__wrapper
{
    display: block;
}

.bbs-list__wrapper .bbs-list__item
{
    position: relative;
    padding: .875rem 1rem 0;
}

.bbs-list__wrapper .bbs-list__item .bbs-list__content
{
    position: relative;
    border-bottom: var(--Border_Divider);
    padding-bottom: .875rem;
    display: flex;
    align-items: flex-start;
}

.bbs-list__wrapper .bbs-list__item:last-child .bbs-list__content
{
    border-bottom: none;
}

.bbs-list__content .bbs-list-content__left
{
    
}

.bbs-list__content .bbs-list-content__left .bbs-list__user-icon
{
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: .5rem;
    display: inline-flex;
    align-items: center;
}

.bbs-list__content .bbs-list-content__left .bbs-list__user-icon img
{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.bbs-list__content .bbs-list-content__right
{
    flex: 1 1;
}

.bbs-list__content .bbs-list__content-top
{
    padding-bottom: .3125rem;
    display: flex;
    align-items: center;
}

.bbs-list__content .bbs-list__content-top .bbs-list__user-icon
{
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .3125rem;
    display: inline-flex;
    align-items: center;
}

.bbs-list__content .bbs-list__content-top .bbs-list__user-icon img
{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.bbs-list__content .bbs-list__content-center .bbs-list__title
{
    line-height: 1.5;
    font-size: .9375rem;
    color: var(--Color_Text_Title);
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.bbs-list__content .bbs-list__content-center .bbs-list__summary
{
    line-height: 1.5;
    font-size: .9375rem;
    color: var(--Color_Text_Summary);
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.bbs-list__content .bbs-list__content-center .bbs-list__picture
{
    position: relative;
    margin-top: .5rem;
    display: flex;
    align-items: center;
    gap: .125rem;
}

.bbs-list__content .bbs-list__content-center .bbs-list__picture-item
{
    flex: 1 1;
    position: relative;
    max-width: calc(100% / 3);
    height: 0;
    overflow: hidden;
    padding-top: calc(100% / 3);
}

.bbs-list__picture-item:first-child
{
    border-top-left-radius: .325rem;
    border-bottom-left-radius: .325rem;
}

.bbs-list__picture-item:last-child
{
    border-top-right-radius: .325rem;
    border-bottom-right-radius: .325rem;
}

.bbs-list__content .bbs-list__content-center .bbs-list__picture-item img
{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1/1;
}

.bbs-list__content .bbs-list__content-center .bbs-list__picture-item .mask
{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.025);
}

.bbs-list__content .bbs-list__content-bottom,
.bbs-list__content .bbs-list__bottom-left,
.bbs-list__content .bbs-list__bottom-right,
.bbs-list__content .bbs-list__bottom-right .action
{
    display: flex;
    align-items: center;
}

.bbs-list__content .bbs-list__content-bottom
{
    font-size: .8125rem;
    color: #bbb;
    margin-top: .5rem;
}

.bbs-list__content .bbs-list__bottom-left
{
    flex: 1 1;
}

.bbs-list__content .bbs-list__bottom-left .time,
.bbs-list__content .bbs-list__bottom-left .text
{
    margin-right: .5rem;
}

.bbs-list__content .bbs-list__bottom-right .action
{
    margin-left: .75rem;
}

.bbs-list__content .bbs-list__bottom-right i
{
    margin-right: .25rem;
}


.card-content .card-center .card-text
{
    line-height: 1.5;
    font-size: .9375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card-content .card-center .title
{
    color: var(--Color_Text_Title);
}

.card-content .card-center .summary
{
    color: var(--Color_Secondary);
}



.card-content .card-bottom
{
    font-size: .75rem;
    font-weight: 400;
    color: #bbb;
    margin-top: .5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
}

.card-bottom .bottom-left
{
    overflow: hidden;
    flex: 1 1;
    flex-wrap: nowrap;
}

.card-bottom .bottom-left .view
{
    margin-right: .75rem;
}

.card-bottom .bottom-right .operate
{
    margin-left: .75rem;
}

.card-bottom .bottom-right .operate.active
{
    color: var(--Color_Primary);
}

.card-bottom .bottom-right .operate span
{
    margin-left: .25rem;
}

.card-content .card-top,
.card-content .card-bottom,
.card-bottom .bottom-left,
.card-bottom .bottom-right,
.card-bottom .bottom-left .view,
.card-bottom .bottom-right .operate
{
    display: flex;
    align-items: center;
}

/* detail 文章详情 */

.detail
{
    
}

.detail .main
{
    
}

.detail .main .title
{
    
}

.detail .main .content
{
    
}

.detail .main .content article
{
    font-style: normal;
    font-weight: 400;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    padding: 0;
}

.detail-main-content .article-content
{
    line-height: 1.875rem;
}

.detail-main-title,
.detail-main-content
{
    -webkit-user-select: text;
    user-select: text;
}

.detail-main-category
{
    margin-top: .5rem;
    display: flex;
}

.detail-main-category .category
{
    font-size: .75rem;
    color: #323232;
    border-radius: .25rem;
    background: #f3f3f3;
    padding: .125rem;
    padding-right: 0.125rem;
    padding-right: .5rem;
    display: inline-flex;
    align-items: center;
}

.detail-main-category .category img
{
    width: 1.5rem;
    height: 1.5rem;
    border-radius: .25rem;
    margin-right: .325rem;
}

.detail-main-category .category em
{
    height: .75rem;
    border-left: .0625rem solid #bbb;
    margin: 0 .5rem;
}

.detail-main-category .category .name
{
    font-weight: 600;
}

.detail-main-category .category .threads,
.detail-main-category .category .posts
{
    color: #777;
}

.detail-main-category .category .threads
{
    margin-right: .5rem;
}

/* User index用户中心 */
.user-index__user
{
    padding: var(--M);
    display: flex;
    flex-direction: column;
}

.user-index__user-top
{
    display: flex;
    align-items: center;
}

.user-index-top__user-icon
{
    width: 5rem;
    height: 5rem;
    margin-right: calc(var(--M) - 4px);
}

.user-index-top__user-icon img
{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.user-index-top__user-info
{
    flex: 1 1;
}

.user-index-top__user-info .username
{
    max-width: calc(1.125rem * 9);
    font-size: 20px;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.user-index-top__user-info .userid
{
    font-size: .875rem;
    color: #aaa;
}

.user-index-top__user-info .userfans
{
    font-size: .875rem;
    color: #aaa;
}