登陽漱夏｜八期園道第一排換屋首選｜自住換屋建案介紹｜Taichung House Lab
:root{
–bg:#f7f3ec;
–card:#ffffff;
–ink:#2f2a26;
–muted:#7a726b;
–line:#e2d7c7;
–sand:#fcfaf6;
–accent:#b18158;
–accent-2:#8b6341;
–shadow:0 16px 34px rgba(0,0,0,0.06);
–shadow-soft:0 12px 28px rgba(0,0,0,0.03);
–r-2:22px; –r-3:32px;
–max:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
margin:0;
font-family:-apple-system,BlinkMacSystemFont,’SF Pro Text’,’Noto Sans TC’,’PingFang TC’,’Microsoft JhengHei’,system-ui,sans-serif;
background:var(–bg);
color:var(–ink);
line-height:1.7;
}
a{color:inherit}
.wrap{max-width:var(–max); margin:0 auto; padding:32px 20px 110px;}
.brand{margin-bottom:18px;}
.brand__name{font-size:26px; letter-spacing:.12em; text-transform:uppercase}
.brand__sub{font-size:14px; color:var(–muted); margin-top:4px}
.brand__tag{font-size:13px; color:var(–muted); margin-top:4px}
/* ===== Sticky quick nav (更穩定的玻璃感) ===== */
.quicknav{
position:sticky;
top:12px;
z-index:1000;
margin:14px 0 26px;
}
.quicknav__inner{
display:flex; flex-wrap:wrap; gap:10px;
padding:12px;
border-radius:18px;
/* 玻璃感：用更高不透明度避免「看起來沒樣式」 */
background:rgba(255,255,255,0.92);
border:1px solid rgba(226,215,199,0.95);
/* 若平台不支援 blur，也至少保持好看 */
-webkit-backdrop-filter:blur(12px);
backdrop-filter:blur(12px);
box-shadow:var(–shadow-soft);
}
.pill{
font-size:12px; padding:8px 12px;
border-radius:999px;
border:1px solid rgba(177,129,88,0.25);
background:var(–sand);
color:var(–ink);
text-decoration:none;
transition:transform .12s ease, border-color .12s ease;
will-change:transform;
}
.pill:hover{transform:translateY(-1px); border-color:rgba(177,129,88,0.40)}
.pill–cta{
background:var(–accent);
color:#fff;
border-color:rgba(177,129,88,0.55);
}
/* Hero */
.hero{
border-radius:var(–r-3);
overflow:hidden;
border:1px solid var(–line);
background:var(–card);
box-shadow:var(–shadow);
margin-bottom:18px;
}
.hero__media{position:relative; min-height:420px;}
.hero__img{width:100%; height:420px; object-fit:cover; display:block; transform:scale(1.02);}
.hero__shade{
position:absolute; inset:0;
background:
radial-gradient(60% 120% at 18% 55%, rgba(18,14,12,0.78), rgba(18,14,12,0.10)),
linear-gradient(90deg, rgba(18,14,12,0.78), rgba(18,14,12,0.08));
}
.hero__content{position:absolute; left:22px; right:22px; bottom:22px; color:#fff;}
.chips{display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:10px}
.chip{
display:inline-flex; align-items:center; gap:8px;
font-size:12px; padding:6px 12px;
border-radius:999px;
border:1px solid rgba(255,255,255,0.22);
background:rgba(255,255,255,0.10);
-webkit-backdrop-filter:blur(6px);
backdrop-filter:blur(6px);
}
.dot{width:7px; height:7px; border-radius:999px; background:#f0c08a; display:inline-block}
.hero__title{font-size:32px; line-height:1.2; margin:0 0 10px 0; font-weight:820;}
.hero__desc{font-size:14px; max-width:860px; margin:0; color:rgba(255,255,255,0.88);}
.hero__btns{display:flex; flex-wrap:wrap; gap:10px; margin-top:14px}
.btn{
font-size:13px; padding:10px 16px;
border-radius:999px;
border:1px solid rgba(255,255,255,0.28);
text-decoration:none;
display:inline-flex; align-items:center; gap:8px;
transition:transform .12s ease;
will-change:transform;
}
.btn:hover{transform:translateY(-1px)}
.btn–solid{background:var(–accent); color:#fff; border-color:rgba(255,255,255,0.18)}
.btn–ghost{background:rgba(255,255,255,0.12); color:#fff}
.hero__summary{padding:16px; background:linear-gradient(135deg,#fdfaf5,#f4ece2);}
.summary-grid{display:flex; flex-wrap:wrap; gap:12px;}
.mini{
flex:1 1 240px; min-width:240px;
border-radius:16px;
padding:12px;
background:#fff;
border:1px solid rgba(177,129,88,0.22);
}
.mini__k{font-size:11px; color:var(–muted); letter-spacing:.14em; text-transform:uppercase}
.mini__v{font-size:14px; font-weight:900; margin-top:4px; color:#3a2b1f}
.mini__p{font-size:12px; color:var(–muted); margin-top:6px}
.section{margin-bottom:34px}
.section__k{font-size:12px; text-transform:uppercase; letter-spacing:.14em; color:var(–muted); margin-bottom:2px}
.section__h{font-size:20px; letter-spacing:.04em; margin:0 0 4px 0}
.section__p{font-size:13px; color:var(–muted)}
.grid{display:flex; flex-wrap:wrap; gap:14px; margin-top:14px}
.card{
background:var(–card);
border:1px solid var(–line);
border-radius:20px;
box-shadow:0 14px 32px rgba(0,0,0,0.05);
padding:16px;
}
.card–soft{background:var(–sand); border:1px solid rgba(177,129,88,0.22); box-shadow:var(–shadow-soft);}
.card–grad{
background:linear-gradient(135deg,#e1d3c3,#f3e7d7);
border:1px solid rgba(219,201,175,0.9);
box-shadow:0 14px 32px rgba(0,0,0,0.05);
color:#3a2b1f;
}
.split{display:flex; flex-wrap:wrap; gap:14px}
.col{flex:1 1 520px; min-width:300px}
.col–side{flex:1 1 360px; min-width:280px}
.taggrid{display:flex; flex-wrap:wrap; gap:10px}
.tag{
flex:1 1 240px; min-width:240px;
border-radius:16px; padding:12px;
background:var(–sand);
border:1px solid rgba(177,129,88,0.22);
}
.tag__t{font-size:14px; font-weight:950; color:#3a2b1f}
.tag__d{font-size:12px; color:var(–muted); margin-top:6px}
.specs{display:flex; flex-wrap:wrap; gap:10px; margin-top:10px;}
.spec{
flex:1 1 240px; min-width:240px;
border-radius:14px;
padding:10px 12px;
background:var(–sand);
border:1px solid rgba(177,129,88,0.22);
}
.spec__k{font-size:11px; color:var(–muted)}
.spec__v{font-size:13px; font-weight:950; color:#3a2b1f; margin-top:2px}
/* Gallery + Lightbox */
.gallery{display:grid; grid-template-columns:repeat(12,1fr); gap:12px; margin-top:14px;}
.shot{
border-radius:22px; overflow:hidden;
border:1px solid var(–line);
background:#fff;
box-shadow:0 12px 28px rgba(0,0,0,0.04);
position:relative;
cursor:pointer;
}
.shot img{width:100%; height:100%; object-fit:cover; display:block; transform:scale(1.01); transition:transform .18s ease}
.shot:hover img{transform:scale(1.04)}
.shot:after{
content:"點擊放大";
position:absolute; right:10px; bottom:10px;
font-size:11px; color:#fff;
padding:6px 10px;
border-radius:999px;
background:rgba(0,0,0,0.32);
border:1px solid rgba(255,255,255,0.16);
-webkit-backdrop-filter:blur(6px);
backdrop-filter:blur(6px);
}
.span-12{grid-column:span 12; height:440px}
.span-6{grid-column:span 6; height:260px}
.span-4{grid-column:span 4; height:220px}
.note{
margin-top:12px;
padding:12px 14px;
border-radius:18px;
background:#fff;
border:1px solid rgba(177,129,88,0.22);
box-shadow:0 10px 24px rgba(0,0,0,0.03);
font-size:12px; color:var(–muted);
}
table{border-collapse:separate; border-spacing:0; width:100%}
.tbl{
overflow:hidden;
border-radius:18px;
border:1px solid var(–line);
background:#fff;
box-shadow:var(–shadow-soft);
}
.tbl th,.tbl td{
padding:12px 12px;
font-size:12px;
border-bottom:1px solid rgba(0,0,0,0.06);
vertical-align:top;
}
.tbl th{
text-align:left;
color:#3a2b1f;
background:linear-gradient(135deg,#fdfaf5,#f4ece2);
}
.tbl tr:last-child td{border-bottom:none}
.hint{font-size:11px; color:var(–muted); margin-top:8px}
details{
border:1px solid var(–line);
border-radius:18px;
background:#fff;
box-shadow:var(–shadow-soft);
padding:12px 14px;
}
details + details{margin-top:10px}
summary{cursor:pointer; font-weight:950; font-size:13px; list-style:none;}
summary::-webkit-details-marker{display:none}
details[open]{border-color:rgba(177,129,88,0.35)}
.faq__a{font-size:12px; color:var(–muted); margin-top:8px}
.submit{
display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:6px
}
.btn2{
border:1px solid var(–accent);
background:var(–accent);
color:#fff;
padding:12px 14px;
border-radius:999px;
font-size:13px;
text-decoration:none;
text-align:center;
flex:1 1 220px;
min-width:220px;
transition:transform .12s ease;
}
.btn2:hover{transform:translateY(-1px)}
.btn3{
border:1px solid var(–accent);
background:#fff;
color:var(–accent-2);
padding:12px 14px;
border-radius:999px;
font-size:13px;
text-decoration:none;
text-align:center;
flex:1 1 220px;
min-width:220px;
}
.footer{
margin-top:26px;
padding-top:18px;
border-top:1px solid rgba(0,0,0,0.06);
font-size:12px;
color:var(–muted);
}
.bbar{
position:fixed; left:0; right:0; bottom:0; z-index:9999;
background:rgba(247,243,236,0.92);
-webkit-backdrop-filter:blur(10px);
backdrop-filter:blur(10px);
border-top:1px solid rgba(226,215,199,0.9);
padding:10px 12px;
}
.bbar__inner{
max-width:var(–max); margin:0 auto;
display:flex; gap:10px; align-items:center; justify-content:space-between;
}
.bbar__title{font-size:12px; font-weight:950; color:#3a2b1f; line-height:1.2;}
.bbar__sub{font-size:11px; color:var(–muted); line-height:1.2}
.bbar__btns{display:flex; gap:8px; flex-wrap:nowrap}
.bbar__btn{
white-space:nowrap;
text-align:center;
padding:10px 12px;
border-radius:999px;
font-size:12px;
text-decoration:none;
border:1px solid var(–accent);
}
.bbar__btn–tel{background:var(–accent); color:#fff}
.bbar__btn–line{background:#fff; color:var(–accent-2)}
/* Lightbox */
.lightbox{
position:fixed; inset:0; z-index:99999;
background:rgba(0,0,0,0.72);
display:none;
align-items:center;
justify-content:center;
padding:18px;
}
.lightbox[data-open="1″]{display:flex}
.lightbox__panel{
width:min(1040px, 100%);
border-radius:18px;
overflow:hidden;
background:#111;
border:1px solid rgba(255,255,255,0.16);
box-shadow:0 20px 60px rgba(0,0,0,0.45);
}
.lightbox__img{width:100%; height:min(72vh, 680px); object-fit:contain; display:block; background:#0f0f0f}
.lightbox__bar{
display:flex; justify-content:space-between; align-items:center;
padding:10px 12px;
background:rgba(20,20,20,0.92);
color:rgba(255,255,255,0.86);
font-size:12px;
}
.xbtn{
border:1px solid rgba(255,255,255,0.20);
background:rgba(255,255,255,0.08);
color:#fff;
padding:8px 10px;
border-radius:999px;
cursor:pointer;
font-size:12px;
}
@media (max-width: 860px){
.hero__title{font-size:26px}
.span-12{height:320px}
.span-6{grid-column:span 12; height:240px}
.span-4{grid-column:span 6; height:200px}
}
@media (max-width: 520px){
.span-4{grid-column:span 12; height:210px}
.bbar__inner{align-items:flex-start}
.bbar__btns{flex-direction:column; gap:8px}
.bbar__btn{width:92px}
}
我幫你對照需求 →
const lb = document.getElementById(‘lightbox’);
const lbImg = document.getElementById(‘lightboxImg’);
const lbCap = document.getElementById(‘lightboxCaption’);
const lbClose = document.getElementById(‘lightboxClose’);
const openLB = (src, alt, caption) => {
lbImg.src = src;
lbImg.alt = alt || ‘放大圖片’;
lbCap.textContent = caption || ‘圖片’;
lb.dataset.open = “1″;
lb.setAttribute(‘aria-hidden’, ‘false’);
document.body.style.overflow = ‘hidden’;
};
const closeLB = () => {
lb.dataset.open = “0″;
lb.setAttribute(‘aria-hidden’, ‘true’);
lbImg.src = “;
document.body.style.overflow = “;
};
document.querySelectorAll(‘.shot’).forEach(el => {
el.addEventListener(‘click’, () => {
const img = el.querySelector(‘img’);
openLB(img.src, img.alt, el.getAttribute(‘data-caption’));
});
});
lb.addEventListener(‘click’, (e) => {
if (e.target === lb) closeLB();
});
lbClose.addEventListener(‘click’, closeLB);
document.addEventListener(‘keydown’, (e) => {
if (e.key === ‘Escape’ && lb.dataset.open === “1″) closeLB();
});
TAICHUNG HOUSE LAB
中部地產通 ｜ 台中南屯・八期・十三期・捷運生活圈
把你在意的居住細節講清楚，讓自住與換屋不再靠運氣。
南屯八期｜園道第一排｜成熟低密度生活感
自住 × 換屋｜70–90 坪 3–4 房主力
登陽漱夏｜園道第一排的長住選擇：尺度、質感、與「每天的順」
這頁用「自住/換屋」的決策方式整理：社區量體、車位、格局尺度、公設使用性、周邊機能與長期居住舒適度。 不是堆漂亮話，而是幫你更快判斷：它是不是你家要住很久的那一間。
BEST FOR
換屋家庭｜長住自住｜重視尺度
主力 70–90 坪，買的是「住起來的舒適與體面」。
COMMUNITY
住宅 84 戶＋店面 6 戶
住戶結構偏自住換屋，社區氛圍通常更穩。
PROJECT
24F / B4｜約 610 坪基地
園道第一排的稀有性：環境可預期、生活感穩定。
PARKING
車位約 171 席
換屋族最現實的點：車位與動線，影響每天的順。
HIGHLIGHTS
換屋族最在意的三件事：尺度、環境、社區質感
登陽漱夏的優勢很明確：八期成熟生活圈＋園道第一排＋會所型公設。
LIVE COMFORT
🌳 園道第一排（每天都用得到）
綠意、散步、視野與採光，長住的體感差異很大。
📏 70–90 坪 3–4 房主力
家庭成長、工作型態改變，空間可以跟著調整。
🏛️ 新古典耐看外觀
不是流行風格，是更偏「住久仍好看」的路線。
🛎️ 24H 管理（換屋族很在意）
省心，通常比「多幾個公設」更有感。
REAL TALK
我會這樣跟換屋客人講重點
換屋不是比誰裝潢漂亮，是比「住起來順不順」。這類產品通常贏在：
環境可預期、尺度夠、社區會所感、生活圈成熟。
你丟：預算＋家庭成員＋通勤方向
我回：適合戶別範圍、替代社區、以及你該注意的風險點。
用 LINE 丟需求 →
PROJECT OVERVIEW
登陽漱夏｜建案基本資料（先把輪廓定清楚）
以下是「你一定會問」的重點，直接整理成規格版面。
案名
登陽漱夏
地址
台中市南屯區 文心南三路 580 號
完工日
2012 / 05 / 30
樓層／地下室
地上 24 層／地下 4 層
總戶數
92 戶（住宅 84＋店面 6）
基地面積
約 610 坪
坪數／格局
約 70–90 坪｜3–4 房
公設比
約 32%
車位總數
約 171 個
使用分區
商業區（商 3）
學區
永春國小｜萬和國中
結構／外牆
RC／二丁掛
※ 實務仍以謄本、現場與管委會公告為準。若你要我做「成交區間、樓層座向差、同八期替代社區比較」我可以再加一份【自住換屋決策表】。
UPGRADER CHECKLIST
換屋族看這案子，我會抓這三件事
① 尺度：客餐廳與主臥「是不是舒服」
70–90 坪的價值，住久才知道差距。
② 環境：園道第一排的每日體感
綠意、散步、採光視野，都是長住舒適來源。
③ 公設：你用得到才算加分
用不到就是成本；用得到才是生活升級。
AMENITY GALLERY
公設實景｜不是看「有沒有」，是看「維護感」
點一下可放大。
✅ 我看公設會抓 4 件事：維護感、採光、動線、使用率。如果你要的是「住得久」，這比公設項目表更重要。
LIVING SCENARIOS
換屋後最有感的，是「每天的順」
🌿
早上：被綠意安定
園道第一排的價值是「你每天會用到」，不是只有週末才用。
🍽️
傍晚：成熟機能＝省時間
八期的強項是確定性：不用等機能長出來，直接享受。
🧑🧑🧒
家庭：尺度帶來「不擠」
70–90 坪 3–4 房，對孩子成長與工作彈性更友善。
🛋️
週末：會所感才像真的換屋
你用得到的公設，會直接變成生活的一部分。
PLAN GUIDE
格局怎麼選？用「家庭成長」去選，不要用直覺
3 BEDROOM
3 房（約 70–80 坪帶狀況）
適合：雙薪家庭、重視客餐廳尺度與收納
換屋族會在意的點
- 客餐廳尺度：家庭活動空間是不是舒服。
- 主臥與衛浴：好不好用比漂亮重要。
- 保留書房/客房彈性，讓家跟得上人生變化。
4 BEDROOM
4 房（約 80–90 坪帶狀況）
適合：兩寶以上、三代偶爾同住、需要更完整分區
你會喜歡它的原因
- 空間一次到位，不用再為了房間數換一次。
- 孩子/工作/長輩/收納更好分區，生活更順。
- 如果你重視「住得體面」，4 房更容易做出質感。
LIFE & LOCATION
生活圈與機能｜八期的價值：成熟、好走、好住
你會在意的機能（自住換屋視角）
🛒 日常採買
成熟生活圈的好處：不用等、也不用繞遠路。
🏫 學區與接送
永春國小／萬和國中，對家庭換屋決策很關鍵。
🚗 通勤動線
我會用你的通勤方向，幫你判斷哪一側座向更合理。
🌳 走路就能到的綠意
園道第一排的價值是每天都用得到，不是週末才用。
MAP
COMPARISON
同類型怎麼比？我建議你用這個順序
| 你該比的項目 | 登陽漱夏（你現在看的） | 同生活圈替代選項（你可能也在看） |
|---|---|---|
| 環境可預期性 | 園道第一排，綠意與街廓相對穩定 | 若不是園道第一排，通常要用棟距/視野/噪音補回體感 |
| 尺度與房型 | 主力 70–90 坪 3–4 房，偏換屋家庭 | 若是 50–60 坪級距，要注意書房/收納與客餐廳尺度 |
| 公設比與使用性 | 約 32%，偏會所型產品常見區間 | 公設越多不一定越好；看維護感、採光與規範 |
| 社區量體與管理 | 住宅 84 戶＋店面 6 戶，24F / B4 | 戶數太少常遇到管理不穩；戶數太多則看社區規範與維護 |
FAQ
常見問題｜把你猶豫的點先講清楚
Q1：園道第一排會不會有噪音？
會因座向、樓層、臨路面而不同。看屋我會直接做「窗邊噪音＋夜間安靜度」判斷。
Q2：公設比約 32% 會不會太高？
會所型社區常見區間。關鍵是你用不用得到、維護做得好不好；用不到就是成本。
Q3：3 房 vs 4 房，我該怎麼選？
看未來 3–5 年家庭成員與工作型態：怕再換一次→4 房；要控壓力但想升級→3 房抓尺度與座向。
CONTACT
把你的條件丟給我，我幫你把「登陽漱夏」放進正確的位置
你不用準備很完整，給我 3 個資訊就夠：預算、家庭成員、通勤方向。
🏠 永慶不動產｜謙仁不動產有限公司
經紀人證號：📋 （𝟏𝟏𝟏）中市經紀第 𝟎𝟏𝟎𝟗𝟗 號
你可以直接複製貼上：
想了解 登陽漱夏｜預算：＿＿＿｜家庭成員：＿＿＿｜通勤到：＿＿＿｜想看：3房/4房｜在意：採光/安靜/車位/公設
想了解 登陽漱夏｜預算：＿＿＿｜家庭成員：＿＿＿｜通勤到：＿＿＿｜想看：3房/4房｜在意：採光/安靜/車位/公設
週一至週五，早上8點到下午10點
台中市南屯區向心南路766號
jazforyoumvp@gmail.com
0937-539-715
以 WordPress 設計
𝐓𝐚𝐢𝐜𝐡𝐮𝐧𝐠 𝐇𝐨𝐮𝐬𝐞 𝐋𝐚𝐛 