.dd-footer{background:#EDEBFB;margin-top:auto;color:#1A0F5E}
.dd-footer-main{
    max-width:1440px;margin:0 auto;padding:56px 32px 44px;
    display:grid;grid-template-columns:340px 1fr;gap:56px;align-items:start;
}

/* ---- 品牌区 ---- */
.dd-footer-brand{display:flex;flex-direction:column;gap:22px;max-width:340px}
.dd-footer-logo{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:#1A0F5E}
.dd-footer-logo img{height:40px;max-width:190px;object-fit:contain;display:block}
.dd-footer-logo-mark{display:flex;align-items:center;color:#1A0F5E}
.dd-footer-logo-text{font-size:24px;font-weight:800;letter-spacing:-.5px;line-height:1;white-space:nowrap}
.dd-footer-brand-copy{margin:0;width:100%;max-width:none;font-size:13.5px;line-height:1.72;color:#4A4A7A}

.dd-footer-pills{display:flex;gap:14px;flex-wrap:wrap}
/* Each pill is a <details>, so it opens without a script, and the panel has
   to open upward - a footer has no room below it. */
.dd-footer-pill{position:relative}
.dd-footer-pill summary{
    display:inline-flex;align-items:center;gap:9px;height:32px;padding:0 15px;
    background:#DCD6F7;border-radius:100px;font-size:13.5px;font-weight:500;color:#1A0F5E;
    cursor:pointer;transition:background .16s;list-style:none;
}
.dd-footer-pill summary::-webkit-details-marker{display:none}
.dd-footer-pill summary:hover{background:#CFC7F2}
.dd-footer-pill[open] summary{background:#CFC7F2}
.dd-footer-pill-menu{
    position:absolute;bottom:calc(100% + 8px);left:0;min-width:180px;max-width:min(260px, calc(100vw - 32px));z-index:60;
    display:flex;flex-direction:column;gap:2px;padding:6px;
    background:#fff;border:1px solid #E4E0F5;border-radius:12px;
    box-shadow:0 12px 30px rgba(26,15,94,.16);
    box-sizing:border-box;
}
.dd-footer-pill-menu a{padding:8px 12px;border-radius:8px;font-size:13px;color:#1A0F5E;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media (max-width: 480px){
    .dd-footer-pill-menu{min-width:0;width:max-content;max-width:calc(100vw - 28px)}
    .dd-footer-pill-menu a{padding:7px 10px;font-size:12.5px}
}
.dd-footer-pill-menu a:hover{background:#F1EEFC}
.dd-footer-pill-menu a.is-active{font-weight:700;background:#EDE8FB}

.dd-footer-news{display:flex;flex-direction:column;gap:11px;box-sizing:border-box;padding:18px 16px 0;border:1px solid #E4DFF8;border-radius:18px;background:linear-gradient(135deg,#E9E6FB 0%,#F3E7FB 55%,#FDEEF6 100%)}
.dd-footer-news-head{font-size:17px;font-weight:600;line-height:1.5}
:root:lang(zh) .dd-footer-news-head{font-size:16px;white-space:nowrap}
.dd-footer-news-hl{font-weight:800;margin:0 2px}
.dd-footer-news-sub{font-size:12.5px;line-height:1.6;color:#4A4A7A}
.dd-footer-news-form{
    display:flex;align-items:center;height:46px;background:#fff;border-radius:100px;
    padding:0 4px 0 18px;gap:8px;border:1px solid #DCD6F7;
}
.dd-footer-news-form input{
    flex:1;min-width:0;border:none;background:transparent;outline:none;
    font-size:14px;font-family:inherit;color:#1A0F5E;
}
.dd-footer-news-form input::placeholder{color:#9A93C7}
.dd-footer-news-form button{
    height:36px;padding:0 20px;border:none;border-radius:100px;background:#4D33DE;color:#fff;
    font-size:13.5px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background .16s;
}
.dd-footer-news-form button:hover{background:#3D21DD}
.dd-footer-news-note{font-size:12.5px;color:#0f9d58;min-height:16px}

.dd-footer-social{position:relative;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.dd-footer-social>a,.dd-footer-social>details>summary{
    width:34px;height:34px;border:1px solid color-mix(in srgb,var(--theme-primary,#4D33DE) 16%,transparent);border-radius:50%;background:#fff;color:var(--theme-primary,#4D33DE);
    display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;list-style:none;transition:background .16s,color .16s,border-color .16s,transform .16s;
}
.dd-footer-social>details>summary::-webkit-details-marker{display:none}
.dd-footer-social>a:hover,.dd-footer-social>details>summary:hover,.dd-footer-social>details[open]>summary{background:var(--theme-primary,#4D33DE);border-color:var(--theme-primary,#4D33DE);color:#fff;transform:translateY(-1px)}
.dd-footer-social i{font-size:18px;line-height:1}
.dd-footer-col .dd-footer-social{display:grid;grid-template-columns:repeat(3,30px);justify-content:start;margin-top:4px;gap:7px}
.dd-footer-col .dd-footer-social>a,.dd-footer-col .dd-footer-social>details>summary{width:30px;height:30px;opacity:1}
.dd-footer-col .dd-footer-social i{font-size:16px}
.dd-social-wechat{position:static}
.dd-social-qr{
    position:absolute;left:0;bottom:calc(100% + 10px);z-index:80;width:232px;padding:11px;
    border:1px solid #DCD6F7;border-radius:14px;background:#fff;color:#1A0F5E;
    box-shadow:0 16px 38px rgba(26,15,94,.2);text-align:center;
}
.dd-social-qr img{display:block;width:210px;height:210px;border-radius:10px;object-fit:cover}
.dd-social-qr strong{display:block;margin-top:7px;font-size:13px;line-height:1.4}
.dd-social-qr small{display:block;margin-top:2px;color:#6B6785;font-size:11.5px}

/* ---- 四列链接 ---- */
.dd-footer-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.dd-footer-col{display:flex;flex-direction:column;gap:11px}
.dd-footer-col-title{font-size:15px;font-weight:700;color:#1A0F5E;margin-bottom:5px}
.dd-footer-col a{
    font-size:14px;color:#4A4A7A;text-decoration:none;width:fit-content;
    opacity:.85;transition:color .15s,opacity .15s;line-height:1.35;
}
.dd-footer-col a:hover{color:#3D21DD;opacity:1}

/* ---- 版权栏 ---- */
.dd-footer-legal{
    border-top:1px solid #DCD6F7;background:#EDEBFB;
}
.dd-footer-legal{
    max-width:1440px;margin:0 auto;padding:20px 32px;
    display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
    font-size:13px;color:#4A4A7A;
}
.dd-footer-copy{opacity:.85}
.dd-footer-legal-links{display:flex;gap:22px;flex-wrap:wrap}
.dd-footer-legal-links a{color:#4A4A7A;text-decoration:none;opacity:.85;transition:color .15s,opacity .15s}
.dd-footer-legal-links a:hover{color:#3D21DD;opacity:1}

/* ---- 响应式 ---- */
@media(max-width:1100px){
    .dd-footer-main{grid-template-columns:1fr;gap:40px}
    .dd-footer-brand{max-width:100%}
    .dd-footer-cols{grid-template-columns:repeat(2,1fr);gap:30px}
}
@media(max-width:560px){
    .dd-footer-main{padding:36px 18px 30px}
    .dd-footer-cols{grid-template-columns:1fr;gap:26px}
    .dd-footer-legal{padding:18px;flex-direction:column;align-items:flex-start;gap:12px}
    .dd-footer-legal-links{gap:16px}
    .dd-footer-news-form{height:auto;flex-direction:column;border-radius:16px;padding:14px;align-items:stretch}
    .dd-footer-news-form button{height:40px}
}

/* ---- 手机版页脚（2026-09-25，参考 dynadot.com/zh 的手机页脚） ----
   结构对齐 Dynadot：品牌居中 → 订阅做成渐变卡片、输入与按钮同一行 →
   链接组在手机上仍是多列（2 列，而不是单列堆到底）→ 底栏居中紧凑。 */
@media(max-width:720px){
    .dd-footer-main{padding:34px 18px 26px;gap:26px}
    .dd-footer-brand{max-width:none;align-items:center;text-align:center;gap:16px}
    .dd-footer-logo{justify-content:center}
    .dd-footer-pills{justify-content:center}

    .dd-footer-news{
        width:100%;align-items:center;text-align:center;gap:8px;
        padding:20px 16px 16px;
    }
    .dd-footer-news-note:empty{display:none}
    .dd-footer-news-head{font-size:16px;line-height:1.45;max-width:none}
    :root:lang(zh) .dd-footer-news-head{font-size:clamp(12.5px,3.55vw,16px)}
    .dd-footer-news-sub{font-size:12.5px;max-width:32ch}
    .dd-footer-news-form{
        height:48px;flex-direction:row;align-items:center;border-radius:100px;
        padding:0 4px 0 16px;width:100%;background:#fff;border:1px solid #E3E0F5;
        box-shadow:0 8px 20px rgba(26,15,94,.07);
    }
    /* 输入框必须可收缩：<input type=email> 自带约 190px 默认宽度，会把窄屏 layout 撑宽导致"溢出" */
    .dd-footer-news-form input{height:100%;font-size:14px;text-align:left;width:100%;min-width:0;flex:1 1 auto;padding:0;border:0;background:transparent}
    .dd-footer-news-form{min-width:0}
    .dd-footer-news-form button{height:38px;padding:0 18px;font-size:13.5px;flex:none}

    .dd-footer-social{justify-content:center;gap:10px}
    .dd-footer-col .dd-footer-social{justify-content:start;margin-top:7px}
    .dd-footer-social .dd-social-qr{position:absolute;left:50%;right:auto;bottom:calc(100% + 12px);width:min(232px,calc(100vw - 24px));transform:translateX(-50%)}
    .dd-footer-col .dd-footer-social .dd-social-qr{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom,0px))}
    .dd-footer-social .dd-social-qr img{width:100%;height:auto}

    .dd-footer-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
    .dd-footer-col{gap:6px}
    .dd-footer-col-title{font-size:13.5px;margin-bottom:2px}
    .dd-footer-col a{font-size:12.5px;line-height:1.5}

    .dd-footer-legal{padding:16px 18px;flex-direction:column;align-items:center;gap:10px;text-align:center}
    .dd-footer-legal-links{gap:14px;justify-content:center;flex-wrap:wrap;font-size:12px}
}
/* 极窄屏（<=400px）：订阅表单允许换行，按钮整行，彻底消除宽度压力 */
@media(max-width:340px){
    .dd-footer-news-form{height:auto;flex-wrap:wrap;padding:10px;border-radius:16px;gap:10px}
    .dd-footer-news-form input{height:38px;flex:1 1 100%}
    .dd-footer-news-form button{flex:1 1 100%;height:42px;justify-content:center}
}

/* ---- 暗色 ---- */
:root[data-theme="dark"] .dd-footer,
:root[data-theme="dark"] .dd-footer-legal{background:#0F0A2E !important;color:#DCD6F7 !important}
:root[data-theme="dark"] .dd-footer-logo,
:root[data-theme="dark"] .dd-footer-logo-text,
:root[data-theme="dark"] .dd-footer-col-title,
:root[data-theme="dark"] .dd-footer-news-head{color:#F3F0FF !important}
:root[data-theme="dark"] .dd-footer-logo img{filter:brightness(0) invert(1) !important}
:root[data-theme="dark"] .dd-footer-logo-mark{color:#F3F0FF !important}
:root[data-theme="dark"] .dd-footer-col a,
:root[data-theme="dark"] .dd-footer-legal-links a,
:root[data-theme="dark"] .dd-footer-copy,
:root[data-theme="dark"] .dd-footer-news-sub,
:root[data-theme="dark"] .dd-footer-brand-copy{color:#C8C1E4 !important;opacity:1}
:root[data-theme="dark"] .dd-footer-pill summary{background:#2A2060 !important;color:#DCD6F7 !important}
:root[data-theme="dark"] .dd-footer-pill-menu{background:#1E1747 !important;border-color:#2A2060 !important}
:root[data-theme="dark"] .dd-footer-pill-menu a{color:#DCD6F7 !important}
:root[data-theme="dark"] .dd-footer-pill-menu a:hover{background:#2A2060 !important}
:root[data-theme="dark"] .dd-footer-social>a,:root[data-theme="dark"] .dd-footer-social>details>summary{background:#2A2060 !important;border-color:#453A80 !important;color:#DCD6F7 !important}
:root[data-theme="dark"] .dd-footer-social>a:hover,:root[data-theme="dark"] .dd-footer-social>details>summary:hover,:root[data-theme="dark"] .dd-footer-social>details[open]>summary{background:var(--theme-primary,#4D33DE) !important;border-color:var(--theme-primary,#4D33DE) !important;color:#fff !important}
:root[data-theme="dark"] .dd-footer-social .dd-social-qr{background:#171040 !important;border-color:#453A80 !important;color:#F3F0FF !important;box-shadow:0 18px 42px rgba(0,0,0,.5)}
:root[data-theme="dark"] .dd-footer-social .dd-social-qr small{color:#BDB3E8 !important}
:root[data-theme="dark"] .dd-footer-news-form{background:#171040 !important;border-color:#2A2060 !important}
:root[data-theme="dark"] .dd-footer-news-form input{color:#DCD6F7 !important}
:root[data-theme="dark"] .dd-footer-news{background:linear-gradient(135deg,#21184f 0%,#281b52 55%,#351c4b 100%) !important;border-color:#453568 !important}
:root[data-theme="dark"] .dd-footer-news-head{color:#F6F3FF !important}
:root[data-theme="dark"] .dd-footer-news-sub{color:#C8C1E4 !important}
:root[data-theme="dark"] .dd-footer-news-form input::placeholder{color:#AFA6CC !important}
:root[data-theme="dark"] .dd-footer-legal{border-top-color:#2A2060 !important}

/* ===== 回到顶部按钮（2026-09-26） ===== */
.dd-totop{
    position:fixed; right:22px; bottom:22px; z-index:1200;
    width:46px; height:46px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:#4D33DE; color:#fff; border:0; cursor:pointer;
    box-shadow:0 10px 26px rgba(26,15,94,.28);
    opacity:0; transform:translateY(8px); transition:opacity .2s ease, transform .2s ease, background .16s;
}
.dd-totop.is-on{ opacity:1; transform:none; }
.dd-totop:hover{ background:#3D21DD; }
.dd-totop:focus-visible{ outline:3px solid rgba(76,50,223,.35); outline-offset:2px; }
:root[data-theme="dark"] .dd-totop{ background:#4D33DE; color:#fff; box-shadow:0 10px 26px rgba(0,0,0,.5); }
@media (max-width:720px){
    .dd-totop{ right:14px; bottom:16px; width:42px; height:42px; }
}
@media (prefers-reduced-motion:reduce){
    .dd-totop{ transition:none; }
}

/* dsh-mobile-adapt-4：页脚订阅输入框字号 ≥16px（iOS 聚焦不放大） */
@media(max-width:720px){
    .dd-footer-news-form input{font-size:16px !important}
}


/* ry-social-hover-contrast-v1: keep icon/text white on the filled hover state. */
.dd-footer-col .dd-footer-social>a:hover,
.dd-footer-col .dd-footer-social>a:focus-visible,
.dd-footer-col .dd-footer-social>details[open]>summary,
.dd-footer-col .dd-footer-social>details>summary:hover,
.dd-footer-col .dd-footer-social>details>summary:focus-visible{
    background:var(--theme-primary,#4D33DE)!important;
    border-color:var(--theme-primary,#4D33DE)!important;
    color:#fff!important;
}
.dd-footer-col .dd-footer-social>a:hover i,
.dd-footer-col .dd-footer-social>a:focus-visible i,
.dd-footer-col .dd-footer-social>details>summary:hover i,
.dd-footer-col .dd-footer-social>details>summary:focus-visible i{color:#fff!important}


/* ===== dd-social-qr 窄屏收口（2026-11-10）=====
   微信二维码气泡在 <=480px 统一走视口右下角（RTL 左下角），与 .dd-footer-col 既有 fixed 行为一致，
   并给 12px 安全边距、宽度封顶 min(232px, 100vw-24px)。
   原 left:50% + translateX(-50%) 在定位上下文只有列宽时会把气泡推出视口（320px 右侧溢出 16px，RTL 左侧溢出 16px）。 */
@media (max-width:480px){
    .dd-footer-col .dd-footer-social .dd-social-qr,
    .dd-footer-social .dd-social-qr,
    .dd-mnav-social .dd-social-qr{
        position:fixed;
        left:auto;
        right:12px;
        bottom:calc(18px + env(safe-area-inset-bottom,0px));
        transform:none;
        width:min(232px,calc(100vw - 24px));
        max-width:calc(100vw - 24px);
    }
    [dir="rtl"] .dd-footer-col .dd-footer-social .dd-social-qr,
    [dir="rtl"] .dd-footer-social .dd-social-qr,
    [dir="rtl"] .dd-mnav-social .dd-social-qr{
        right:auto;
        left:12px;
    }
}