/*
 * 快捷通道：点击图片卡片后显示后台配置的外部链接名称。
 * 本文件在 dreamer-fix.css 之后加载，仅作用于正式展示页面。
 */

html:not(.wp-dreamer-design) #container-1 .mod,
html:not(.wp-dreamer-design) #container-1 .home-top-grid,
html:not(.wp-dreamer-design) #container-1 .home-side-stack,
html:not(.wp-dreamer-design) #container-1 .home-section-quick,
html:not(.wp-dreamer-design) #container-1 .quick-channel-card,
html:not(.wp-dreamer-design) #container-1 .quick-boxm,
html:not(.wp-dreamer-design) #container-1 .quick-channel-list {
    overflow: visible !important;
}

html:not(.wp-dreamer-design) #container-1 .quick-channel-list .links-wrap {
    position: relative !important;
    overflow: visible !important;
    cursor: pointer !important;
    z-index: 1;
}

html:not(.wp-dreamer-design) #container-1 .quick-channel-list .links-wrap.quick-channel-open {
    z-index: 10020 !important;
}

/* 后台原生 select/链接结构继续保留，供脚本读取，但不直接显示。 */
html:not(.wp-dreamer-design) #container-1 .quick-channel-list .links-wrap > select,
html:not(.wp-dreamer-design) #container-1 .quick-channel-list .links-wrap > div[frag="窗口内容"] > select,
html:not(.wp-dreamer-design) #container-1 .quick-channel-list .links-wrap .link-items,
html:not(.wp-dreamer-design) #container-1 .quick-channel-list .links-wrap > div[frag="窗口内容"] > a {
    display: none !important;
}

/* 透明点击层：不遮挡卡片图片上的标题。 */
html:not(.wp-dreamer-design) #container-1 .quick-channel-list .quick-channel-trigger {
    position: absolute;
    inset: 0;
    z-index: 30;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    appearance: none;
    -webkit-appearance: none;
}

html:not(.wp-dreamer-design) #container-1 .quick-channel-list .quick-channel-trigger:focus-visible {
    outline: 3px solid rgba(27, 96, 190, 0.48);
    outline-offset: 3px;
}

/* 右下角下拉提示。 */
html:not(.wp-dreamer-design) #container-1 .quick-channel-list .quick-channel-trigger::after {
    content: "";
    position: absolute;
    right: 10px;
    bottom: 8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid rgba(255, 255, 255, 0.94);
    filter: drop-shadow(0 1px 1px rgba(0, 35, 80, 0.45));
    transition: transform 0.18s ease;
}

html:not(.wp-dreamer-design) #container-1 .quick-channel-list .quick-channel-open .quick-channel-trigger::after {
    transform: rotate(180deg);
}

/* 自定义下拉菜单。覆盖 style.css 中“隐藏后台文字”的旧规则。 */
html:not(.wp-dreamer-design) #container-1 .quick-channel-list .links-wrap > .quick-channel-dropdown {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    z-index: 10030 !important;
    display: none !important;
    width: max(100%, 300px) !important;
    min-width: 100% !important;
    max-width: min(420px, 88vw) !important;
    height: auto !important;
    max-height: 300px !important;
    margin: 0 !important;
    padding: 7px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 1px solid #d8e2f0 !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 34px rgba(16, 48, 93, 0.22) !important;
    color: #18388c !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    text-align: left !important;
    text-indent: 0 !important;
    white-space: normal !important;
    box-sizing: border-box !important;
}

html:not(.wp-dreamer-design) #container-1 .quick-channel-list .links-wrap.quick-channel-open > .quick-channel-dropdown {
    display: block !important;
}

html:not(.wp-dreamer-design) #container-1 .quick-channel-list .quick-channel-dropdown a,
html:not(.wp-dreamer-design) #container-1 .quick-channel-list .quick-channel-dropdown button {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid #edf1f7 !important;
    border-radius: 4px !important;
    background: transparent !important;
    color: #173d72 !important;
    font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    text-align: left !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

html:not(.wp-dreamer-design) #container-1 .quick-channel-list .quick-channel-dropdown a:last-child,
html:not(.wp-dreamer-design) #container-1 .quick-channel-list .quick-channel-dropdown button:last-child {
    border-bottom: 0 !important;
}

html:not(.wp-dreamer-design) #container-1 .quick-channel-list .quick-channel-dropdown a:hover,
html:not(.wp-dreamer-design) #container-1 .quick-channel-list .quick-channel-dropdown a:focus,
html:not(.wp-dreamer-design) #container-1 .quick-channel-list .quick-channel-dropdown button:hover,
html:not(.wp-dreamer-design) #container-1 .quick-channel-list .quick-channel-dropdown button:focus {
    background: #edf5ff !important;
    color: #0b56aa !important;
    outline: none !important;
}

@media screen and (max-width: 767px) {
    html:not(.wp-dreamer-design) #container-1 .quick-channel-list .links-wrap > .quick-channel-dropdown {
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
}