:root {
    --primary-color: #1a3a5f;
    --secondary-color: #f39c12;
    --accent-color: #2ecc71;
    --bg-light: #f4f7f6;
    --text-dark: #2c3e50;
}

html { scroll-behavior: smooth; }
body { font-family: 'Noto Sans TC', sans-serif; color: var(--text-dark); background-color: #fff; }
.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }

/* 導覽與 Logo */
header { background: #fff; padding: 15px 0; box-shadow: 0 4px 12px rgba(0,0,0,0.05); position: sticky; top: 0; z-index: 1000; }
nav { display: flex; justify-content: space-between; align-items: center; }
.logo { font-size: 1.5rem; font-weight: 700; color: var(--primary-color); display: flex; align-items: center; }
.logo span { color: var(--secondary-color); }
.nav-links { display: flex; list-style: none; gap: 20px; align-items: center; }
.nav-links a { text-decoration: none; color: var(--text-dark); transition: 0.3s; }
.nav-cta { background: var(--secondary-color); color: white !important; padding: 10px 22px; border-radius: 5px; font-weight: bold; }

/* Hero 區優化 */
.hero { 
    background: linear-gradient(135deg, rgba(26,58,95,0.85), rgba(26,58,95,0.6)), url('https://images.unsplash.com/photo-1524758631624-e2822e304c36?q=80&w=1470&auto=format&fit=crop');
    background-size: cover; background-position: center;
    padding: 120px 0; color: white; text-align: center;
}
.badge { background: var(--secondary-color); padding: 5px 15px; border-radius: 50px; font-size: 0.9rem; margin-bottom: 20px; display: inline-block; }
.hero h1 { font-size: 3.5rem; margin-bottom: 20px; letter-spacing: 2px; }
.btn { display: inline-block; padding: 15px 35px; border-radius: 5px; text-decoration: none; font-weight: bold; transition: 0.3s; margin: 10px; }
.btn-primary { background: var(--accent-color); color: white; }
.btn-outline { border: 2px solid white; color: white; }
.btn:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.3); }

/* 收購流程 */
.process { padding: 80px 0; text-align: center; }
.process-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-top: 50px; }
.step-num { font-family: 'Montserrat'; font-size: 3rem; color: #eee; font-weight: 900; margin-bottom: -30px; }
.step h3 { position: relative; z-index: 1; margin-bottom: 15px; }

/* 服務卡片優化 */
.services { background: var(--bg-light); padding: 80px 0; }
.service-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.service-card { background: white; padding: 50px 30px; border-radius: 15px; text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
.icon { font-size: 3.5rem; margin-bottom: 20px; display: block; }

/* 客戶見證 */
.testimonials { padding: 80px 0; }
.testimonial-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
blockquote { border-left: 5px solid var(--secondary-color); padding: 20px; background: #fefefe; font-style: italic; }
cite { display: block; margin-top: 10px; color: #777; font-style: normal; font-weight: bold; }

/* 頁尾 */
footer { background: var(--primary-color); color: #bdc3c7; padding: 60px 0 20px; }
.footer-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; }
footer h3 { color: white; margin-bottom: 20px; }
.footer-bottom { border-top: 1px solid #34495e; margin-top: 40px; padding-top: 20px; text-align: center; }

/* 浮動按鈕 (手機版) */
.floating-cta { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); display: none; gap: 10px; z-index: 2000; width: 90%; }
.floating-cta a { flex: 1; text-align: center; padding: 12px; border-radius: 50px; color: white; text-decoration: none; font-weight: bold; box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
.float-line { background: #06c755; }
.float-phone { background: var(--primary-color); }

@media (max-width: 768px) {
    .nav-links { display: none; }
    .hero h1 { font-size: 2.5rem; }
    .testimonial-grid { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; }
    .floating-cta { display: flex; }
}