https://www.formaveil.com/custom_140176.html
關於極境
關於極境
/* --- 關於極境專用 CSS (終極修正版) --- */
.about-section {
font-family: 'Microsoft JhengHei', sans-serif;
background-color: #fdfdfb;
padding: 80px 20px;
color: #333;
position: relative;
/* 關鍵:強制隱藏超出範圍的內容,防止手機版左右搖晃 */
overflow: hidden;
width: 100%;
box-sizing: border-box;
}
/* 背景浮水印 */
.about-bg-text {
position: absolute;
top: 20px;
left: 50%;
transform: translateX(-50%);
font-size: 12vw; /* 隨螢幕縮放 */
font-weight: 900;
color: rgba(197, 160, 89, 0.05);
z-index: 0;
white-space: nowrap;
font-family: 'Times New Roman', serif;
pointer-events: none;
max-width: 100%;
}
.about-container {
max-width: 1000px;
margin: 0 auto;
position: relative;
z-index: 1;
/* 確保容器本身不會寬於螢幕 */
width: 100%;
box-sizing: border-box;
}
/* 標題區 */
.about-header {
text-align: center;
margin-bottom: 40px;
width: 100%; /* 確保寬度限制 */
}
.about-title {
margin-bottom: 15px;
font-weight: 400;
color: #333;
line-height: 1.2;
}
.about-subtitle {
color: #c5a059;
font-size: 14px;
letter-spacing: 3px;
text-transform: uppercase;
display: block;
margin-bottom: 20px;
font-weight: bold;
/* 修正副標題置中 */
text-indent: 3px;
}
.about-divider {
width: 60px;
height: 3px;
background-color: #c5a059;
margin: 0 auto;
}
/* ▼▼▼ 品牌標語 Slogan (修正重點) ▼▼▼ */
.brand-slogan {
text-align: center;
font-family: 'Songti TC', 'Noto Serif TC', 'Times New Roman', serif;
font-size: 32px;
color: #222;
letter-spacing: 12px; /* 字距 */
margin-bottom: 50px;
font-weight: 500;
position: relative;
display: block;
width: 100%;
/* ★ 核心修正:加上左縮排,平衡右邊的字距空白,讓視覺絕對置中 ★ */
text-indent: 12px;
}
.slogan-dot {
color: #c5a059;
padding: 0 5px; /* 縮小符號間距,避免撐開 */
font-size: 20px;
position: relative;
top: -2px;
}
/* 核心理念區 */
.about-intro {
text-align: center;
font-size: 16px;
line-height: 2.2;
color: #555;
max-width: 800px;
margin: 0 auto 70px auto;
font-weight: 400;
letter-spacing: 1px;
}
/* 三欄特色區 */
.feature-grid {
display: flex;
gap: 50px;
justify-content: center;
flex-wrap: wrap;
}
.feature-item {
flex: 1;
min-width: 280px;
text-align: left;
padding: 25px;
border-top: 1px solid #eee;
transition: all 0.4s ease;
background: rgba(255,255,255,0.5);
}
.feature-item:hover {
border-top: 1px solid #c5a059;
transform: translateY(-5px);
background: #fff;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}
.feature-title {
font-size: 20px;
margin-bottom: 20px;
color: #222;
letter-spacing: 2px;
font-weight: 500;
display: flex;
align-items: center;
font-family: 'Times New Roman', 'Microsoft JhengHei', serif;
}
.feature-title::before {
content: '';
display: inline-block;
width: 30px;
height: 1px;
background-color: #c5a059;
margin-right: 15px;
}
.feature-desc {
font-size: 14px;
line-height: 1.9;
color: #666;
text-align: justify;
letter-spacing: 0.5px;
}
/* 底部 Quote */
.about-quote-box {
margin-top: 80px;
background-color: #2c2c2c;
color: #fff;
padding: 50px 30px;
text-align: center;
border-radius: 2px;
position: relative;
}
.about-quote-text {
font-size: 16px;
line-height: 2;
letter-spacing: 2px;
color: #e0e0e0;
font-weight: 300;
}
.about-quote-icon {
font-size: 40px;
color: #c5a059;
margin-bottom: 20px;
display: block;
font-family: serif;
opacity: 0.8;
}
/* ▼▼▼ 手機版專用設定 (強力修正區) ▼▼▼ */
@media (max-width: 768px) {
.about-section { padding: 60px 20px; }
.about-bg-text { font-size: 15vw; top: 30px; opacity: 0.03; }
/* 標題 RWD */
.mobile-title-small {
font-size: 14px !important;
letter-spacing: 5px !important;
margin-left: 5px !important; /* 平衡字距 */
}
.mobile-title-big {
font-size: 32px !important; /* 手機上縮小字體 */
letter-spacing: 8px !important; /* 縮小字距 */
margin-left: 0 !important;
text-indent: 8px; /* 平衡字距,確保置中 */
display: block; /* 確保獨佔一行 */
width: 100%;
}
/* 標語 RWD:確保不換行、不歪掉 */
.brand-slogan {
font-size: 20px; /* 縮小字體以適應窄螢幕 */
letter-spacing: 6px;
text-indent: 6px; /* 平衡字距 */
margin-bottom: 30px;
white-space: nowrap; /* 強制不換行 */
}
.about-intro {
font-size: 15px;
padding: 0;
text-align: justify;
line-height: 1.8;
}
.feature-grid { flex-direction: column; gap: 20px; }
.feature-item {
border-top: none;
border-left: 3px solid #eee;
padding: 20px 20px 20px 25px;
background: #fff;
}
.feature-item:hover {
border-top: none;
border-left: 3px solid #c5a059;
transform: none;
}
.about-quote-box { padding: 30px 20px; margin-top: 50px;}
.about-quote-text {
font-size: 14px;
letter-spacing: 1px;
text-align: center; /* 強制置中 */
}
}
EXTREME REALM
關於 極境
ABOUT US
空間之美·極境之作
設計,是一場關於光影與靈魂的對話。在極境,我們不只是構築牆體與動線,更是以細膩的筆觸,描繪生活最真實的模樣。 透過材質的純粹與光影的流動,將日常的瑣碎昇華為空間的詩意, 為每一位居住者,尋回內心深處最渴望的寧靜與歸屬。
光影敘事 · Design
空間是時間的容器。我們擅長捕捉晨曦的微光與暮色的靜謐,將「光」作為設計的靈魂。透過動線的重新編排與格局的釋放,讓光影在空間中自由漫步,演繹出隨著時間推移而變化的空間表情。
匠心築夢 · Craft
細節,是品質的極致體現。我們的團隊不僅擁有感性的人文視角,更具備理性的工程思維。從材質的觸感到精緻的工藝,堅持以近乎苛求的職人精神,將工藝與現代美學完美交織,賦予空間恆久的生命力。
專屬旅程 · Journey
每一次的交付,都是一段信任的旅程。我們傾聽您的故事、理解您的想望,提供從靈感發想到完工交付的無縫服務。不僅是打造一個空間,更是為您開啟一段專屬於您、充滿溫度與質感的生活新篇章。
❝
無論是溫潤的居家寓所,或是大器的商業場域。極境致力於為您量身訂製,讓每一個角落,都散發著獨一無二的靈魂氣息。BEAUTY OF SPACE, WORK OF ART.
https://www.formaveil.com/
極境室內設計有限公司
EXTREME REALM
空間之美·極境之作
設計,是一場關於光影與靈魂的對話。
在極境,我們不只是構築牆體與動線,更是以細膩的筆觸,描繪生活最真實的模樣。 透過材質的純粹與光影的流動,將日常的瑣碎昇華為空間的詩意, 為每一位居住者,尋回內心深處最渴望的寧靜與歸屬。
光影敘事 · Design
空間是時間的容器。我們擅長捕捉晨曦的微光與暮色的靜謐,將「光」作為設計的靈魂。透過動線的重新編排與格局的釋放,讓光影在空間中自由漫步,演繹出隨著時間推移而變化的空間表情。
匠心築夢 · Craft
細節,是品質的極致體現。我們的團隊不僅擁有感性的人文視角,更具備理性的工程思維。從材質的觸感到精緻的工藝,堅持以近乎苛求的職人精神,將工藝與現代美學完美交織,賦予空間恆久的生命力。
專屬旅程 · Journey
每一次的交付,都是一段信任的旅程。我們傾聽您的故事、理解您的想望,提供從靈感發想到完工交付的無縫服務。不僅是打造一個空間,更是為您開啟一段專屬於您、充滿溫度與質感的生活新篇章。
❝
無論是溫潤的居家寓所,或是大器的商業場域。
極境致力於為您量身訂製,讓每一個角落,都散發著獨一無二的靈魂氣息。
BEAUTY OF SPACE, WORK OF ART.