極境室內設計JAJING

空間之美·極境之作

首頁
1
空間之美
2
極境作品案例3
https://www.formaveil.com/custom_140171.html 極境作品案例 極境作品案例 /* 1. 強制隱藏智邦系統預設刊頭與多餘空隙 */ #banner, .banner, .header-banner, .banner-box, #top-banner, .header_bg, .header_img, #logo_area, .bannerWrp { display: none !important; height: 0 !important; padding: 0 !important; overflow: hidden !important; border: none !important; visibility: hidden !important; } table { margin-top: 0 !important; border-collapse: collapse !important; } /* --- 列表容器 --- */ .project-list-grid { display: flex; flex-wrap: wrap; /* 維持較寬的版面 (1300px),讓照片有空間展示 */ max-width: 1300px; margin: 0 auto; padding: 0 20px; gap: 30px; /* 電腦版間距 */ justify-content: center; } /* 2. 作品卡片特效 */ .project-card { transition: all 0.3s ease; cursor: pointer; text-decoration: none !important; display: block; background: #fff; box-shadow: 0 5px 15px rgba(0,0,0,0.05); /* 電腦版:維持 30% (一排 3 張) */ width: 30%; min-width: 300px; text-align: left; border-radius: 4px; overflow: hidden; position: relative; z-index: 10; } .project-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } /* ★ 電腦版設定:強制 4:3 比例 (橫式風景) ★ */ .project-img-box { width: 100%; height: auto; aspect-ratio: 4 / 3; /* 這裡控制電腦版的比例 */ overflow: hidden; margin-bottom: 0 !important; padding-bottom: 0 !important; display: block; pointer-events: none; } .project-img { transition: transform 0.6s ease; width: 100%; height: 100%; object-fit: cover; /* 確保填滿框框並裁切 */ display: block; vertical-align: bottom; } .project-card:hover .project-img { transform: scale(1.08); } /* 文字區域設定 */ .project-text-area { padding: 20px 25px; background-color: #fff; position: relative; z-index: 2; margin-top: 0; pointer-events: none; } .project-text-area span { display: block; margin-top: 0; margin-bottom: 5px; font-size: 12px; color: #c5a059; letter-spacing: 1px; font-weight: 600; } .project-text-area h3 { color: #222; font-size: 20px; margin: 5px 0 8px 0; letter-spacing: 1.5px; font-weight: 500; line-height: 1.4; } .project-text-area p { color: #888; font-size: 14px; margin: 0; } /* --- 手機版 RWD 調整 --- */ @media (max-width: 768px) { .project-list-grid { padding: 0 20px; gap: 0; } /* 手機版:維持單行顯示 */ .project-card { width: 100%; min-width: 0; margin-bottom: 40px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); } /* ★ 手機版關鍵修正:設定長寬比為 1:1 (正方形) ★ */ .project-img-box { height: auto; aspect-ratio: 1 / 1; /* 手機版強制變為正方形 */ } /* 文字區塊:維持緊貼優化 */ .project-text-area { /* 稍微減少負邊距以免蓋到圖片 */ margin-top: 0 !important; padding-top: 15px !important; padding-left: 25px; padding-right: 25px; padding-bottom: 30px; } } 精選作品 Selected Portfolio 全部作品 住宅空間 商業空間 MODERN 新民街 ‧ 靜謐之境 新北市淡水區|40坪 RESIDENTIAL 沐光 ‧ 靜域 蘆洲 黃公館 LUXURY 淬鍊 ‧ 本質 林口 福華謙禮 MODERN 流動 ‧ 恆久 林口 上品苑 LUXURY 靜謐 ‧ 歸真 景美 張公館 LUXURY 雅致 ‧ 餘韻 竹北 吳公館 MODERN 人文 ‧ 拾光 三峽 遠雄耶魯 ZEN 極簡 ‧ 純粹 淡水 鄭公館 OFFICE 理智 ‧ 境域 德菲行銷 ZEN 之行 ‧ 書院 之行書院 欣賞更多極境作品? 聯絡我們
https://www.formaveil.com/ 極境室內設計有限公司
首頁 極境作品案例

精選作品

Selected Portfolio

全部作品 住宅空間 商業空間
MODERN

新民街 ‧ 靜謐之境

新北市淡水區|40坪

RESIDENTIAL

沐光 ‧ 靜域

蘆洲 黃公館

LUXURY

淬鍊 ‧ 本質

林口 福華謙禮

MODERN

流動 ‧ 恆久

林口 上品苑

LUXURY

靜謐 ‧ 歸真

景美 張公館

LUXURY

雅致 ‧ 餘韻

竹北 吳公館

MODERN

人文 ‧ 拾光

三峽 遠雄耶魯

ZEN

極簡 ‧ 純粹

淡水 鄭公館

OFFICE

理智 ‧ 境域

德菲行銷

ZEN

之行 ‧ 書院

之行書院

欣賞更多極境作品?

聯絡我們