﻿:root {
    /* 主色調 - 牛樟芝主題 */
    --fenglin-v2-primary-color: #2c5c3e;
    --fenglin-v2-primary-dark: #1e3c29;
    --fenglin-v2-primary-light: #3a7a51;
    --fenglin-v2-secondary-color: #8b4513;
    --fenglin-v2-accent-color: #d4af37;
    
    /* 中性色 */
    --fenglin-v2-white: #ffffff;
    --fenglin-v2-light: #f8f9fa;
    --fenglin-v2-light-green: #f0f7f0;
    --fenglin-v2-gray-light: #e5e7eb;
    --fenglin-v2-gray: #6b7280;
    --fenglin-v2-gray-dark: #374151;
    --fenglin-v2-black: #111827;
    
    /* 功能色 */
    --fenglin-v2-success: #10b981;
    --fenglin-v2-warning: #f59e0b;
    --fenglin-v2-error: #ef4444;
    --fenglin-v2-info: #3b82f6;
    
    /* 間距系統 */
    --fenglin-v2-space-xs: 0.5rem;    /* 8px */
    --fenglin-v2-space-sm: 1rem;      /* 16px */
    --fenglin-v2-space-md: 1.5rem;    /* 24px */
    --fenglin-v2-space-lg: 2rem;      /* 32px */
    --fenglin-v2-space-xl: 3rem;      /* 48px */
    --fenglin-v2-space-2xl: 4rem;     /* 64px */
    --fenglin-v2-space-3xl: 6rem;     /* 96px */
    
    /* 字體系統 */
    --fenglin-v2-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Microsoft JhengHei", "Noto Sans TC", sans-serif;
    --fenglin-v2-font-size-xs: 0.875rem;   /* 14px */
    --fenglin-v2-font-size-sm: 1rem;       /* 16px */
    --fenglin-v2-font-size-md: 1.125rem;   /* 18px */
    --fenglin-v2-font-size-lg: 1.25rem;    /* 20px */
    --fenglin-v2-font-size-xl: 1.5rem;     /* 24px */
    --fenglin-v2-font-size-2xl: 2rem;      /* 32px */
    --fenglin-v2-font-size-3xl: 2.5rem;    /* 40px */
    --fenglin-v2-font-size-4xl: 3rem;      /* 48px */
    
    /* 字重 */
    --fenglin-v2-font-light: 300;
    --fenglin-v2-font-normal: 400;
    --fenglin-v2-font-medium: 500;
    --fenglin-v2-font-semibold: 600;
    --fenglin-v2-font-bold: 700;
    --fenglin-v2-font-extrabold: 800;
    
    /* 行高 */
    --fenglin-v2-line-height-tight: 1.25;
    --fenglin-v2-line-height-normal: 1.5;
    --fenglin-v2-line-height-relaxed: 1.625;
    --fenglin-v2-line-height-loose: 2;
    
    /* 圓角 */
    --fenglin-v2-radius-sm: 0.25rem;   /* 4px */
    --fenglin-v2-radius-md: 0.5rem;    /* 8px */
    --fenglin-v2-radius-lg: 0.75rem;   /* 12px */
    --fenglin-v2-radius-xl: 1rem;      /* 16px */
    --fenglin-v2-radius-2xl: 1.5rem;   /* 24px */
    --fenglin-v2-radius-full: 9999px;
    
    /* 陰影 */
    --fenglin-v2-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12);
    --fenglin-v2-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --fenglin-v2-shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.1);
    --fenglin-v2-shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.15);
    --fenglin-v2-shadow-inner: inset 0 2px 4px rgba(0, 0, 0, 0.06);
    
    /* 過渡動畫 */
    --fenglin-v2-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --fenglin-v2-transition-normal: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    --fenglin-v2-transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);
    
    /* z-index 層級 */
    --fenglin-v2-z-dropdown: 1000;
    --fenglin-v2-z-sticky: 1020;
    --fenglin-v2-z-fixed: 1030;
    --fenglin-v2-z-modal: 1040;
    --fenglin-v2-z-popover: 1050;
    --fenglin-v2-z-tooltip: 1060;
}

/* 基礎重置 */
.fenglin-v2-body {
    margin: 0;
    padding: 0;
    font-family: var(--fenglin-v2-font-family);
    font-size: var(--fenglin-v2-font-size-sm);
    line-height: var(--fenglin-v2-line-height-normal);
    color: var(--fenglin-v2-gray-dark);
    background-color: var(--fenglin-v2-light);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 容器系統 */
.fenglin-v2-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--fenglin-v2-space-md);
    box-sizing: border-box;
}

/* 頁首樣式 */
.fenglin-v2-header {
    background-color: var(--fenglin-v2-white);
    box-shadow: var(--fenglin-v2-shadow-sm);
    position: sticky;
    top: 0;
    z-index: var(--fenglin-v2-z-sticky);
}

.fenglin-v2-header .fenglin-v2-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--fenglin-v2-space-sm) var(--fenglin-v2-space-md);
}

.fenglin-v2-logo img {
    display: block;
    transition: transform var(--fenglin-v2-transition-normal);
}

.fenglin-v2-logo img:hover {
    transform: scale(1.05);
}

/* 導航系統 */
.fenglin-v2-main-nav {
    transition: all var(--fenglin-v2-transition-normal);
}

.fenglin-v2-nav-list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: var(--fenglin-v2-space-lg);
}

.fenglin-v2-nav-item {
    position: relative;
}

.fenglin-v2-nav-link {
    color: var(--fenglin-v2-gray-dark);
    text-decoration: none;
    font-weight: var(--fenglin-v2-font-medium);
    font-size: var(--fenglin-v2-font-size-md);
    padding: var(--fenglin-v2-space-xs) 0;
    position: relative;
    transition: all var(--fenglin-v2-transition-fast);
}

.fenglin-v2-nav-link:hover {
    color: var(--fenglin-v2-primary-color);
}

.fenglin-v2-nav-link.fenglin-v2-active {
    color: var(--fenglin-v2-primary-color);
    font-weight: var(--fenglin-v2-font-semibold);
}

.fenglin-v2-nav-link.fenglin-v2-active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--fenglin-v2-primary-color);
    border-radius: var(--fenglin-v2-radius-full);
}

/* 移動選單按鈕 */
.fenglin-v2-mobile-menu-btn {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    width: 30px;
    height: 24px;
    position: relative;
    z-index: calc(var(--fenglin-v2-z-sticky) + 1);
    padding: 0;
}

.fenglin-v2-menu-icon,
.fenglin-v2-menu-icon::before,
.fenglin-v2-menu-icon::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: var(--fenglin-v2-gray-dark);
    border-radius: var(--fenglin-v2-radius-full);
    transition: all var(--fenglin-v2-transition-normal);
}

.fenglin-v2-menu-icon {
    top: 50%;
    transform: translateY(-50%);
}

.fenglin-v2-menu-icon::before {
    top: -8px;
}

.fenglin-v2-menu-icon::after {
    top: 8px;
}

.fenglin-v2-mobile-menu-btn-active .fenglin-v2-menu-icon {
    background-color: transparent;
}

.fenglin-v2-mobile-menu-btn-active .fenglin-v2-menu-icon::before {
    top: 0;
    transform: rotate(45deg);
}

.fenglin-v2-mobile-menu-btn-active .fenglin-v2-menu-icon::after {
    top: 0;
    transform: rotate(-45deg);
}

/* 主視覺區 - 滴粒專用 */
.fenglin-v2-hero-section {
    background: linear-gradient(135deg, var(--fenglin-v2-primary-color) 0%, var(--fenglin-v2-primary-dark) 100%);
    color: var(--fenglin-v2-white);
    padding: var(--fenglin-v2-space-2xl) 0 var(--fenglin-v2-space-xl);
    position: relative;
    overflow: hidden;
}

.fenglin-v2-hero-drops {
    background: linear-gradient(135deg, #3a7a51 0%, var(--fenglin-v2-primary-color) 100%);
}

.fenglin-v2-hero-drops::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('data:image/svg+xml,<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none" opacity="0.05"><path d="M0,0 L100,0 L100,100 Z" fill="white"/></svg>');
    background-size: cover;
    pointer-events: none;
}

.fenglin-v2-hero-title {
    font-size: var(--fenglin-v2-font-size-3xl);
    font-weight: var(--fenglin-v2-font-bold);
    margin: 0 0 var(--fenglin-v2-space-sm);
    line-height: var(--fenglin-v2-line-height-tight);
    position: relative;
    z-index: 1;
}

.fenglin-v2-subtitle {
    font-size: var(--fenglin-v2-font-size-lg);
    margin: 0 0 var(--fenglin-v2-space-lg);
    opacity: 0.9;
    position: relative;
    z-index: 1;
}

/* 麵包屑導航 */
.fenglin-v2-breadcrumb {
    background-color: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    padding: var(--fenglin-v2-space-sm) var(--fenglin-v2-space-md);
    border-radius: var(--fenglin-v2-radius-md);
    display: inline-block;
    position: relative;
    z-index: 1;
}

.fenglin-v2-breadcrumb-link {
    color: var(--fenglin-v2-white);
    text-decoration: none;
    transition: all var(--fenglin-v2-transition-fast);
}

.fenglin-v2-breadcrumb-link:hover {
    opacity: 0.8;
    text-decoration: underline;
}

.fenglin-v2-breadcrumb-current {
    font-weight: var(--fenglin-v2-font-semibold);
}

/* 內容區域 */
.fenglin-v2-content-section {
    padding: var(--fenglin-v2-space-xl) 0;
}

.fenglin-v2-layout {
    display: flex;
    gap: var(--fenglin-v2-space-xl);
}

.fenglin-v2-main-content {
    flex: 1;
    min-width: 0;
}

/* 標題系統 */
.fenglin-v2-heading-2 {
    color: var(--fenglin-v2-primary-dark);
    font-size: var(--fenglin-v2-font-size-2xl);
    font-weight: var(--fenglin-v2-font-bold);
    margin: var(--fenglin-v2-space-xl) 0 var(--fenglin-v2-space-md);
    padding-bottom: var(--fenglin-v2-space-sm);
    border-bottom: 2px solid var(--fenglin-v2-light-green);
}

.fenglin-v2-heading-3 {
    color: var(--fenglin-v2-primary-color);
    font-size: var(--fenglin-v2-font-size-xl);
    font-weight: var(--fenglin-v2-font-semibold);
    margin: var(--fenglin-v2-space-lg) 0 var(--fenglin-v2-space-sm);
}

.fenglin-v2-section-spacing {
    margin-top: var(--fenglin-v2-space-2xl);
}

/* 段落系統 */
.fenglin-v2-paragraph {
    margin-bottom: var(--fenglin-v2-space-md);
    line-height: var(--fenglin-v2-line-height-relaxed);
    color: var(--fenglin-v2-gray-dark);
}

/* 內容介紹區塊 */
.fenglin-v2-content-intro {
    margin-bottom: var(--fenglin-v2-space-lg);
}

/* 技術亮點區塊 */
.fenglin-v2-tech-highlight {
    background: linear-gradient(to right, var(--fenglin-v2-light-green), rgba(240, 247, 240, 0.7));
    padding: var(--fenglin-v2-space-md) var(--fenglin-v2-space-lg);
    border-radius: var(--fenglin-v2-radius-lg);
    margin-bottom: var(--fenglin-v2-space-md);
    border-left: 4px solid var(--fenglin-v2-primary-light);
    transition: all var(--fenglin-v2-transition-normal);
}

.fenglin-v2-tech-highlight:hover {
    transform: translateX(5px);
    box-shadow: var(--fenglin-v2-shadow-md);
}

/* 創新網格 */
.fenglin-v2-innovation-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--fenglin-v2-space-lg);
    margin: var(--fenglin-v2-space-lg) 0;
}

.fenglin-v2-innovation-card {
    background-color: var(--fenglin-v2-white);
    padding: var(--fenglin-v2-space-lg);
    border-radius: var(--fenglin-v2-radius-lg);
    box-shadow: var(--fenglin-v2-shadow-md);
    border: 1px solid var(--fenglin-v2-gray-light);
    transition: all var(--fenglin-v2-transition-normal);
    opacity: 0;
    transform: translateY(20px);
}

.fenglin-v2-innovation-card.fenglin-v2-animated {
    opacity: 1;
    transform: translateY(0);
}

.fenglin-v2-innovation-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--fenglin-v2-shadow-lg);
    border-color: var(--fenglin-v2-primary-light);
}

.fenglin-v2-innovation-icon {
    font-size: 2.5rem;
    margin-bottom: var(--fenglin-v2-space-sm);
    text-align: center;
}

.fenglin-v2-innovation-title {
    color: var(--fenglin-v2-primary-color);
    font-size: var(--fenglin-v2-font-size-lg);
    font-weight: var(--fenglin-v2-font-semibold);
    margin: 0 0 var(--fenglin-v2-space-sm);
    text-align: center;
}

.fenglin-v2-innovation-description {
    color: var(--fenglin-v2-gray);
    margin: 0;
    line-height: var(--fenglin-v2-line-height-relaxed);
    text-align: center;
}

/* 使用情境區塊 */
.fenglin-v2-scenario-section {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--fenglin-v2-space-lg);
    margin: var(--fenglin-v2-space-lg) 0;
}

.fenglin-v2-scenario-card {
    background-color: var(--fenglin-v2-white);
    padding: var(--fenglin-v2-space-lg);
    border-radius: var(--fenglin-v2-radius-lg);
    box-shadow: var(--fenglin-v2-shadow-md);
    border: 2px solid var(--fenglin-v2-light-green);
    transition: all var(--fenglin-v2-transition-normal);
}

.fenglin-v2-scenario-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--fenglin-v2-shadow-lg);
    border-color: var(--fenglin-v2-primary-color);
}

/* 品質保證區塊 */
.fenglin-v2-quality-section {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--fenglin-v2-space-lg);
    margin: var(--fenglin-v2-space-lg) 0;
}

.fenglin-v2-quality-feature {
    background-color: var(--fenglin-v2-white);
    padding: var(--fenglin-v2-space-lg);
    border-radius: var(--fenglin-v2-radius-lg);
    border: 2px solid var(--fenglin-v2-light-green);
    position: relative;
    overflow: hidden;
}

.fenglin-v2-quality-feature::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: var(--fenglin-v2-primary-color);
}

/* 專家建議區塊 */
.fenglin-v2-expert-section {
    background-color: var(--fenglin-v2-light-green);
    padding: var(--fenglin-v2-space-lg);
    border-radius: var(--fenglin-v2-radius-lg);
    margin: var(--fenglin-v2-space-xl) 0;
    border: 1px solid rgba(44, 92, 62, 0.2);
}

.fenglin-v2-ordered-list {
    list-style: decimal;
    padding-left: var(--fenglin-v2-space-lg);
    margin: var(--fenglin-v2-space-md) 0;
}

.fenglin-v2-list-item {
    margin-bottom: var(--fenglin-v2-space-sm);
    line-height: var(--fenglin-v2-line-height-relaxed);
    color: var(--fenglin-v2-gray-dark);
}

.fenglin-v2-expert-note {
    background-color: rgba(255, 255, 255, 0.9);
    padding: var(--fenglin-v2-space-md);
    border-radius: var(--fenglin-v2-radius-md);
    margin-top: var(--fenglin-v2-space-md);
    border-left: 4px solid var(--fenglin-v2-accent-color);
}

.fenglin-v2-note-text {
    margin: 0;
    color: var(--fenglin-v2-gray-dark);
    font-size: var(--fenglin-v2-font-size-sm);
}

/* 在地服務區塊 */
.fenglin-v2-localization-section {
    background-color: var(--fenglin-v2-white);
    padding: var(--fenglin-v2-space-lg);
    border-radius: var(--fenglin-v2-radius-lg);
    box-shadow: var(--fenglin-v2-shadow-md);
    margin: var(--fenglin-v2-space-xl) 0;
    border-top: 4px solid var(--fenglin-v2-primary-color);
}

.fenglin-v2-service-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--fenglin-v2-space-lg);
    margin: var(--fenglin-v2-space-lg) 0;
}

.fenglin-v2-service-item {
    background-color: var(--fenglin-v2-light-green);
    padding: var(--fenglin-v2-space-md);
    border-radius: var(--fenglin-v2-radius-lg);
    text-align: center;
    transition: all var(--fenglin-v2-transition-normal);
}

.fenglin-v2-service-item:hover {
    transform: translateY(-5px);
    box-shadow: var(--fenglin-v2-shadow-md);
}

.fenglin-v2-service-icon {
    font-size: 2rem;
    margin-bottom: var(--fenglin-v2-space-sm);
}

.fenglin-v2-service-text {
    margin: 0;
    color: var(--fenglin-v2-gray-dark);
    font-size: var(--fenglin-v2-font-size-sm);
    line-height: var(--fenglin-v2-line-height-relaxed);
}

.fenglin-v2-address {
    font-style: normal;
    background-color: var(--fenglin-v2-light);
    padding: var(--fenglin-v2-space-md);
    border-radius: var(--fenglin-v2-radius-md);
    margin-top: var(--fenglin-v2-space-lg);
    border-left: 4px solid var(--fenglin-v2-secondary-color);
}

.fenglin-v2-address-title {
    color: var(--fenglin-v2-primary-color);
    font-weight: var(--fenglin-v2-font-semibold);
}

/* 側邊欄 */
.fenglin-v2-sidebar {
    width: 320px;
    flex-shrink: 0;
}

.fenglin-v2-sidebar-box {
    background-color: var(--fenglin-v2-white);
    padding: var(--fenglin-v2-space-lg);
    border-radius: var(--fenglin-v2-radius-lg);
    box-shadow: var(--fenglin-v2-shadow-md);
    margin-bottom: var(--fenglin-v2-space-lg);
    border: 1px solid var(--fenglin-v2-gray-light);
    transition: all var(--fenglin-v2-transition-normal);
}

.fenglin-v2-sidebar-box:hover {
    transform: translateY(-3px);
    box-shadow: var(--fenglin-v2-shadow-lg);
}

.fenglin-v2-sidebar-title {
    color: var(--fenglin-v2-primary-color);
    font-size: var(--fenglin-v2-font-size-lg);
    font-weight: var(--fenglin-v2-font-semibold);
    margin: 0 0 var(--fenglin-v2-space-md);
    padding-bottom: var(--fenglin-v2-space-sm);
    border-bottom: 1px solid var(--fenglin-v2-gray-light);
}

.fenglin-v2-sidebar-text {
    color: var(--fenglin-v2-gray);
    line-height: var(--fenglin-v2-line-height-relaxed);
    margin: 0 0 var(--fenglin-v2-space-md);
}

/* 比較區塊 */
.fenglin-v2-comparison {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: var(--fenglin-v2-space-md);
}

.fenglin-v2-comparison-feature {
    background-color: var(--fenglin-v2-light);
    padding: var(--fenglin-v2-space-md);
    border-radius: var(--fenglin-v2-radius-md);
}

.fenglin-v2-comparison-title {
    color: var(--fenglin-v2-primary-color);
    font-size: var(--fenglin-v2-font-size-sm);
    font-weight: var(--fenglin-v2-font-semibold);
    margin: 0 0 var(--fenglin-v2-space-sm);
    text-align: center;
}

.fenglin-v2-comparison-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.fenglin-v2-comparison-item {
    padding: var(--fenglin-v2-space-xs) 0;
    color: var(--fenglin-v2-gray);
    font-size: var(--fenglin-v2-font-size-xs);
    line-height: var(--fenglin-v2-line-height-tight);
    position: relative;
    padding-left: var(--fenglin-v2-space-sm);
}

.fenglin-v2-comparison-item::before {
    content: '•';
    position: absolute;
    left: 0;
    color: var(--fenglin-v2-primary-color);
}

/* 認證列表 */
.fenglin-v2-certification-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.fenglin-v2-certification-item {
    padding: var(--fenglin-v2-space-sm) 0;
    color: var(--fenglin-v2-gray-dark);
    border-bottom: 1px solid var(--fenglin-v2-gray-light);
    display: flex;
    align-items: center;
    gap: var(--fenglin-v2-space-xs);
}

.fenglin-v2-certification-item:last-child {
    border-bottom: none;
}

/* 聯絡列表 */
.fenglin-v2-contact-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.fenglin-v2-contact-item {
    padding: var(--fenglin-v2-space-sm) 0;
    color: var(--fenglin-v2-gray-dark);
    border-bottom: 1px solid var(--fenglin-v2-gray-light);
    display: flex;
    align-items: center;
    gap: var(--fenglin-v2-space-xs);
}

.fenglin-v2-contact-item:last-child {
    border-bottom: none;
}

/* 頁尾 */
.fenglin-v2-footer {
    background-color: var(--fenglin-v2-gray-dark);
    color: var(--fenglin-v2-white);
    padding: var(--fenglin-v2-space-xl) 0 var(--fenglin-v2-space-lg);
}

.fenglin-v2-footer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--fenglin-v2-space-xl);
    margin-bottom: var(--fenglin-v2-space-xl);
}

.fenglin-v2-footer-section {
    margin-bottom: var(--fenglin-v2-space-lg);
}

.fenglin-v2-footer-title {
    color: var(--fenglin-v2-white);
    font-size: var(--fenglin-v2-font-size-lg);
    font-weight: var(--fenglin-v2-font-semibold);
    margin: 0 0 var(--fenglin-v2-space-md);
}

.fenglin-v2-footer-text {
    color: rgba(255, 255, 255, 0.8);
    line-height: var(--fenglin-v2-line-height-relaxed);
    margin: 0;
}

.fenglin-v2-footer-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.fenglin-v2-footer-item {
    padding: var(--fenglin-v2-space-xs) 0;
    color: rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    gap: var(--fenglin-v2-space-xs);
}

.fenglin-v2-footer-item:last-child {
    border-bottom: none;
}

.fenglin-v2-footer-link {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: all var(--fenglin-v2-transition-fast);
}

.fenglin-v2-footer-link:hover {
    color: var(--fenglin-v2-white);
    text-decoration: underline;
}

.fenglin-v2-copyright {
    text-align: center;
    padding-top: var(--fenglin-v2-space-lg);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.fenglin-v2-copyright-text {
    color: rgba(255, 255, 255, 0.6);
    font-size: var(--fenglin-v2-font-size-xs);
    margin: 0;
}

/* 響應式設計 */
@media (max-width: 992px) {
    .fenglin-v2-layout {
        flex-direction: column;
        gap: var(--fenglin-v2-space-lg);
    }
    
    .fenglin-v2-sidebar {
        width: 100%;
    }
    
    .fenglin-v2-hero-title {
        font-size: var(--fenglin-v2-font-size-2xl);
    }
    
    .fenglin-v2-subtitle {
        font-size: var(--fenglin-v2-font-size-md);
    }
    
    .fenglin-v2-heading-2 {
        font-size: var(--fenglin-v2-font-size-xl);
    }
    
    .fenglin-v2-heading-3 {
        font-size: var(--fenglin-v2-font-size-lg);
    }
    
    .fenglin-v2-innovation-grid,
    .fenglin-v2-scenario-section,
    .fenglin-v2-quality-section {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .fenglin-v2-service-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .fenglin-v2-mobile-menu-btn {
        display: block;
    }
    
    .fenglin-v2-nav-list {
        position: fixed;
        top: 80px;
        left: 0;
        right: 0;
        background-color: var(--fenglin-v2-white);
        flex-direction: column;
        padding: var(--fenglin-v2-space-md);
        box-shadow: var(--fenglin-v2-shadow-lg);
        gap: 0;
        transform: translateY(-100%);
        opacity: 0;
        visibility: hidden;
        transition: all var(--fenglin-v2-transition-normal);
        z-index: var(--fenglin-v2-z-dropdown);
    }
    
    .fenglin-v2-mobile-menu-open .fenglin-v2-nav-list {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }
    
    .fenglin-v2-nav-item {
        border-bottom: 1px solid var(--fenglin-v2-gray-light);
    }
    
    .fenglin-v2-nav-item:last-child {
        border-bottom: none;
    }
    
    .fenglin-v2-nav-link {
        display: block;
        padding: var(--fenglin-v2-space-md) 0;
        font-size: var(--fenglin-v2-font-size-lg);
    }
    
    .fenglin-v2-hero-section {
        padding: var(--fenglin-v2-space-xl) 0 var(--fenglin-v2-space-lg);
    }
    
    .fenglin-v2-hero-title {
        font-size: var(--fenglin-v2-font-size-xl);
    }
    
    .fenglin-v2-content-section {
        padding: var(--fenglin-v2-space-lg) 0;
    }
    
    .fenglin-v2-innovation-grid,
    .fenglin-v2-scenario-section,
    .fenglin-v2-quality-section {
        grid-template-columns: 1fr;
    }
    
    .fenglin-v2-service-grid {
        grid-template-columns: 1fr;
    }
    
    .fenglin-v2-footer-grid {
        grid-template-columns: 1fr;
        gap: var(--fenglin-v2-space-lg);
    }
    
    .fenglin-v2-comparison {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .fenglin-v2-container {
        padding: 0 var(--fenglin-v2-space-sm);
    }
    
    .fenglin-v2-hero-title {
        font-size: var(--fenglin-v2-font-size-lg);
    }
    
    .fenglin-v2-subtitle {
        font-size: var(--fenglin-v2-font-size-sm);
    }
    
    .fenglin-v2-innovation-card,
    .fenglin-v2-scenario-card,
    .fenglin-v2-quality-feature,
    .fenglin-v2-sidebar-box {
        padding: var(--fenglin-v2-space-md);
    }
    
    .fenglin-v2-footer {
        padding: var(--fenglin-v2-space-lg) 0 var(--fenglin-v2-space-md);
    }
}

/* 列印樣式 */
@media print {
    .fenglin-v2-header,
    .fenglin-v2-footer,
    .fenglin-v2-sidebar,
    .fenglin-v2-mobile-menu-btn {
        display: none;
    }
    
    .fenglin-v2-body {
        background-color: white;
        color: black;
        font-size: 12pt;
    }
    
    .fenglin-v2-container {
        max-width: 100%;
        padding: 0;
    }
    
    .fenglin-v2-hero-section {
        background: none !important;
        color: black;
        padding: 20px 0;
    }
    
    .fenglin-v2-hero-title {
        font-size: 18pt;
    }
    
    .fenglin-v2-heading-2,
    .fenglin-v2-heading-3 {
        color: black;
    }
    
    .fenglin-v2-innovation-card,
    .fenglin-v2-scenario-card {
        border: 1px solid #ddd;
        box-shadow: none;
        break-inside: avoid;
    }
}

/* 動畫效果 */
@keyframes fenglin-v2-fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fenglin-v2-animated {
    animation: fenglin-v2-fadeInUp 0.6s ease-out forwards;
}