/* 聯絡浮動按鈕（純 CSS，無 JS） */

/* 外層容器：固定在右下角，位於 go-top 上方 */
.cw{
    position:fixed;
    right:22px;
    bottom:72px;
    z-index:998;
    display:flex;
    flex-direction:column;
    gap:10px;
}

/* 隱藏的 checkbox（用來切換展開／收合） */
.cw input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

/* 共用圓形按鈕樣式（Line、Email、主按鈕） */
.cw a,
.cw label{
    position:relative;
    width:44px;
    height:44px;
    border-radius:50%;
    box-shadow:0 3px 10px rgba(0,0,0,.3);
    background:#129BF4 center/24px no-repeat;
    cursor:pointer;
}

/* 主按鈕：對話圖示 */
.cw label{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M4 3h16a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H9l-5 4v-4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E");
}

/* 展開時：主按鈕變成 ✕ */
.cw input:checked~label{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");
}

/* 鍵盤操作時的外框 */
.cw input:focus-visible~label{
    outline:3px solid #fff;
}

/* Line / Email 預設隱藏 */
.cw a{
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:.2s;
}

/* 展開時顯示 Line / Email */
.cw input:checked~a{
    opacity:1;
    visibility:visible;
    transform:none;
}

/* hover 時才顯示的文字標籤（預設隱藏） */
.cw a::before{
    content:attr(data-t);
    position:absolute;
    right:54px;
    top:50%;
    transform:translateY(-50%);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:.15s;
    padding:7px 11px;
    border-radius:6px;
    background:#fff;
    color:#333;
    font-size:14px;
    white-space:nowrap;
    box-shadow:0 2px 8px rgba(0,0,0,.25);
}

/* Line 按鈕 */
.cw .l{
    background-color:#06C755;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314'/%3E%3C/svg%3E");
    background-size:30px;
}

/* Email 按鈕 */
.cw .m{
    background-color:#F59E0B;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6.5L21 7'/%3E%3C/svg%3E");
}

/* hover / 鍵盤聚焦時顯示標籤 */
.cw a:hover::before,
.cw a:focus-visible::before{
    opacity:1;
    visibility:visible;
}