.elementor-15821 .elementor-element.elementor-element-895a6ce:not(.elementor-motion-effects-element-type-background), .elementor-15821 .elementor-element.elementor-element-895a6ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#113163;}.elementor-15821 .elementor-element.elementor-element-895a6ce > .elementor-container{min-height:55vh;}.elementor-15821 .elementor-element.elementor-element-895a6ce > .elementor-background-overlay{opacity:0.66;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-15821 .elementor-element.elementor-element-895a6ce{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0% 4% 0% 4%;}.elementor-bc-flex-widget .elementor-15821 .elementor-element.elementor-element-36fda5e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-15821 .elementor-element.elementor-element-36fda5e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-15821 .elementor-element.elementor-element-36fda5e > .elementor-element-populated{margin:8% 0% 8% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;}.elementor-bc-flex-widget .elementor-15821 .elementor-element.elementor-element-787e7ac.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-15821 .elementor-element.elementor-element-787e7ac.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-15821 .elementor-element.elementor-element-46b5962{width:100%;max-width:100%;text-align:left;}.elementor-15821 .elementor-element.elementor-element-46b5962 .elementor-heading-title{color:var( --e-global-color-el_color_0 );}.elementor-15821 .elementor-element.elementor-element-4640b0f{color:#FFFFFF;--textColor:#FFFFFF;}.elementor-15821 .elementor-element.elementor-element-f463de5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-15821 .elementor-element.elementor-element-64eb9f3 .elementor-toc__header-title{text-align:start;}.elementor-15821 .elementor-element.elementor-element-64eb9f3 .elementor-toc__header{flex-direction:row;column-gap:0px;}.elementor-15821 .elementor-element.elementor-element-64eb9f3{--item-text-hover-color:var( --e-global-color-el_color_2_2 );--item-text-hover-decoration:underline;}.elementor-15821 .elementor-element.elementor-element-07a9132{--display:flex;}@media(min-width:768px){.elementor-15821 .elementor-element.elementor-element-787e7ac{width:67%;}.elementor-15821 .elementor-element.elementor-element-e1f735c{width:33%;}}@media(max-width:1100px){.elementor-15821 .elementor-element.elementor-element-895a6ce > .elementor-container{min-height:45vh;}}@media(max-width:767px){.elementor-15821 .elementor-element.elementor-element-895a6ce{padding:0px 0px 0px 0px;}.elementor-15821 .elementor-element.elementor-element-36fda5e > .elementor-element-populated{margin:60px 0px 60px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-15821 .elementor-element.elementor-element-787e7ac > .elementor-element-populated{padding:30px 30px 0px 30px;}.elementor-15821 .elementor-element.elementor-element-46b5962{text-align:center;}}/* Start custom CSS for table-of-contents, class: .elementor-element-64eb9f3 *//* --- 1. 核心修复：隐藏那个 SVG 图标 --- */
.elementor-toc__list-item-text-wrapper svg,
.elementor-toc__list-item-text-wrapper .e-font-icon-svg {
    display: none !important;
}

/* --- 2. 开启平滑滚动 --- */
html {
    scroll-behavior: smooth !important;
}

/* --- 3. 隐藏表头 --- */
.elementor-toc__header {
    display: none !important;
}

/* --- 4. 调整文字位置，防止它缩进 --- */
.elementor-toc__list-item-text-wrapper {
    display: block !important; /* 确保它不是 flex 布局导致空隙 */
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* --- 5. 清理可能残留的列表样式 --- */
.elementor-15821 .elementor-element.elementor-element-64eb9f3 ul, .elementor-15821 .elementor-element.elementor-element-64eb9f3 li {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-toc__list-item-text-wrapper { display: block !important; margin-left: 0 !important; padding-left: 0 !important; padding-top: 6px !important; padding-bottom: 6px !important; }

/* ========== TOC 导航链接悬浮背景色和字体色 ========== */

/* 悬浮时链接背景色和字体色变化 */
.elementor-toc__list-item-text-wrapper a:hover {
    background-color: #E6E9F0 !important; /* 极浅的品牌蓝/灰蓝色 */
    color: #FF9900 !important; /* 亮橙色字体 */
}

/* 确保悬浮背景能覆盖整个链接宽度 */
.elementor-toc__list-item-text-wrapper a {
    display: block !important; /* 确保链接占据完整宽度以便背景色填充 */
    padding: 6px 10px !important; /* 给链接内部一些填充，让背景色看起来更好 */
    margin: -6px -10px !important; /* 负边距抵消填充，使整体对齐不变 */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ac294ed *//* ========== My Material Overview Table Styling (最终完整版 - 语法修复) ========== */

/* 1. 确保表格主体和内部元素彻底透明 */
.my-material-overview-table {
    width: 100%;
    border-collapse: collapse !important;
    font-size: 15px;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 消除交替行颜色、插件背景色，并确保所有单元格透明 */
.my-material-overview-table tr, 
.my-material-overview-table td,
.my-material-overview-table th {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    vertical-align: middle;
}

/* 2. 外部容器清除 (保持不变) */
.elementor-widget-container,
.elementor-column-wrap,
.elementor-widget-wrap,
.pp-table-container {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
}

/* 表头样式 (只保留底部横线) */
.my-material-overview-table thead th {
    font-weight: 600 !important;
    color: #777777;
    text-align: left;
    padding: 15px 10px !important;
    border-bottom: 1px solid #cccccc !important;
}

/* 数据单元格样式 (只保留底部横线) */
.my-material-overview-table tbody td {
    padding: 15px 10px !important;
    color: #444;
    border-bottom: 1px solid #cccccc !important;
    border-left: none !important;
    border-right: none !important;
}

/* ----------------------------------------------------- */
/* 核心修复区域：链接样式和对齐修复 */
/* ----------------------------------------------------- */

/* 修复 A 标签：消除蓝色/下划线，并修复对齐 */
.my-material-overview-table .my-material-name-image a {
    text-decoration: none !important;
    color: inherit !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 图片缩略图容器样式 (保持左侧对齐) */
.my-material-overview-table .my-material-name-image {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding-left: 10px !important;
    font-weight: 600;
    color: #333;
}

/* 确保图片缩略图样式和尺寸是正确的 */
.my-material-overview-table .my-material-thumb {
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    margin-right: 15px !important; /* 原始间距 */
    border: 1px solid #ddd;
}

/* 修复图片和文字之间的间距 (A 标签修复) */
.my-material-overview-table .my-material-name-image a {
    /* 继承之前的 A 标签样式，不再重复 */
}
.my-material-overview-table .my-material-name-image a:first-child {
    margin-right: 15px !important; 
}


/* 列宽度 */
.my-material-overview-table .my-col-materials { width: 30%; }
.my-material-overview-table .my-col-description { width: 50%; }
.my-material-overview-table .my-col-complexity { width: 20%; text-align: right; }
.my-material-overview-table .my-material-complexity { text-align: right; color: #cc9900; }

/* ========== 悬浮效果 (Hover Effects) - 品牌浅蓝背景增强 ========== */

/* 1. 悬浮时标题字体颜色变化 */
.my-material-overview-table .my-material-name-image a:hover {
    color: #FF9900 !important; /* 亮橙色 */
}

/* 2. 悬浮时整行背景色变化 (使用品牌色的浅色调，更显眼) */
.my-material-overview-table tbody tr:hover td {
    background-color: #E6E9F0 !important; /* 极浅的品牌蓝/灰蓝色 */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d20942 *//* ========== Material Overview Table Styling (最终版：彻底清除边框/阴影) ========== */

/* 1. 确保表格主体和内部元素彻底透明 */
.material-overview-table {
    width: 100%;
    border-collapse: collapse !important;
    font-size: 15px;
    background-color: transparent !important; /* 确保表格主体透明 */
    border: none !important; /* 消除表格外边框 */
    box-shadow: none !important; /* 消除表格自带阴影 */
}

/* 消除交替行颜色、插件背景色，并确保所有单元格透明 */
.material-overview-table tr, 
.material-overview-table td, 
.material-overview-table th {
    background-color: transparent !important; 
    box-shadow: none !important; /* 确保单元格无阴影 */
    border: none !important; /* 消除所有默认边框 */
    vertical-align: middle; 
}

/* 2. 外部容器清除：这是消除“卡片”效果的关键 */
.elementor-widget-container,
.elementor-column-wrap,
.elementor-widget-wrap,
.pp-table-container {
    background-color: transparent !important; 
    box-shadow: none !important; /* <--- 关键: 清除外部阴影 */
    border: none !important; /* <--- 关键: 清除外部边框 */
    outline: none !important; 
}

/* 表头样式 (只保留底部横线) */
.material-overview-table thead th {
    font-weight: 600 !important;
    color: #777777;
    text-align: left;
    padding: 15px 10px !important; 
    border-bottom: 1px solid #cccccc !important; 
}

/* 数据单元格样式 (只保留底部横线) */
.material-overview-table tbody td {
    padding: 15px 10px !important; 
    color: #444;
    border-bottom: 1px solid #cccccc !important; 
    border-left: none !important;
    border-right: none !important;
}

/* 图片缩略图样式 */
.material-overview-table .material-name-image {
    display: flex;
    align-items: center;
    padding-left: 10px !important; 
    font-weight: 600;
    color: #333;
}
.material-overview-table .material-thumb {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover; 
    margin-right: 15px;
    border: 1px solid #ddd; 
}
.material-overview-table .col-materials { width: 30%; }
.material-overview-table .col-description { width: 50%; }
.material-overview-table .col-complexity { width: 20%; text-align: right; }
.material-overview-table .material-complexity { text-align: right; color: #cc9900; }/* End custom CSS */