/* ================================
   Link hover interaction
   ================================ */

.page__content a {
    position: relative;
    color: #56018D;
    text-decoration: none;
}

.page__content a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0%;
    height: 1px;
    background: currentColor;
    transition: width 0.25s ease;
}

.page__content a:hover::after {
    width: 100%;
}

/* 只要 a 标签里面有图片，就强制隐藏那个自定义下划线 */
.page__content a:has(img)::after {
    display: none !important;
}


/* 不影响导航栏 */
.masthead a::after {
    display: none;
}

/* ================================
   Card hover effect
   ================================ */

.card {
    background: #ffffff;
    border-radius: 14px;
    padding: 1.5rem;
    margin: 1.5rem 0;

    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.card:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 48px rgba(0, 0, 0, 0.10);
}

html[data-theme="dark"] .card {
    background: #474747;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.39);
}

html[data-theme="dark"] .page__content a {
    color: #0ea1c5;
}


/* 移除主题自带下划线，只保留自定义那根 */
.page__content a {
    text-decoration: none;
}

.page__content a {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

.card h3 {
    margin-top: 0;
    margin-bottom: 0.4rem;
}

.card p {
    margin-top: 0.4rem;
}


/* 针对手机端（屏幕小于 1024px/64em） */
@media (max-width: 63.99em) {
    .sidebar {
        text-align: left !important;
        /* 强制文字对齐 */
        display: block !important;
    }

    /* 如果有头像，也强制靠左 */
    .author__avatar,
    .author__content {
        margin-left: 0 !important;
        text-align: left !important;
    }
}

.clustrmap-wrapper {
  text-align: center;
  margin-top: 20px;
}

.clustrmap-wrapper canvas {
  width: 200px !important; 
  height: auto !important;
}