@charset "UTF-8";

/* 基础重置样式 */
body {
    background-color: #f4f5f7 !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* 移动端背景色设置 */
.mobile-layout body,
.mobile-body {
    background-color: #edeef0 !important;
}

/* 移动端内容区域背景色 */
.mobile-layout #content,
.mobile-layout #main-content {
    background-color: #edeef0 !important;
}

* {
    box-sizing: inherit;
}

/* 为所有SVG元素添加无边框样式 */
svg {
    border: none !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 为除移动端底部导航栏外的footer元素添加指定的padding */
footer:not(.mobile-header-bottom) {
    padding: 2rem 1rem 2rem 1rem !important;
}

/* 内容区域基础样式 */
.content {
    max-width: 1200px !important;
    padding: 0 !important;
    background-color: #ffffff !important;
    overflow: hidden !important;
}

/* 主内容区域基础样式 */
#main-content {
    padding: 0 20px !important;
    background-color: #ffffff !important;
}

/* content-wrap mt-m card背景色与main-content相同，去掉阴影 */
.content-wrap.mt-m.card {
    background-color: #ffffff !important;
    box-shadow: none !important;
    border: none !important;
}

/* mobile-layout下content-wrap mt-m card背景色与main-content相同，去掉阴影 */
.mobile-layout .content-wrap.mt-m.card {
    background-color: #edeef0 !important;
    box-shadow: none !important;
    border: none !important;
}

/* 深色模式下main-content和content-wrap mt-m card背景色，去掉阴影 */
html.dark-mode #main-content,
html.dark-mode .content-wrap.mt-m.card {
    background-color: #1a1a1a !important;
    box-shadow: none !important;
    border: none !important;
}

/* 深色模式下mobile-layout的main-content和content-wrap mt-m card背景色，去掉阴影 */
html.dark-mode.mobile-layout #main-content,
html.dark-mode.mobile-layout .content-wrap.mt-m.card {
    background-color: #1a1a1a !important;
    box-shadow: none !important;
    border: none !important;
}

/* 通用类重置 */
.primary-background {
    background-color: transparent !important;
}

.header {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* 清除浮动 */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/* 显示/隐藏类 */
.hidden {
    display: none !important;
}

.visible {
    display: block !important;
}

/* 修改mb-xl容器的margin和padding */
.mb-xl {
    margin: 0 !important;
    padding: 25px 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    border: none !important;
}

/* 修改my-s的padding-left为16px */
.my-s {
    padding-left: 16px !important;
}

/* 修复entity-list-item中h4元素的对齐问题 */
.entity-list-item .content h4.entity-list-item-name {
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 确保所有标题元素默认居左对齐 */
h1, h2, h3, h4, h5, h6 {
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 强制h3字体大小为18px */
h3 {
    font-size: 18px !important;
}