body {
    font-family: "HarmonyOS Sans SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.post-item-foot-icon {
    text-align: center;
}
.app-header .navbar-header {
    height: 60px;
}
@media (min-width: 768px) {
    .navbar-collapse.collapse {
        height: 60px!important;
    }}

.post_tab .nav-item {
    text-align: center;
}
body {
    opacity: 0.94;
}
.navbar-brand img {
    max-height: 55px;}




/* ===== Glyphicons 本地化（2026-10-06）=====
   公共 CDN 的 bootstrap.min.css 自带的图标字体请求会带上「同 CDN 的完整路径」Referer，
   被该 CDN 的防盗链规则拦截(599)，导致图标字体加载失败。
   下面用同名 @font-face 覆盖，改从本站主题目录加载（站内同源请求，稳定可用）。
   本地字体文件：/usr/themes/handsome/assets/libs/bootstrap/fonts/ */
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/usr/themes/handsome/assets/libs/bootstrap/fonts/glyphicons-halflings-regular.eot');
    src: url('/usr/themes/handsome/assets/libs/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
    url('/usr/themes/handsome/assets/libs/bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'),
    url('/usr/themes/handsome/assets/libs/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'),
    url('/usr/themes/handsome/assets/libs/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
    url('/usr/themes/handsome/assets/libs/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}


/* --- 移动端适配：隐藏上传按钮 --- */
@media (max-width: 768px) {
    .picupload_button {
        display: none !important;
    }
}

.thumb img,.thumb-btn img,.thumb-lg img,.thumb-md img,.thumb-sm img,.thumb-xs img {
    max-height: 96px;
    width: 96px;
    vertical-align: middle
}

.github-badge {
    display: inline-block;
    border-radius: 4px;
    text-shadow: none;
    font-size: 12px;
    color: #fff;
    line-height: 15px;
    background-color: #abbac3;
    margin-bottom: 5px
}

.github-badge .badge-subject {
    display: inline-block;
    background-color: #4d4d4d;
    padding: 4px 4px 4px 6px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.github-badge .badge-value {
    display: inline-block;
    padding: 4px 6px 4px 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.github-badge .bg-blue {
    background-color: #3282b8
}

.github-badge .bg-purple {
    background-color: #3F51B5
}

.github-badge .bg-green {
    background-color: #3bca6e
}

.iframe_video {
    position: relative;
    width: 100%;
    min-height: 400px;
    max-height: 600px;
    margin: 0 auto
}

.panel {
    cursor: pointer;
    transition: all 0.6s
}

.blog-post .panel:not(article):hover {
    transform: translateY(-10px)
}

.panel-small {
    cursor: pointer;
    transition: all 0.6s
}

.panel-small:hover {
    transform: scale(1.05)
}

.item-thumb {
    cursor: pointer;
    transition: all 0.6s
}

.item-thumb:hover {
    transform: scale(1.05)
}

.item-thumb-small {
    cursor: pointer;
    transition: all 0.6s
}

.item-thumb-small:hover {
    transform: scale(1.05)
}

.bg-light .lter,.bg-light.lter {
    text-align: center !important;
    font-family: 楷体 !important
}

.btn-pay {
    animation: star 0.5s ease-in-out infinite alternate
}

@keyframes star {
    from {
        transform: scale(1)
    }

    to {
        transform: scale(1.1)
    }
}

.badge {
    background-color: #46d4f75e
}

.nav-icon {
    color: #00cbff94
}

.ai-summary-container {
    border: 2px solid #dfdfdf;
    border-radius: 15px;
    padding: 10px;
    max-width: 100%;
    margin: auto;
    font-family: Arial,sans-serif;
    color: #000
}

.ai-summary-header {
    background-color: #cec2ac;
    color: #000;
    padding: 5px 10px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ai-summary-content {
    padding: 10px;
    line-height: 1.6;
    text-align: justify
}

.ai-summary-footer {
    margin-top: 5px;
    text-align: right;
    font-size: 12px;
    color: grey
}

.ai-summary-button {
    background-color: #ccc;
    color: #000;
    border: none;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 5px
}

.ai-summary-container a {
    color: #000;
    text-decoration: none;
    pointer-events: none;
    cursor: default
}

.box-shadow-wrap-normal {
    box-shadow: 0 0px 4px rgba(0,0,0,0.16)
}

.app.container {
    box-shadow: 0 0 20px rgba(0,0,0,0.16)
}

.panel {
    box-shadow: 0 0px 2px 2px rgba(0,0,0,.13);
    border-radius: 6px
}

.bg-white-pure {
    background: white;
    /*box-shadow: 0 0px 2px 2px rgba(0,0,0,.13)*/
}

#tag_cloud .badge {
    width: 30%
}

@media screen and (max-width: 768px) {
    .smallscreen {
        display:none
    }
}

.myfieldset {
    border: 1px dashed #008cff;
    padding: 10px;
    border-radius: 5px;
    line-height: 2em;
    color: #6d6d6d
}

.mylegend {
    width: 50%;
    text-align: center;
    background-color: #008cff;
    border-radius: 5px;
    background-image: linear-gradient(to right,#FFCC99,#FF99CC);
    text-align: center
}

.myart li {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.nav-list>li>a {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#post-comment-list .comment-parent {
    margin: 10px 5px;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid rgba(0,191,255,.3);
    box-shadow: 2px 2px 5px rgb(0 191 255 / 30%)
}

#content_progress {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    width: 100%;
    height: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    color: #35a935
}

#content_progress::-webkit-progress-bar {
    background-color: transparent
}

#content_progress::-webkit-progress-value {
    background-color: #35a935
}

#content_progress::-moz-progress-bar {
    background-color: #35a935
}