系統廚具

/* ===== IBN 首頁三個入口高級卡片版 ===== */ .home_block01 .list_item{ display:flex; justify-content:center; gap:30px; flex-wrap:wrap; } /* 卡片本體（取代圓形） */ .home_block01 .list_item .item{ background:#ffffff !important; width:31% !important; min-height:240px !important; border-radius:22px !important; color:#333 !important; text-align:center; display:flex; align-items:center; justify-content:center; transition:0.35s ease; margin:15px 0; border:1px solid #e5e5e5; box-shadow:0 10px 28px rgba(0,0,0,0.06); position:relative; overflow:hidden; } /* 上方設計線條 */ .home_block01 .list_item .item:before{ content:""; position:absolute; top:0; left:0; width:100%; height:5px; background:#de673e; } /* 連結區 */ .home_block01 .list_item .item a{ display:block; width:100%; padding:30px 20px; text-decoration:none; } /* icon */ .home_block01 .list_item .item img{ width:70px; margin:0 auto 15px; display:block; opacity:0.85; } /* 標題 */ .home_block01 .list_item .item h3{ font-size:26px; font-weight:800; color:#333; margin:0; } /* 滑過效果 */ .home_block01 .list_item .item:hover{ background:#111 !important; transform:translateY(-6px); box-shadow:0 18px 38px rgba(0,0,0,0.16); } /* hover 文字 */ .home_block01 .list_item .item:hover h3{ color:#fff; } /* hover icon */ .home_block01 .list_item .item:hover img{ filter:brightness(0) invert(1); opacity:1; } /* ===== 手機版 ===== */ @media (max-width: 768px){ .home_block01 .list_item{ gap:18px; } .home_block01 .list_item .item{ width:100% !important; min-height:180px !important; border-radius:18px; } .home_block01 .list_item .item h3{ font-size:22px; } .home_block01 .list_item .item img{ width:60px; } }