/* Material Symbols Outlined */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    display: inline-block;
    vertical-align: middle;
}

/* Tonal Card */
.tonal-card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
    transition: all 0.2s ease-in-out;
}
.tonal-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

/* Select Button Styles */
.select_btn .action .title {
    color: #e18a2a;
}
.select_btn .action .triangle-down {
    border-bottom: 0.88rem solid #e18a2a;
    border-top: none;
}
.select_btn .active .title {
    color: #e18a2a;
}
.select_btn .active .triangle-down {
    border-bottom: 0.88rem solid #e18a2a;
    border-top: none;
}
.do_select {
    color: #4e5258;
}
.selected_btn {
    color: #FFFFFF;
    background: #006DB6;
}
.selected_btn .hidden-image {
    display: none;
}
.selected_btn:hover .hidden-image {
    display: block;
}

/* Triangle Down */
.triangle-down {
    width: 0; 
    height: 0; 
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-top: 0.88rem solid #737782;
}

/* Select Label Box */
.SelectLabelBox {
    display: none;
    padding: 1rem 0;
    border-bottom: 1px solid #EEEEEE;
}
.SelectLabelBox.active {
    display: block;
}

/* ===== WeDeal 参考稿（WeDeal-Web-Redesign）页面级自定义类 =====
   来源：参考稿各页 <style> 块，缺这些类卡片网格/毛玻璃效果会整体失效 */

/* 卡片网格布局（fundlist 等） */
.funding-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.5rem;
}

/* 毛玻璃卡片 */
.glass-card {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(226, 232, 240, 0.8);
}

/* 毛玻璃效果容器（investors） */
.glass-effect {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(8px);
}

/* 毛玻璃导航（homepage） */
.glass-nav {
    backdrop-filter: blur(8px);
    background-color: rgba(255, 255, 255, 0.95);
}

/* 融资轮卡片 hover（homepage） */
.funding-card:hover {
    box-shadow: 0 12px 24px -4px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

/* 投资者卡片社交图标（investors，默认半透明悬浮时上浮点亮） */
.social-icon { width: 20px; height: 20px; }
.investor-card .social-icon { opacity: 0.6; transition: all 0.2s ease; }
.investor-card:hover .social-icon {
    transform: translateY(-2px);
    opacity: 1;
}

/* 细滚动条（investors） */
.custom-scrollbar::-webkit-scrollbar { width: 4px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #f1f4f8; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #003f89; border-radius: 10px; }

/* ===== M3 令牌反压旧 Bootstrap 同名类（仅 wedeal 新版页面）=====
   core/app.min.css 里有带 !important 的 .text-primary/.bg-primary 等（Bootstrap 语义），
   会碾压 Tailwind M3 同名类。此处限定在 main.wd-main（新版页面专属包裹层）内
   用更高 specificity 反压，不影响仍在使用 Bootstrap 语义的旧版页面。 */
main.wd-main { background-color: #f7fafe; }
main.wd-main .text-primary { color: #002a5f !important; }
main.wd-main a.text-primary:hover, main.wd-main a.text-primary:focus { color: #002a5f !important; }
main.wd-main .bg-primary { background-color: #002a5f !important; }
main.wd-main a.bg-primary:hover, main.wd-main a.bg-primary:focus, main.wd-main button.bg-primary:hover, main.wd-main button.bg-primary:focus { background-color: #002a5f !important; }
main.wd-main .text-secondary { color: #FF8332 !important; }
main.wd-main a.text-secondary:hover, main.wd-main a.text-secondary:focus { color: #FF8332 !important; }
main.wd-main .bg-secondary { background-color: #FF8332 !important; }
main.wd-main a.bg-secondary:hover, main.wd-main a.bg-secondary:focus, main.wd-main button.bg-secondary:hover, main.wd-main button.bg-secondary:focus { background-color: #FF8332 !important; }
main.wd-main .border-primary { border-color: #002a5f !important; }
main.wd-main .border-secondary { border-color: #FF8332 !important; }
main.wd-main .border-white { border-color: #ffffff !important; }
main.wd-main .border-transparent { border-color: transparent !important; }
/* hover/group-hover 变体反压（Tailwind 变体无 important，会被旧基类压住） */
main.wd-main .hover\:bg-secondary:hover { background-color: #FF8332 !important; }
main.wd-main .hover\:text-primary:hover { color: #002a5f !important; }
main.wd-main .group:hover .group-hover\:text-secondary { color: #FF8332 !important; }

/* app.min.css 的 p{word-break:break-all} 会把英文单词从中间截断（卡片标题/页脚描述），
   redesign 页面统一恢复正常断行（仅作用于 wd-main 区域，不影响旧模板） */
main.wd-main p { word-break: normal; }