中部地產通｜台中南屯・八期・七期專業房產顧問
:root {
–bg: #f7f3ee;
–bg-alt: #ffffff;
–primary: #c49a6c;
–primary-dark: #a3763b;
–text: #252525;
–muted: #777777;
–border: #e1d7cc;
–shadow-soft: 0 18px 40px rgba(0, 0, 0, 0.06);
–radius-lg: 18px;
–radius-xl: 26px;
–max-width: 1120px;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: -apple-system, BlinkMacSystemFont, “PingFang TC", “Microsoft JhengHei", system-ui, sans-serif;
background: var(–bg);
color: var(–text);
line-height: 1.7;
}
img {
max-width: 100%;
display: block;
}
a {
color: inherit;
text-decoration: none;
}
.container {
width: 100%;
max-width: var(–max-width);
margin: 0 auto;
padding: 0 16px;
}
/* Header / Nav */
header {
position: sticky;
top: 0;
z-index: 999;
backdrop-filter: blur(14px);
background: rgba(247, 243, 238, 0.9);
border-bottom: 1px solid rgba(193, 173, 146, 0.35);
}
.nav {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 16px;
}
.nav-left {
display: flex;
align-items: center;
gap: 10px;
}
.logo-mark {
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid rgba(164, 120, 68, 0.35);
background: radial-gradient(circle at 30% 20%, #fdf8f2, #d0b493);
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
font-weight: 600;
color: #3b2a16;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.brand-text-main {
font-size: 18px;
font-weight: 600;
letter-spacing: 0.14em;
}
.brand-text-sub {
font-size: 11px;
color: var(–muted);
letter-spacing: 0.18em;
text-transform: uppercase;
}
.nav-links {
display: flex;
align-items: center;
gap: 18px;
font-size: 14px;
flex-wrap: wrap;
justify-content: center;
}
.nav-links a {
position: relative;
padding-bottom: 2px;
}
.nav-links a::after {
content: “";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 1px;
background: var(–primary-dark);
transition: width 0.2s ease;
}
.nav-links a:hover::after {
width: 100%;
}
.nav-cta {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
justify-content: flex-end;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 9px 16px;
border-radius: 999px;
border: 1px solid transparent;
font-size: 13px;
cursor: pointer;
transition: transform 0.1s ease, box-shadow 0.1s ease, background 0.15s ease;
white-space: nowrap;
}
.btn-primary {
background: linear-gradient(135deg, #caa372, #b4854c);
color: #fff;
box-shadow: 0 14px 25px rgba(140, 92, 37, 0.38);
}
.btn-primary:hover {
transform: translateY(-1px);
box-shadow: 0 18px 30px rgba(140, 92, 37, 0.48);
}
.btn-outline {
border-color: var(–border);
background: rgba(255, 255, 255, 0.9);
color: var(–text);
}
.btn-outline:hover {
background: #f5ede3;
}
.phone-text {
font-size: 13px;
color: var(–muted);
}
.phone-strong {
font-weight: 600;
color: var(–primary-dark);
}
/* Top stats bar */
.top-stats {
background: rgba(255, 255, 255, 0.9);
border-bottom: 1px solid rgba(211, 193, 165, 0.8);
}
.top-stats-inner {
display: flex;
justify-content: space-between;
gap: 18px;
padding: 8px 16px;
font-size: 12px;
color: #5c4c3a;
flex-wrap: wrap;
}
.top-stat-item {
display: flex;
align-items: baseline;
gap: 6px;
}
.top-stat-label {
color: var(–muted);
}
.top-stat-value {
font-weight: 600;
}
.top-stat-hit {
padding: 3px 8px;
border-radius: 999px;
border: 1px solid rgba(186, 155, 115, 0.5);
background: #f5ece0;
font-size: 11px;
}
/* Hero Section */
.hero {
padding: 40px 0 32px;
}
.hero-inner {
display: grid;
grid-template-columns: minmax(0, 3fr) minmax(0, 2.6fr);
gap: 40px;
align-items: center;
}
.eyebrow {
font-size: 12px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(–muted);
margin-bottom: 10px;
}
.hero-title {
font-size: 32px;
line-height: 1.25;
font-weight: 700;
margin-bottom: 16px;
}
.hero-highlight {
display: inline-block;
background: linear-gradient(120deg, #f4e0c4, #f7f3ee);
border-radius: 999px;
padding: 4px 14px;
font-size: 13px;
margin-top: 10px;
color: #6d4e2c;
border: 1px solid rgba(175, 132, 79, 0.4);
}
.hero-text {
font-size: 14px;
color: #555;
margin-top: 12px;
}
.hero-bullets {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin-top: 22px;
font-size: 12px;
color: var(–muted);
}
.hero-bullets span {
padding: 6px 10px;
border-radius: 999px;
border: 1px solid rgba(183, 155, 119, 0.45);
background: rgba(255, 255, 255, 0.9);
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
}
.hero-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 22px;
align-items: center;
}
.hero-small-note {
font-size: 12px;
color: var(–muted);
}
.hero-right-card {
border-radius: var(–radius-xl);
background: radial-gradient(circle at 0 0, #fdf7ef, #dbc1a1);
padding: 20px;
box-shadow: var(–shadow-soft);
position: relative;
overflow: hidden;
}
.hero-community-tag {
font-size: 11px;
color: #6a4a29;
padding: 4px 10px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.85);
display: inline-flex;
gap: 6px;
align-items: center;
margin-bottom: 10px;
flex-wrap: wrap;
}
.hero-community-tag span {
padding: 2px 7px;
border-radius: 999px;
border: 1px solid rgba(171, 130, 78, 0.5);
font-size: 11px;
}
.hero-photo-grid {
display: grid;
grid-template-columns: 2fr 1.6fr;
gap: 10px;
margin-top: 6px;
align-items: stretch;
}
.hero-photo-main,
.hero-photo-side {
border-radius: 18px;
overflow: hidden;
background: rgba(255, 255, 255, 0.8);
position: relative;
}
.hero-photo-main {
min-height: 190px;
}
.hero-photo-side {
min-height: 140px;
}
.hero-photo-main::before,
.hero-photo-side::before {
content: “照片可換成你的實際物件 / 社區";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 11px;
color: var(–muted);
text-align: center;
padding: 0 10px;
}
.hero-badge-bottom {
position: absolute;
left: 18px;
bottom: 16px;
background: rgba(255, 255, 255, 0.92);
border-radius: 14px;
padding: 8px 10px;
font-size: 11px;
color: #5b4226;
display: inline-flex;
flex-direction: column;
gap: 3px;
max-width: 80%;
}
.hero-badge-bottom strong {
font-size: 12px;
}
/* Section base */
section {
padding: 40px 0 26px;
}
.section-header {
margin-bottom: 20px;
}
.section-eyebrow {
font-size: 11px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(–muted);
margin-bottom: 6px;
}
.section-title {
font-size: 22px;
font-weight: 600;
margin-bottom: 6px;
}
.section-subtitle {
font-size: 13px;
color: var(–muted);
}
/* Cards / grids */
.grid-3 {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.grid-2 {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.card {
background: var(–bg-alt);
border-radius: var(–radius-lg);
padding: 16px 16px 18px;
border: 1px solid rgba(219, 201, 175, 0.7);
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.04);
}
.card h3 {
font-size: 16px;
margin-bottom: 6px;
}
.chip {
display: inline-flex;
align-items: center;
padding: 3px 10px;
font-size: 11px;
border-radius: 999px;
border: 1px solid rgba(180, 151, 116, 0.6);
background: rgba(247, 240, 232, 0.9);
color: #5a4327;
margin-bottom: 7px;
}
.card p {
font-size: 13px;
color: #555;
}
.card ul {
margin-top: 6px;
padding-left: 18px;
font-size: 13px;
color: #555;
}
.card ul li + li {
margin-top: 2px;
}
.card-footer-note {
font-size: 12px;
color: var(–muted);
margin-top: 8px;
}
/* Areas section */
.area-card {
position: relative;
overflow: hidden;
}
.area-card::before {
content: “";
position: absolute;
inset: 0;
background: radial-gradient(circle at top, rgba(255, 255, 255, 0.6), transparent);
pointer-events: none;
}
/* Communities */
.community-badge {
font-size: 11px;
color: var(–muted);
margin-bottom: 6px;
}
/* Media */
.media-card-title {
font-size: 14px;
font-weight: 600;
margin-bottom: 4px;
}
.media-meta {
font-size: 11px;
color: var(–muted);
margin-bottom: 8px;
}
/* Testimonials */
.testimonial-card {
position: relative;
padding-top: 18px;
}
.testimonial-quote {
font-size: 13px;
color: #444;
margin-bottom: 6px;
}
.testimonial-name {
font-size: 12px;
color: var(–muted);
}
.quote-mark {
position: absolute;
top: 10px;
left: 12px;
font-size: 30px;
color: rgba(223, 198, 167, 0.7);
}
/* Process */
.process-list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
}
.process-step {
background: var(–bg-alt);
border-radius: var(–radius-lg);
padding: 14px 14px 16px;
border: 1px dashed rgba(191, 166, 130, 0.8);
}
.process-badge {
display: inline-flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
border-radius: 999px;
background: #cda777;
color: #fff;
font-size: 13px;
margin-bottom: 6px;
}
.process-step h3 {
font-size: 14px;
margin-bottom: 4px;
}
.process-step p {
font-size: 13px;
color: #555;
}
/* Why me */
.why-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.why-list {
margin-top: 6px;
padding-left: 18px;
font-size: 13px;
color: #555;
}
.why-list li + li {
margin-top: 4px;
}
/* Latest listings */
.listing-card {
position: relative;
overflow: hidden;
}
.listing-meta {
font-size: 12px;
color: var(–muted);
margin-bottom: 4px;
}
.listing-tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 6px;
font-size: 11px;
}
.listing-tag {
padding: 3px 8px;
border-radius: 999px;
border: 1px solid rgba(189, 160, 120, 0.7);
background: #f9f3ea;
color: #6b5132;
}
.listing-price {
font-weight: 600;
margin-top: 6px;
font-size: 14px;
color: #6b4a26;
}
/* FAQ */
.faq-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
details {
background: var(–bg-alt);
border-radius: 14px;
padding: 10px 12px;
border: 1px solid rgba(210, 190, 160, 0.8);
font-size: 13px;
}
summary {
cursor: pointer;
font-weight: 600;
list-style: none;
}
summary::-webkit-details-marker {
display: none;
}
details[open] {
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.04);
}
details p {
margin-top: 6px;
color: #555;
}
/* Contact / Footer */
.contact-section {
padding: 40px 0 46px;
}
.contact-inner {
display: grid;
grid-template-columns: minmax(0, 3fr) minmax(0, 2.2fr);
gap: 22px;
}
.contact-card {
background: #f0e5d7;
border-radius: var(–radius-xl);
padding: 20px;
border: 1px solid rgba(185, 156, 115, 0.7);
box-shadow: var(–shadow-soft);
}
.contact-card h2 {
font-size: 20px;
margin-bottom: 8px;
}
.contact-card p {
font-size: 13px;
color: #4b4034;
margin-bottom: 14px;
}
.contact-info-list {
font-size: 13px;
margin-bottom: 14px;
}
.contact-info-list div + div {
margin-top: 4px;
}
.contact-info-label {
font-weight: 600;
margin-right: 6px;
}
.contact-note {
font-size: 12px;
color: #6a5b4b;
margin-top: 6px;
}
.contact-form-card {
background: var(–bg-alt);
border-radius: var(–radius-xl);
padding: 18px 18px 20px;
border: 1px solid rgba(208, 189, 160, 0.8);
box-shadow: var(–shadow-soft);
}
.contact-form-card h3 {
font-size: 15px;
margin-bottom: 10px;
}
footer {
border-top: 1px solid rgba(205, 188, 164, 0.7);
padding: 16px 0 20px;
font-size: 11px;
color: var(–muted);
}
.footer-inner {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.footer-links {
display: flex;
gap: 16px;
flex-wrap: wrap;
}
/* Floating LINE button */
.floating-line {
position: fixed;
right: 16px;
bottom: 18px;
z-index: 999;
}
.floating-line a {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 14px;
border-radius: 999px;
background: #00c300;
color: #fff;
font-size: 13px;
box-shadow: 0 16px 30px rgba(0, 0, 0, 0.25);
}
.floating-line span {
font-size: 18px;
}
/* Responsive */
@media (max-width: 960px) {
header {
backdrop-filter: blur(10px);
}
.nav {
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.nav-links {
justify-content: flex-start;
}
.nav-cta {
width: 100%;
justify-content: flex-start;
}
.hero-inner {
grid-template-columns: minmax(0, 1fr);
gap: 26px;
}
.hero {
padding-top: 26px;
}
.contact-inner {
grid-template-columns: minmax(0, 1fr);
}
.grid-3 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.process-list {
grid-template-columns: minmax(0, 1fr);
}
.why-grid {
grid-template-columns: minmax(0, 1fr);
}
.faq-list {
grid-template-columns: minmax(0, 1fr);
}
.top-stats-inner {
justify-content: flex-start;
}
}
@media (max-width: 640px) {
.grid-3,
.grid-2 {
grid-template-columns: minmax(0, 1fr);
}
.hero-title {
font-size: 26px;
}
.hero-bullets {
grid-template-columns: minmax(0, 1fr);
}
.contact-card,
.contact-form-card {
border-radius: 18px;
}
.top-stats-inner {
font-size: 11px;
}
.floating-line a {
padding: 8px 12px;
}
}
買房、賣房、換屋，
服務年資
第 4 年
累積成交
30+ 組家庭
主要區域
南屯・八期・七期
專精首購＋換屋＋資產配置
台中南屯・八期・七期 房產顧問
買房、賣房、換屋，
不用自己一個人摸索。
中部地產通｜從首購到資產配置，一起把房子這件大事，算清楚、看明白。
專注台中南屯、八期、七期電梯大樓與指標社區，長期追蹤成交行情與實價登錄。
我用白話的方式，幫你看懂數字、看懂社區，也看清楚你真正適合的生活樣子。
首購族找房規劃
家庭換屋與學區評估
自住＋收租資產配置
日常跑的社區
南屯八期
文心森林
七期指標
不只是帶看房，而是陪你一起做決定。
每一次帶看前，我會先幫你把實價登錄、行情、持有成本算清楚，讓你看房時心裡有底。
SERVICES
我可以幫你什麼？
不是只帶你看幾間房，而是從「算得過」到「住得好」整套一起做。
服務一｜首購族量身找房
第一次買房，也可以心裡有底。
從預算、貸款成數、每月支出，到區域、通勤、未來家庭規劃，一起拆解你真正需要的房子樣子。
- 釐清預算與每月可承受金額
- 篩選南屯、八期、七期適合首購的社區
- 用實價登錄說明為什麼這裡合理
服務二｜家庭換屋與學區規劃
一家人的生活動線，重新好好排一次。
小孩上學、長輩同住、通勤距離、車位數量⋯⋯把現階段與未來 5～10 年的需求一起納入考量。
- 先估價你現在的房子，再算換屋後壓力
- 整合學區、通勤、生活機能
- 找出「真的住得久」的社區條件
服務三｜投資與資產配置
房地產成為你財務規劃的一部分，而不是壓力來源。
自住＋收租？純投資？我會先把出租行情、空租風險、轉手難易度攤開來給你看。
- 整理各大社區租金行情與投報率
- 比較不同產品線的持有成本
- 找出好出租又好轉手的體質社區
FOCUS AREAS
專精區域，只做我真的熟的地方。
長期蹲點南屯、八期、七期，每天都在街區裡走路看生活感。
南屯區・八期重劃區
低密度、高綠覆，一直是台中生活口碑很好的區域。
有豐樂雕塑公園、豐富公園等萬坪綠地，加上好市多、IKEA、文心秀泰等生活機能。
南屯・文心森林生活圈
捷運綠線串接全城，文心森林公園周邊社區成熟，住家、學校、超市、餐飲一應俱全。
七期重劃區
台中指標門牌，百貨與商辦聚集。北七期偏政治商業中心，西七期、南七期以住宅與文教機能為主。
LATEST LISTINGS
最新釋出物件精選。
這裡可以放你現在主打的 3～4 間物件，點進去連到物件詳細頁。
晴耕雨讀社區｜大二房平車
高樓層採光好，室內近21坪，質感裝潢一卡皮箱入住，適合小家庭自住。
總價｜1588
登陽××｜高樓景觀 3 房
面社區中庭與遠山景色，格局方正，室內好規劃，近商圈與學區。
總價約｜請填入實際開價
七期×××｜自住＋收租規劃
高資產族群社區，現況自住＋出租，租金與投報可實際計算給你看。
總價約｜請填入實際開價
FEATURED COMMUNITIES
精選社區｜我常常進出、熟門熟路的大樓。
實際行情、出租情況、社區管理狀況，都不是只看官網就結束。
南屯・近公園生活圈
國泰頤湖院
近水岸與綠地，公設完整，戶數適中，住起來安靜但不無聊。
適合重視生活質感、喜歡散步與慢跑的自住族。
八期・成熟生活機能
登陽豐之丘
近主要幹道與商圈，生活機能齊全。首購、首換都有適合格局，社區管理與住戶素質穩定。
文心森林公園生活圈
文心愛悅
靠近捷運與公園，交通方便，周邊機能完整。對雙薪通勤族與小家庭非常友善。
指標建商體質
惠宇系列社區
品牌建商、管理嚴謹，社區氛圍與保值性都有一定水準。
適合長期持有、自住兼顧未來轉手需求的客戶。
MEDIA
看房前，先用影片和圖文認識我。
我習慣用最日常的方式介紹房子，不硬賣，只把我自己也會在意的東西說清楚。
房仲的一天｜帶你走進南屯日常
跟著我一起跑一整天的看屋行程，看的是房子，更是這一帶真實的生活樣子。
首購族必看｜實價登錄到底怎麼看？
帶你看懂「單價、總價、車位、樓層」背後代表什麼，不再只看房仲給的截圖。
八期 VS 七期｜你比較適合哪裡？
從通勤、預算、學區、生活感四個面向，幫你整理出兩個區域的差異。
WHY ME
為什麼很多人選擇讓我陪他們看房？
不是因為我最會話術，而是因為我敢把「不適合你」的物件直接劃掉。
和一般房仲的差別
不是先找物件，而是先釐清你的「人生階段」。
- 先聊清楚你現在在哪個階段：成家、換屋、投資、長輩同住⋯⋯
- 幫你算清楚房貸＋管理費＋車位費等「持有成本」。
- 會直接說出這間房子的缺點，而不是只講優點。
你可以期待的合作方式
透明、不勉強、不催促。
- 帶看前先提供實價登錄與行情整理，不硬推超出你預算的物件。
- 你猶豫的地方，我會幫你拆解原因，而不是說「不要想太多」。
- 就算最後沒成交，我也會祝福你找到更適合你的房子。
REVIEWS & RECORDS
真實成交與客戶回饋。
不只是照片好看、文字好聽，而是把每一筆交易都當成自己的事情在處理。
“
第一次買房本來超緊張，Vivian 一步一步幫我們算清楚每月支出，也直接說哪些社區不適合現在的我們，覺得很真心。
—— 南屯首購夫妻檔
“
從估價、看屋、談價到交屋都有清楚的說明，中間遇到任何狀況，她都會先跟我們講清楚背景與選項，這點很安心。
—— 八期換屋客戶
成交紀錄簡述
- 南屯區 ○○社區｜首購小家庭三房平車・成功議價成交
- 八期 △△大樓｜高樓層景觀戶・換屋客戶順利銜接舊屋出售
- 七期 ▢▢指標社區｜自住＋收租規劃・協助評估租金與投報率
PROCESS
想買房、想賣房，這樣開始就對了。
三個步驟，把狀況講清楚、選項看明白，再決定要不要出手。
1
線上聊聊你的狀況
透過 LINE 或訊息，先簡單說明預算、區域、成家或投資、現在在住哪裡。先把你心裡的問號列出來。
2
我幫你篩選社區與物件
依照你的狀況整理出幾個適合的社區，搭配實價登錄、行情、持有成本，讓你看到的不只是單一物件。
3
安排實際看屋與完整說明
一起走進社區、走在街區，看採光、看動線，也看日常生活感。過程中有任何猶豫都可以說，我會把優缺點一起告訴你。
FAQ
常見問題。
你心裡的害怕與疑問，其實很多人都問過，我先幫你整理在這裡。
我現在只是「看看」，還沒有很確定要買，可以先找你聊嗎？
可以，而且非常歡迎。很多客戶從第一次聊到真的出手，中間都隔了好幾個月以上。先釐清你現在的狀態與可能方向，比急著出手重要很多。
預算要抓到多細？一定要先去銀行試算嗎？
不一定要一開始就去銀行。你可以先大概說明目前存款、收入與願意承擔的每月房貸，我會先幫你算一個「安全區間」，之後再一起確認銀行條件。
如果看了很多間都沒喜歡，會不會很不好意思？
完全不用不好意思。沒遇到適合的就是沒遇到，我會誠實地跟你說我對每一間的看法，而不是勉強你趕快下決定。
賣房的流程會很複雜嗎？我需要準備什麼資料？
流程我會一步一步帶你走，從估價、整理物件資料、安排帶看，到簽約、點交。我會先給你一份「賣方準備清單」，照著準備就可以。
找到你的家，不用自己一個人摸索。
無論你現在只是「看看而已」，還是已經準備好要出手，都可以先聊聊。
把你的情況說給我聽，我會如實給你分析與建議。
電話
0937-539-715
E-mail
jazforyoumvp@gmail.com
門市
台中市南屯區向心南路 766 號
時間
週一～週日 10:00–21:00（看屋時段可彈性配合）
加 LINE 後，只要傳訊息說「想買房」或「想賣房」，我就會先跟你打個招呼，再一步一步問你需要什麼。
線上預約諮詢說明
如果你現在沒有時間通話，也可以用表單或 Email 告訴我：你的預算、想找的區域、現在住哪裡、成員有誰，以及你最在意的兩三個點。
我會在 1 個工作天內，用你方便的方式回覆你（LINE / 電話 / Email），一起把你心裡的問題整理清楚。
𝐓𝐚𝐢𝐜𝐡𝐮𝐧𝐠 𝐇𝐨𝐮𝐬𝐞 𝐋𝐚𝐛 