@charset "utf-8";
/**
 * 前台接待页样式 - 现代质感版 (完整修复版)
 */

body::-webkit-scrollbar { display: none; }
html, body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}
/* ==========================================
   1. 基础共用样式 (PC/MB 通用)
   ========================================== */

/* 列表通用体 */
.nc_body { background-color: #f7f8fa; }
.nc_listbody { padding-bottom: 60px; }
.nc_listul {
    list-style: none; width: 100%; display: flex; flex-wrap: wrap;
    padding: 30px 0; margin: 0; gap: 24px;
}
.nc_listul li { background-color: #fff; overflow: hidden; cursor: pointer; }
.nc_listul .nc_libody { text-align: left; }

/* ==========================================
   2. PC端专属样式 (>= 1025px)
   ========================================== */
@media screen and (min-width: 1025px) {
    .nc_pcnone { display: none !important; }
    .nc_mbnone { display: block; }
    
    /* ------------------------------------------
       Banner 背景与头部区
       ------------------------------------------ */
    .nc_banner { 
        /* 解决没背景图的问题：请确保 images 文件夹在 CSS 的上一级 */
        background-image: url('../img/banner_bg.png'); 
        background-size: cover; 
        background-position: center right; 
        background-repeat: no-repeat;
        background-color: #f4f7fc; 
        position: relative;
    }
        /* ★ 修复 Banner 内容居中，恢复 1280px 限制 */
    .nc_banner > div.nc_mbcss { 
        width: 1280px; 
        max-width: 90%; 
        margin: 0 auto; /* 保证居中 */
        position: relative; 
        z-index: 2; 
        padding-top: 60px; /* 顶部留白 */
        padding-bottom: 60px; /* 底部留白 */
    }
    
        /* ------------------------------------------
       ★ 修复头部：整体居中，菜单在左，Logo在右
       ------------------------------------------ */
    .nc_header { 
        position: relative; 
        z-index: 10; 
        width: 100%;
        background: #fff; 
        box-shadow: 0 2px 10px rgba(0,0,0,0.02);
    }
    
    /* 控制头部最大宽度并居中 */
    .nc_header > div {
        width: 1280px; 
        max-width: 90%; 
        margin: 0 auto; /* 保证居中 */
        height: 72px; 
        display: flex; 
        align-items: center; 
        justify-content: space-between; /* 菜单靠左，Logo靠右 */
    }
    
    /* 导航菜单容器 */
    .nc_header .nc_column1 { 
        display: flex; 
        align-items: center; 
        height: 100%; 
    }
    .nc_header .nc_column1 > div { 
        display: flex; 
        align-items: center; 
        gap: 32px; /* 菜单项之间的间距 */
    }
    
    /* 菜单项 */
    .nc_header .nc_column1 a {
        display: inline-block; 
        color: #666; 
        font-size: 16px; 
        font-weight: 500;
        line-height: 72px; 
        position: relative;
        transition: color 0.3s;
    }
    .nc_header .nc_column1 a:hover { color: var(--theme-color, #4B51D7); }
    
    /* 选中状态：蓝字 + 底部粗蓝线 */
    .nc_header .nc_column1 a.on { 
        color: var(--theme-color, #4B51D7); 
        font-weight: bold; 
    }
    .nc_header .nc_column1 a.on::after {
        content: ""; 
        position: absolute; 
        left: 0; right: 0; bottom: 0; 
        height: 3px; 
        background-color: var(--theme-color, #4B51D7); 
    }
    
    /* 隐藏旧代码里的 <i> 标签 */
    .nc_header .nc_column1 a.on > i { display: none; }

    /* Logo 容器（靠右显示） */
    .header-logo-box {
        background: #fff;
        padding: 6px 12px; 
        border-radius: 8px;
        display: flex; 
        align-items: center;
    }
    .header-logo-box img { 
        height: 32px; 
        width: auto; 
        object-fit: contain; 
        display: block; 
    }
    
    /* ★ 强制左对齐，限制宽度，防止文字叠在插画上 */
    .banner-flexbox { display: flex; justify-content: flex-start; align-items: flex-start; width: 100%; }
    .banner-left { flex: 1; max-width: 55%; text-align: left; }

    /* ★ 修复标题：解决截图里黑色大字撞色问题 */
    .nc_titlefont { 
        font-size: 38px; font-weight: 800; line-height: 1.3; 
        margin-bottom: 20px; color: #1a2e5a !important; /* 强制深蓝色 */
        padding-left: 16px; position: relative;
    }
    .nc_titlefont::before {
        content: ""; position: absolute; left: 0; top: 15%; width: 6px; height: 70%;
        background-color: var(--theme-color, #4B51D7); border-radius: 4px;
    }
    
         /* ==========================================
       ★ 简介区 (恢复3行截断 + 慢速平滑气泡)
       ========================================== */
    .nc_describe { 
        text-align: left; 
        margin-top: 16px; 
        margin-bottom: 36px; 
        width: 100%; 
        max-width: 800px; /* 控制气泡最大宽度 */
        position: relative; 
        cursor: pointer;
    }
    
    /* 1. 默认截断 3 行 */
    .nc_describe > div.nc_descrshow { 
        font-size: 15px; 
        line-height: 1.8; 
        color: #666 !important; 
        padding-right: 40px;
        display: -webkit-box; 
        -webkit-line-clamp: 3; /* 严格限制 3 行 */
        -webkit-box-orient: vertical; 
        overflow: hidden;
    }

    /* 2. 气泡弹窗（放慢出现速度） */
    .nc_describe::after {
        content: attr(data-fulltext); 
        position: absolute; 
        top: -20px; 
        left: 0; 
        width: 100%; 
        max-width: 600px;
        background: #fff; 
        padding: 24px; 
        border-radius: 16px;
        box-shadow: 0 16px 40px rgba(0,0,0,0.08); 
        border: 1px solid rgba(0,0,0,0.04);
        font-size: 14px; 
        line-height: 1.8; 
        color: #555;
        opacity: 0; 
        visibility: hidden; 
        transform: translateY(15px); 
        z-index: 99;
        pointer-events: none;
        
        /* ★ 核心：把过渡时间拉长到 1s，使用 ease 缓动，不再闪烁 */
        transition: opacity 1s ease, transform 1s ease, visibility 1s ease;
    }

    /* 3. 鼠标悬停时显示气泡 */
    .nc_describe:hover::after {
        opacity: 1; 
        visibility: visible; 
        transform: translateY(0); 
        pointer-events: auto;
    }


        /* ==========================================
       大搜索框 (绝对定位终极版，拒绝一切样式干扰)
       ========================================== */
    .banner-search { 
        margin-top: 0;
        width: 100%;
        display: block;
    }
    
    /* 外框 */
    .big-search-box {
        position: relative !important; /* 为按钮的绝对定位做参考 */
        display: flex !important; 
        width: 520px !important; 
        height: 56px !important; 
        background: #ffffff !important;
        border-radius: 28px !important; 
        box-shadow: 0 8px 24px rgba(0,0,0,0.06) !important;
        border: 1px solid #e0e6f0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important; /* 保证内部不溢出 */
    }
    
    /* 输入框 */
    .big-search-box input {
        flex: 1 !important; 
        border: none !important; 
        outline: none !important; 
        padding: 0 100px 0 24px !important; /* 右侧留出 100px 给按钮，防止文字被按钮遮挡 */
        font-size: 15px !important; 
        color: #333 !important; 
        background: transparent !important;
        height: 100% !important;
    }
    
    /* ★ 按钮 (绝对定位定死在右侧) */
    .big-search-box button {
        position: absolute !important;
        right: 6px !important; /* 距离右边 6px */
        top: 6px !important; /* 距离顶部 6px */
        width: 80px !important; 
        height: 44px !important; /* 56 - 6 - 6 = 44px */
        background-color: var(--theme-color, #4B51D7) !important; /* 蓝色底 */
        background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z" fill="%23ffffff"/></svg>') !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 20px 20px !important;
        border: none !important; 
        border-radius: 22px !important; /* 44px 的一半，完美胶囊 */
        cursor: pointer !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .big-search-box button:hover { 
        background-color: #1a45d9 !important; 
    }
        /* ==========================================
       搜索下拉提示框 (完美贴合搜索框底部)
       ========================================== */
    /* 1. 给 form 设置相对定位，作为下拉框的参考系 */
    form {
        position: relative !important; 
        display: inline-block !important;
        width: 520px; /* 和你的大搜索框宽度保持一致 */
    }

    /* 2. 提示框定位 */
    .searchdetailbox {
        position: absolute !important;
        top: 100% !important; /* ★ 核心：距离顶部 100%，也就是紧贴在搜索框正下方 */
        left: 0 !important;
        width: 100% !important;
        margin-top: 8px !important; /* 留出 8px 的细小缝隙，视觉上更透气，不会觉得黏在一起 */
        
        background: #fff !important;
        border-radius: 12px !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
        border: 1px solid #f0f0f0 !important;
        z-index: 999 !important; /* 保证层级最高，不被插画遮挡 */
        
        display: none; /* 默认隐藏，由你原有的 JS 函数触发显示 */
        overflow: hidden !important;
    }
    
    /* 3. 列表样式 */
    .searchdetailbox ul {
        max-height: 300px !important;
        overflow-y: auto !important;
        padding: 8px 0 !important;
    }
    
    .searchdetailbox ul li {
        padding: 12px 24px !important;
        color: #333 !important;
        font-size: 14px !important;
        cursor: pointer !important;
        transition: background 0.2s !important;
    }
    
    .searchdetailbox ul li:hover {
        background: #f7f8fa !important;
        color: var(--theme-color, #4B51D7) !important;
    }

    /* 补充：输入框聚焦时的光晕效果 */
    .big-search-box:focus-within {
        box-shadow: 0 8px 32px rgba(43, 92, 255, 0.15) !important;
        border-color: var(--theme-color, #4B51D7) !important;
    }
    /* 隐藏不需要的按钮 */
    .nc_comdetail { display: none !important; }

    /* ------------------------------------------
       内容列表区 (热门推荐)
       ------------------------------------------ */
    .nc_body { background-color: #f4f7fc; padding-bottom: 60px; }
    
     /* “热门推荐”标题 */
    .bodytitle {
        width: 1280px; max-width: 90%; margin: 0 auto; 
        padding: 40px 0 20px; font-size: 24px; font-weight: bold; color: #1a2e5a;
        display: flex; align-items: center; /* 弹性布局让竖线和文字并排 */
    }
    .bodytitle i {
        display: inline-block; width: 5px; height: 22px; 
        background: var(--theme-color, #4B51D7); border-radius: 3px; margin-right: 12px; /* 右侧留白 */
        /* 删掉之前可能导致错位的相对定位 */
    }

    /* 列表容器 (4列布局) */
    .nc_listbody > div { width: 1280px; max-width: 90%; margin: auto; }
    .nc_listul { display: flex; flex-wrap: wrap; gap: 24px; padding: 0; }
    .nc_listul li {
        width: calc((100% - 72px) / 4.0); 
        background-color: #fff; border-radius: 12px; overflow: hidden;
        box-shadow: 0 4px 16px rgba(0,0,0,0.03);
        transition: transform 0.3s, box-shadow 0.3s;
        cursor: pointer;
    }
    .nc_listul li:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0,0,0,0.08); }
    
    /* 图片区 */
    .nc_listul li > div:nth-child(1) { position: relative; width: 100%; aspect-ratio: 16/9; overflow: hidden; background: #f0f0f0; }
    .nc_listul li img.nc_img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
    .nc_listul li:hover img.nc_img { transform: scale(1.05); }
    
    /* 类型图标遮罩 */
    .nc_typeimg { background: rgba(0,0,0,0.3); width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(2px); transition: opacity 0.3s; }
    .nc_listul li:hover .nc_typeimg { opacity: 1; }
    .nc_typeimg img { width: 48px; height: 48px; transform: scale(0.8); transition: transform 0.3s; }
    .nc_listul li:hover .nc_typeimg img { transform: scale(1); }

    /* 文本区 */
    .nc_listul .nc_libody { padding: 20px; }
    .nc_listul .nc_libody > a { 
        display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; 
        overflow: hidden; line-height: 24px; color: #333; font-size: 16px; 
        font-weight: bold; margin-bottom: 12px; transition: color 0.3s;
    }
    .nc_listul li:hover .nc_libody > a { color: var(--theme-color, #4B51D7); }
    
    /* 标签胶囊 */
    .nc_listul .nc_libody > div { display: flex; flex-wrap: wrap; gap: 8px; }
    .nc_listul .nc_libody > div a { 
        color: #666; font-size: 12px; background: #f4f6f8; 
        padding: 4px 10px; border-radius: 4px; 
    }
    .nc_listul .nc_libody > div a:hover { background: #e8eaf0; color: #333; }

    /* ------------------------------------------
       悬浮按钮
       ------------------------------------------ */
    .meetingbtn, .topbtn { 
        position: fixed; bottom: 50px; right: 40px; z-index: 99; 
        display: flex; align-items: center; justify-content: center; 
        width: 52px; height: 52px; cursor: pointer; border-radius: 50%; 
        background-color: #fff; box-shadow: 0 6px 20px rgba(0,0,0,0.1); 
        overflow: hidden;
    }
    .topbtn { bottom: 118px; }
    .meetingbtn img, .topbtn img { width: 100%; height: 100%; object-fit: cover; margin: 0; }
    .meetingbtn:hover, .topbtn:hover { background-color: #f7f7f7; transform: translateY(-4px); }

    
}
/* ==========================================
   3. 移动端专属样式 (<= 1024px) - 现代化重构版
   ========================================== */
@media screen and (max-width: 1025px) {
    
    /* ---------- 基础隐藏 ---------- */
    .nc_mbnone { display: none !important; } 
    .nc_header { display: none !important; } 
    .banner-search { display: none !important; } 
    .nc_titlefont::before { display: none !important; } 
    .bodytitle i { display: none !important; } 

    /* ==========================================
       1. 企业简介弹窗 (优化圆角和动画)
       ========================================== */
    .nc_comdetail { 
        display: block; position: fixed; bottom: 0; left: 0; right: 0; 
        width: 100%; background-color: #fff !important; color: #333 !important; 
        border-radius: 24px 24px 0 0; padding: 32px 24px 40px; 
        z-index: 9999; box-shadow: 0 -10px 40px rgba(0,0,0,0.1);
        text-align: left; margin: 0 !important; top: auto !important;
        transform: translateY(100%); opacity: 0; visibility: hidden;
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease, visibility 0.4s;
        max-height: 80vh; overflow-y: auto; 
    }
    .nc_comdetail.active { transform: translateY(0) !important; opacity: 1; visibility: visible; }
    
    /* 顶部拖动条 */
    .nc_comdetail::before {
        content: ""; position: absolute; top: 12px; left: 50%; transform: translateX(-50%);
        width: 36px; height: 4px; background: #E5E5EA; border-radius: 2px;
    }
    .nc_comdetail .comdetail-title { font-size: 20px; font-weight: 700; color: #1A1A1A !important; margin-bottom: 16px; margin-top: 10px; }
    .nc_comdetail .comdetail-desc { font-size: 15px; line-height: 1.7; color: #666 !important; margin-bottom: 24px; text-align: justify; }
    .nc_comdetail a { 
        display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; 
        background-color: var(--theme-color, #4B51D7) !important; color: #fff !important; 
        font-size: 16px; font-weight: 600; border-radius: 25px; text-decoration: none;
        box-shadow: 0 4px 12px rgba(75, 81, 215, 0.3);
    }
    .cm_demandbg { background: rgba(0,0,0,0.6) !important; backdrop-filter: blur(4px); z-index: 9998 !important; display: none; }

    /* ==========================================
       2. Banner 头部区 (增加质感与层次)
       ========================================== */
    .nc_banner { 
        background-image: none !important; 
        background: linear-gradient(135deg, var(--theme-color, #4B51D7) 0%, #2B2D8A 100%) !important; 
        position: relative;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }
    .nc_banner > div.nc_mbcss { padding: 36px 20px 24px; background-color: transparent !important;}
    .nc_mbcss { position: relative; text-align: center; }
    
    /* Logo 磨砂玻璃质感 */
    .mblogo-box { 
        height: 68px; width: 68px; margin: 0 auto 16px; background: rgba(255, 255, 255, 1); 
        backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
        border: 1px solid rgba(255,255,255,0.3);
        border-radius: 50%; display: flex; justify-content: center; align-items: center; 
        box-shadow: 0 8px 24px rgba(0,0,0,0.15); overflow: hidden;
    }
    .mblogo-box img { max-width: 100%; }
    
    .nc_titlefont { 
        font-size: 22px; font-weight: 700; margin-bottom: 12px; 
        color: #fff !important; letter-spacing: 0.5px; padding-left: 0 !important;
    }
    .nc_titlefont a { color: #fff !important; text-decoration: none; }
    
    .nc_describe { margin: 0 auto; width: 90%; text-align: center; }
    .nc_describe > div.nc_descrshow { 
        display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; 
        overflow: hidden; margin-bottom: 12px; font-size: 13px; 
        color: rgba(255, 255, 255, 0.8) !important; line-height: 1.6; 
    }
    .nc_describe > a { 
        color: rgba(255, 255, 255, 0.9) !important; font-size: 13px; 
        display: inline-block; margin-bottom: 20px; text-decoration: none;
        border-bottom: 1px solid rgba(255,255,255,0.4); padding-bottom: 2px;
    }
    
    /* 搜索框磨砂质感 */
    .nc_mbsearchenter { 
        height: 48px; background: rgba(255, 255, 255, 0.15); 
        backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 12px; margin: 0 auto; padding-left: 16px; color: rgba(255,255,255,0.7); font-size: 14px; 
        text-align: left; line-height: 48px; display: block; width: 100%; box-sizing: border-box;
        position: relative;
    }
    .nc_mbsearchenter > i { 
        position: absolute; right: 16px; top: 16px; display: block; width: 16px; height: 16px; 
        background: url(../img/search_white.png) center no-repeat; 
        background-size: 100%; opacity: 0.7;
    }

    /* ==========================================
       3. 导航栏 (胶囊滑动式)
       ========================================== */
    .nc_column1 { 
        background: #F5F7FA; overflow-x: auto; height: 60px; width: 100%; 
        display: flex; align-items: center; scrollbar-width: none; 
        border-bottom: none; padding: 0 16px; box-sizing: border-box;
    }
    .nc_column1::-webkit-scrollbar { display: none; }
    .nc_column1 > div { width: auto; white-space: nowrap; display: flex; gap: 12px; }
    
    .nc_column1 a { 
        display: inline-block; color: #666; font-size: 14px; font-weight: 500;
        padding: 8px 16px; background: #fff; border-radius: 20px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.02); transition: all 0.2s;
    }
    /* 选中态：主题色背景+白字 */
    .nc_column1 a.on { 
        background: var(--theme-color, #4B51D7); 
        color: #fff; font-weight: 600; 
        box-shadow: 0 4px 10px rgba(75, 81, 215, 0.25);
    }
    .nc_column1 a.on::after { display: none; } /* 移除原来的下划线 */

    /* ==========================================
       4. 热门推荐标题
       ========================================== */
    .nc_body { background-color: #F5F7FA; padding-bottom: 40px; }
    .bodytitle {
        width: 100%; padding: 24px 16px 12px; font-size: 18px; font-weight: 700; color: #1A1A1A;
        display: flex; align-items: center;
    }
    /* 给标题加一个现代化的竖线 */
    .bodytitle::before {
        content: ''; display: inline-block; width: 4px; height: 16px; 
        background: var(--theme-color, #4B51D7); border-radius: 2px; margin-right: 8px;
    }

    /* ==========================================
       5. 内容列表卡片 (大留白、强层级)
       ========================================== */
    .nc_listbody > div { width: 100%; padding: 0 16px; box-sizing: border-box; }
    .nc_listul { padding: 0; margin: 0; display: flex; flex-direction: column; gap: 16px; }
    
    .nc_listul li { 
        width: 100%; border-radius: 16px; padding: 12px; 
        display: flex; align-items: flex-start; background-color: #fff;
        box-shadow: 0 4px 16px rgba(0,0,0,0.03); box-sizing: border-box;
        border: 1px solid rgba(0,0,0,0.01);
    }
    
    /* 左侧图片 */
    .nc_listul li > div:nth-child(1) { 
        position: relative; width: 110px; flex-shrink: 0; height: 76px; 
        margin-right: 14px; border-radius: 10px; overflow: hidden; background: #eee; 
    }
    .nc_listul li img.nc_img { width: 100%; height: 100%; object-fit: cover; }
    
    /* 左上角类型角标 (只显示小图标，半透明背景) */
    .nc_typeimg { 
        background: rgba(0,0,0,0.5); backdrop-filter: blur(4px);
        width: 24px; height: 24px; position: absolute; top: 0; left: 0; 
        border-radius: 0 0 8px 0; display: flex; align-items: center; justify-content: center; padding: 4px; box-sizing: border-box;
    }
    .nc_typeimg img { width: 100%; height: auto; }
    
    /* 右侧文本区 */
    .nc_listul li > div:nth-child(2) { 
        flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: space-between; height: 76px; 
    }
    .nc_listul .nc_libody { padding: 0; width: 100%; text-align: left; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
    
    /* 标题多行截断 */
    .nc_listul .nc_libody > a { 
        display: -webkit-box; line-height: 1.4; color: #1A1A1A; font-size: 15px; font-weight: 600; 
        -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 0;
    }

    /* 标签 (注意，你的 HTML 在移动端把标签隐藏了 .nc_mbnone，如果想让移动端显示标签，可以把 HTML 里的这个 class 去掉，现在的 CSS 已经为您预留好了样式) */
    .nc_listul .nc_libody > div { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto;}
    .nc_listul .nc_libody > div a { 
        color: #4B51D7; font-size: 11px; background: #F0F2FF; 
        padding: 2px 8px; border-radius: 4px; text-decoration: none;
    }

    /* ==========================================
       6. 悬浮按钮 (更轻量的阴影)
       ========================================== */
    .meetingbtn, .topbtn { 
        position: fixed; bottom: 30px; right: 16px; z-index: 99; 
        display: flex; align-items: center; justify-content: center; 
        width: 44px; height: 44px; border-radius: 50%; 
        background-color: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.08); 
    }
    .topbtn { bottom: 84px; }
    .meetingbtn img, .topbtn img { width: 100%; height: 100%; object-fit: cover; margin: 0; border-radius: 50%; }
}