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.
