/* ==========================================================================
   网站装修 footer 模块样式 (footer_1 模式, 主题模版 id=1 电子科技)
   作用域 .ly_footer_1
   颜色/字号等配置相关样式由模板内联 <style> 注入 CSS 变量
   不限宽(.wide 无 max-width, 走全局配置)
   注意: menu_list 的 class 由模板按 type 拼成 menu_list_{type}:
     quickNav -> menu_list_quickNav, contact -> menu_list_contact,
     emailSubscription -> menu_list_emailSubscription, socialMedia -> menu_list_socialMedia,
     customContent -> menu_list_customContent
   ========================================================================== */

/* ===== 通用基础样式（footer 共享, 此处内联以保证 footer_1 自包含, 不再依赖 footer.css） ===== */
.deco-module-footer { width: 100%; }
.deco-module-footer .wide { max-width: 1680px; margin: 0 auto; padding: 0 40px; box-sizing: border-box; }
.deco-module-footer .nav { padding-top: 85px; padding-bottom: 45px; }
.deco-module-footer .default_foot_menu_style { display: flex; flex-wrap: wrap; }
.deco-module-footer .default_foot_menu_style .menu_list { margin-bottom: 30px; box-sizing: border-box; }
.deco-module-footer .default_foot_menu_4 .menu_list { width: 25%; }
.deco-module-footer .default_foot_menu_5 .menu_list { width: 20%; }
.deco-module-footer .menu_list dl { padding-right: 20%; margin: 0; }
.deco-module-footer .menu_list dt { color: var(--ThemesFooterTitleColor); font-family: var(--ThemesFooterNavFont); font-size: var(--deco-footer-title-font-size, 16px); margin-bottom: 30px; font-weight: normal; }
.deco-module-footer .menu_list dd, .deco-module-footer .menu_list dd a { font-size: var(--deco-footer-content-font-size, 14px); color: var(--ThemesFooterTextColor); line-height: 1.5; text-decoration: none; }
.deco-module-footer .menu_list dd { margin: 0; }
.deco-module-footer .menu_list.menu_list_menu dd { margin-bottom: 15px; }
.deco-module-footer .menu_list.menu_list_menu dd a:hover { opacity: 0.7; }
.deco-module-footer .menu_list.menu_list_contact dd.row { margin-bottom: 15px; position: relative; padding-left: 30px; display: flex; align-items: flex-start; gap: 10px; }
.deco-module-footer .menu_list.menu_list_contact dd.row .icon { position: absolute; left: 0; top: 0; width: 18px; text-align: center; }
.deco-module-footer .menu_list.menu_list_contact dd.row a { word-break: break-word; }
.deco-module-footer .menu_list.menu_list_newsletter .subtitle { margin-bottom: 35px; font-size: var(--deco-footer-content-font-size, 14px); color: var(--ThemesFooterTextColor); line-height: 1.5; }
.deco-module-footer .default_newsletter_form { display: flex; align-items: stretch; margin-bottom: 10px; }
.deco-module-footer .default_newsletter_form .text { text-indent: 15px; font-size: 14px; flex-grow: 1; max-width: 350px; min-width: 0; height: 48px; line-height: 48px; box-sizing: border-box; border: 1px solid transparent; background: rgba(255,255,255,0.08); color: var(--ThemesFooterTextColor); outline: none; }
.deco-module-footer .default_newsletter_form .subscribe { border: 1px solid transparent; padding: 0 17px; cursor: pointer; height: 48px; line-height: 48px; box-sizing: border-box; white-space: nowrap; }
.deco-module-footer .follow_us_list ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 10px; }
.deco-module-footer .follow_us_list li { width: 36px; }
.deco-module-footer .follow_us_list li a { width: 36px; height: 36px; border-radius: 50%; background-color: var(--ThemesFooterIconColor); color: var(--ThemesFooterBgColor); display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; text-decoration: none; }
.deco-module-footer .follow_us_list .icon_follow_facebook::before { content: "f"; }
.deco-module-footer .follow_us_list .icon_follow_twitter::before { content: "t"; }
.deco-module-footer .follow_us_list .icon_follow_pinterest::before { content: "p"; }
.deco-module-footer .follow_us_list .icon_follow_linkedin::before { content: "in"; font-size: 11px; }
.deco-module-footer .follow_us_list .icon_follow_youtube::before { content: "▶"; font-size: 11px; }
.deco-module-footer .follow_us_list .icon_follow_instagram::before { content: "◎"; }
.deco-module-footer .follow_us_list .icon_follow_vk::before { content: "vk"; font-size: 11px; }
.deco-module-footer .copy { padding: 25px 0; color: var(--ThemesFooterTextColor); font-size: 14px; }
.deco-module-footer .copy a { color: var(--ThemesFooterTextColor); text-decoration: none; }
.deco-module-footer .menu_list_custom_content .logo { max-width: 100%; margin-bottom: 15px; }
.deco-module-footer .menu_list_custom_content .logo img { max-width: 100%; height: auto; display: block; }
.deco-module-footer .menu_list_custom_content .custom_content { margin: 5px 0 15px; line-height: 1.6; }
.deco-module-footer .menu_list_custom_content .link { display: inline-block; text-decoration: none; font-size: 14px; padding: 12px 25px; text-align: center; }
.deco-module-footer .deco-footer-nav a { display: block; margin-bottom: 15px; }
.deco-module-footer .deco-footer-nav a:last-child { margin-bottom: 0; }

/* ===== footer_1 专属样式 ===== */
.ly_footer_1 {
    background-color: var(--ThemesFooterBgColor, #2E2521);
    border-top: 1px solid var(--ThemesFooterLineColor, rgba(255,255,255,0.1));
}

.ly_footer_1 .nav {
    padding-top: 85px;
    padding-bottom: 45px;
}

.ly_footer_1 .wide {
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* ===== 列数(由 default_foot_menu_N class 控制) ===== */
@media screen and (min-width: 1001px) {
    .ly_footer_1 .default_foot_menu { display: flex; flex-wrap: wrap; }
    .ly_footer_1 .default_foot_menu_2 .menu_list { width: 50%; }
    .ly_footer_1 .default_foot_menu_3 .menu_list { width: 33.33%; }
    .ly_footer_1 .default_foot_menu_4 .menu_list { width: 25%; }
    .ly_footer_1 .default_foot_menu_5 .menu_list { width: 20%; }
    .ly_footer_1 .default_foot_menu_6 .menu_list { width: 16.66%; }
}

.ly_footer_1 .default_foot_menu_style .menu_list {
    margin-bottom: 30px;
    box-sizing: border-box;
    padding: 0 15px;
}

.ly_footer_1 .default_foot_menu_style .menu_list dl {
    padding-right: 20%;
    margin: 0;
}

/* dt 标题: 只有 dt 带 margin-bottom, dt a 仅继承色号(不带 margin-bottom/display, 避免 30px 叠加) */
.ly_footer_1 .default_foot_menu_style .menu_list dt {
    font-family: var(--ThemesFooterNavFont, 'Opensans-Bold');
    color: var(--ThemesFooterTitleColor, #FFFFFF);
    font-size: var(--ThemesFooterTitleFontSize, 16px);
    margin-bottom: 30px;
    font-weight: bold;
}
.ly_footer_1 .default_foot_menu_style .menu_list dt a {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-decoration: none;
}

.ly_footer_1 .default_foot_menu_style .menu_list dd,
.ly_footer_1 .default_foot_menu_style .menu_list dd a {
    font-family: var(--ThemesFooterNavFont, 'Opensans-Bold');
    font-size: var(--ThemesFooterContentFontSize, 14px);
    color: var(--ThemesFooterTextColor, #FFFFFF);
    line-height: 1.5;
    text-decoration: none;
    margin: 0;
}
.ly_footer_1 .default_foot_menu_style .menu_list dd a:hover {
    text-decoration: underline;
}

/* 快速导航 */
.ly_footer_1 .default_foot_menu_style .menu_list_quickNav .deco-footer-nav a {
    display: block;
    margin-bottom: 15px;
}
.ly_footer_1 .default_foot_menu_style .menu_list_quickNav .deco-footer-nav a:last-child {
    margin-bottom: 0;
}

/* Contact (row 相对定位 + padding-left, 图标绝对定位 left 0) */
.ly_footer_1 .menu_list_contact .row {
    margin-bottom: 15px;
    position: relative;
    line-height: 1.6;
}
.ly_footer_1 .menu_list_contact .hasIcon .row {
    padding-left: 30px;
}
.ly_footer_1 .menu_list_contact .row span.icon {
    position: absolute;
    left: 0;
    top: 3px;
    display: inline-flex;
    align-items: center;
    line-height: 1.6;
}
.ly_footer_1 .menu_list_contact .row span.icon svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

/* 邮件订阅 */
.ly_footer_1 .menu_list_emailSubscription .subtitle {
    margin-bottom: 35px;
}
.ly_footer_1 .menu_list_emailSubscription .default_newsletter_form {
    display: flex;
    align-items: stretch;
    margin: 0;
}
.ly_footer_1 .menu_list_emailSubscription .default_newsletter_form input,
.ly_footer_1 .menu_list_emailSubscription .default_newsletter_form button {
    height: 48px;
    box-sizing: border-box;
}
.ly_footer_1 .menu_list_emailSubscription .default_newsletter_form .text {
    text-indent: 15px;
    font-size: 14px;
    flex: 1;
    max-width: 350px;
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
    border-radius: 48px 0 0 48px;
    outline: none;
}
.ly_footer_1 .menu_list_emailSubscription .default_newsletter_form .subscribe {
    border: 1px solid transparent;
    padding: 0 17px;
    cursor: pointer;
    border-radius: 0 48px 48px 0;
}

/* 社交媒体 */
.ly_footer_1 .menu_list_socialMedia .follow_us_list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.ly_footer_1 .menu_list_socialMedia .follow_us_list li {
    width: 36px;
    margin-right: 10px;
    margin-bottom: 10px;
    list-style: none;
}
.ly_footer_1 .menu_list_socialMedia .follow_us_list li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    background-color: var(--ThemesFooterIconColor, #FFFFFF);
    color: var(--ThemesFooterBgColor, #2E2521);
    text-decoration: none;
    transition: transform 0.2s ease;
}
.ly_footer_1 .menu_list_socialMedia .follow_us_list li a:hover {
    transform: translateY(-3px);
}
.ly_footer_1 .menu_list_socialMedia .follow_us_list li a svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}
/* 社交媒体图标(全局配置 social 组; socialOfficialColor 控彩色/黑白; 有地址才显示; 悬停上移)
   socialMedia 子项改用 social_icons fragment 渲染 <img>, 上方 follow_us_list 旧样式保留作历史兼容 */
.ly_footer_1 .menu_list_socialMedia .deco-social-icons { display: flex; flex-wrap: wrap; gap: 10px; }
.ly_footer_1 .menu_list_socialMedia .deco-social-link { display: inline-flex; transition: transform 0.2s ease; }
.ly_footer_1 .menu_list_socialMedia .deco-social-link:hover { transform: translateY(-3px); }
.ly_footer_1 .menu_list_socialMedia .deco-social-link { color: inherit; }
.ly_footer_1 .menu_list_socialMedia .deco-social-icon { display: block; width: 36px; height: 36px; }
.ly_footer_1 .menu_list_socialMedia .deco-social-icon-mask { background-color: currentColor; -webkit-mask: var(--social-mask) no-repeat center / contain; mask: var(--social-mask) no-repeat center / contain; }

/* 自定义内容 */
.ly_footer_1 .menu_list_customContent .logo {
    width: var(--ccLogoPcWidth, 140px);
    max-width: 100%;
    margin-bottom: 15px;
}
.ly_footer_1 .menu_list_customContent .logo img {
    max-width: 100%;
    height: auto;
    display: block;
}
.ly_footer_1 .menu_list_customContent .custom_content {
    margin: 5px 0 15px;
    color: var(--ThemesFooterTextColor, #FFFFFF);
}
.ly_footer_1 .menu_list_customContent a.link {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

/* ===== 版权 ===== */
.ly_footer_1 .copy {
    padding: 25px 0;
    color: var(--ThemesFooterTextColor, #FFFFFF);
    font-size: 14px;
    text-align: center;
    border-top: 1px solid var(--ThemesFooterLineColor, rgba(255,255,255,0.1));
}
.ly_footer_1 .copy a {
    color: var(--ThemesFooterTextColor, #FFFFFF);
}

/* ===== 移动端 ===== */
@media screen and (max-width: 1000px) {
    /* 通用（footer 共享） */
    .deco-module-footer .nav { padding: 0; }
    .deco-module-footer .wide { padding: 0 16px; }
    .deco-module-footer .default_foot_menu_style { display: block; }
    .deco-module-footer .default_foot_menu_style .menu_list { width: 100% !important; margin: 0; border-bottom: 1px solid var(--ThemesFooterLineColor); }
    .deco-module-footer .menu_list dl { padding: 0; }
    .deco-module-footer .menu_list dt { font-size: var(--ThemesFooterTitleFontSize, 16px) !important; margin: 0; padding: 15px 0; }
    .deco-module-footer .menu_list dd { font-size: var(--ThemesFooterContentFontSize, 14px) !important; padding-bottom: 15px; }
    .deco-module-footer .default_newsletter_form .text { max-width: none; }
    /* footer_1 专属 */
    .ly_footer_1 { padding-top: 10px; }
    .ly_footer_1 .nav { padding: 0; }
    .ly_footer_1 .default_foot_menu_style .menu_list {
        width: 100% !important;
        margin: 0;
        border-bottom: 1px solid var(--ThemesFooterLineColor, rgba(255,255,255,0.1));
    }
    .ly_footer_1 .default_foot_menu_style .menu_list dl { padding: 0; }
    .ly_footer_1 .default_foot_menu_style .menu_list dt {
        margin: 0;
        padding: 15px 0;
    }
    .ly_footer_1 .menu_list_customContent .logo {
        width: var(--ccLogoMobileWidth, 140px);
    }
}

/* 编辑态描边(hover/选中)与 cursor 统一在 editor.css 的 .deco-module::before 覆盖层里,
   本文件不再重复一套 outline: outline 会被模块内贴边的元素盖住一段。 */

.deco-edit-mode .ly_footer_1 .menu_list {
    cursor: pointer;
}