:root{--color-primary: #ffffff;--color-secondary: #282828;--color-t3: #C0664E;--color-accent: #9d8f7d;--color-accent-dark: #a6a194; /* 按鈕懸停色 */--color-wood: #8b7d6b;--color-gray: #f5f5f5;--color-highlight: #ebe9e3;--marquee-height: 40px;--header-height: 80px; /* Added to account for header height */}body{font-family: 'Inter', sans-serif;overflow-x: hidden; /* background: linear-gradient(to bottom, var(--color-primary), var(--color-gray)); */color: var(--color-secondary);background-image: url(../images/bg/bg-s.jpg);background-repeat: repeat;background-position: center center;background-size: auto;background-attachment: scroll;}.bg-logo{background-image: url(../images/bg/bg-s.jpg);background-repeat: repeat;background-position: center center;background-size: auto;background-attachment: scroll;}/* Hide body scrollbar when mobile menu is open */body.menu-open{overflow-y: hidden;}/* Animations */@keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}@keyframes slideInUp{from{opacity: 0; transform: translateY(50px);}to{opacity: 1; transform: translateY(0);}}@keyframes bounceSlow{0%, 100%{transform: translateY(0);}50%{transform: translateY(-10px);}}@keyframes fadeInOut{0%{opacity: 0; transform: translateY(20px);}20%{opacity: 1; transform: translateY(0);}80%{opacity: 1; transform: translateY(0);}100%{opacity: 0; transform: translateY(-20px);}}.fade-in{opacity: 0;animation: fadeIn 1s ease-in-out forwards;}.slide-in-up{opacity: 0;animation: slideInUp 0.8s ease-out forwards;}.animate-bounce-slow{animation: bounceSlow 2s infinite ease-in-out;}.marquee{animation: fadeInOut 5s ease-in-out forwards;}/* Marquee Styles */#marquee{overflow: hidden; /* 防止內容溢出 */}#marquee-content{width: 100%; overflow: hidden; /* 確保內容不超出容器 */ display: flex; justify-content: center; align-items: center;}#marquee-text{white-space: nowrap; /* 防止文字換行 */ /* text-overflow: ellipsis; *//* 長文字顯示省略號 */ max-width: 100%; /* 限制文字寬度不超出容器 */ transition: opacity 0.5s ease; /* 淡入淡出效果 */}/* 手機版：調整字體大小 */@media (max-width: 768px){#marquee{font-size: 0.9rem; /* 手機上縮小字體 */}}/* 電腦版：允許文字換行 */@media (min-width: 769px){#marquee-text{white-space: normal; /* 允許文字換行，顯示完整訊息 */}}/* Hero Section */.img-container{width: 100%;height: 100vh;position: relative;overflow: hidden;background-size: cover;}.hero-img{position: absolute;width: 100%;height: 100%;object-fit: cover;opacity: 0;transition: opacity 1s ease-in-out;}.hero-img.active{opacity: 1;transition: opacity 1s ease-in-out;}.hero-img.left-to-right{animation: moveLeftToRight 10s linear;}.hero-img.top-left-to-bottom-right{animation: moveTopLeftToBottomRight 10s linear;}.hero-img.top-right-to-bottom-left{animation: moveTopRightToBottomLeft 10s linear;}@keyframes moveLeftToRight{from{transform: translateX(-10%) scale(1.2);}to{transform: translateX(10%) scale(1.2);}}@keyframes moveTopLeftToBottomRight{from{transform: translate(-10%, -10%) scale(1.2);}to{transform: translate(10%, 10%) scale(1.2);}}@keyframes moveTopRightToBottomLeft{from{transform: translate(10%, -10%) scale(1.2);}to{transform: translate(-10%, 10%) scale(1.2);}}/* Product Card Hover */.product-card-img{transition: transform 0.3s ease-in-out;width: 100%;height: 100%;object-fit: cover;}.product-card:hover .product-card-img{transform: scale(1.05);}/* Custom Cursor */#custom-cursor{position: fixed;top: 0;left: 0;width: 8px;height: 8px;background-color: rgba(40, 40, 40, 0.3);border-radius: 50%;pointer-events: none;z-index: 9999;transition: width 0.3s ease, height 0.3s ease, background-color 0.3s ease;transform: translate(-50%, -50%);}#custom-cursor.active{width: 30px;height: 30px;background-color: rgba(40, 40, 40, 0.2);}/* Scroll-to-Top Button */#scroll-to-top{position: fixed;bottom: 30px;right: 30px;z-index: 100;background-color: var(--color-secondary);color: var(--color-primary);width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;transform: translateY(20px);transition: all 0.3s ease-in-out;cursor: pointer;}#scroll-to-top.show{opacity: 1;visibility: visible;transform: translateY(0);}/* Learn More Link */.learn-more-link{position: relative;display: inline-flex;align-items: center;gap: 1;}.learn-more-link::after{content: '';position: absolute;width: 0;height: 1px;bottom: -2px;left: 0;background-color: var(--color-secondary);transition: width 0.3s ease-in-out;}.learn-more-link:hover::after{width: 100%;}/* Dropdown Menu */.group:hover .group-hover\:visible{visibility: visible;opacity: 1;transform: translateY(0);}.group-hover\:visible{visibility: hidden;opacity: 0;transform: translateY(-5px);transition: visibility 0s linear 0.2s, opacity 0.3s ease, transform 0.3s ease;}.group:hover .group-hover\:visible,.group-hover\:visible:hover{visibility: visible;opacity: 1;transform: translateY(0);transition-delay: 0s;}/* Footer Styles */footer{background: var(--color-highlight);border-top: 1px solid rgba(0, 0, 0, 0.1);margin-top: -1px;background-repeat: repeat;background-size: 200px;}footer a{transition: color 0.3s ease;}footer a:hover{color: var(--color-wood);}footer .grid{grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));}footer .flex{flex-wrap: wrap;}footer h4{position: relative;font-weight: 400;}footer h4:after{content: '';position: absolute;bottom: -5px;left: 0;width: 20%;height: 1px;background-color: var(--color-secondary);}.footer-separator{border-top: 1px solid rgba(0, 0, 0, 0.1);margin: 20px 0;}/* Social icon 統一風格 */.footer-social .social-icon{display: flex;align-items: center;justify-content: center;width: 38px;height: 38px;border: 1px solid var(--color-wood);border-radius: 50%;color: var(--color-wood);font-size: 16px;transition: all 0.3s ease;}.footer-social .social-icon:hover{background: var(--color-wood);color: var(--color-primary);}/* Newsletter Form */.newsletter-form__field-wrapper{position: relative;display: flex;flex-direction: row;align-items: center;justify-content: flex-start; /* 改靠左 */width: 100%;max-width: 400px;margin: 0; /* 移除置中 */gap: 10px;}.field{position:relative;flex: 1;}.field__input{flex-grow: 1;padding: 10px 15px;background: transparent;border: 1px solid #c3c3c3;border-radius: 4px;outline: none;color: #c3c3c3;font-size: 14px;}.field__label{position: absolute;top: 50%;left: 15px;transform: translateY(-50%);color: var(--color-secondary);font-size: 14px;pointer-events: none;transition: 0.3s ease all;}.field__input:focus + .field__label,.field__input:not(:placeholder-shown) + .field__label{top: -10px;font-size: 12px;background: var(--color-highlight);padding: 0 4px;}.newsletter-form__button{background: var(--color-wood);border: none;padding: 10px 20px;border-radius: 4px;cursor: pointer;color: var(--color-primary);font-size: 14px;transition: background 0.3s ease;}.newsletter-form__button:hover{background: #aa9b88;}/* Tea Ware Pagination */.tea-ware-pagination{display: flex;justify-content: center;gap: 8px;margin-top: 16px;}.tea-ware-pagination button{width: 30px;height: 30px;border: 1px solid var(--color-secondary);background: var(--color-primary);color: var(--color-secondary);font-size: 14px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: background 0.3s ease, color 0.3s ease;}.tea-ware-pagination button.active{background: var(--color-secondary);color: var(--color-primary);}.tea-ware-pagination button:hover{background: var(--color-secondary);color: var(--color-primary);}/* Hero Dots */.hero-dots{position: absolute;bottom: 15px;right: 15px;display: flex;flex-direction: row;gap: 8px;z-index: 10;}.hero-dots button{width: 20px;height: 20px;border-radius: 50%;background: rgba(255, 255, 255, 0.5);cursor: pointer;transition: background 0.3s ease, transform 0.3s ease;}.hero-dots button.active{background: var(--color-secondary);transform: scale(1.2);}.hero-dots button:hover{background: var(--color-secondary);} /* Customer Reviews Section */.customer-section{display: flex;flex-direction: column;align-items: center;gap: 32px;width: 100%;overflow: hidden;padding: 0 16px;box-sizing: border-box;}.customer-text{text-align: center;width: 200px;padding: 0 16px;}.customer-reviews-slider{width: calc( 100% - 200px );}.customer-reviews-slider .swiper{width: 100%;}.customer-reviews-slider .swiper-slide{display: flex;justify-content: center; /* 確保卡片居中 */padding: 0 8px; /* 滑塊間距 */box-sizing: border-box;}.customer-reviews-slider .review-card{margin: 0 8px;padding: 20px;background: white;border-radius: 12px;border: 1px solid var(--color-accent);transition: transform 0.3s ease, box-shadow 0.3s ease;box-sizing: border-box;min-height: 180px;width: 100%; /* 確保卡片填滿滑塊 */flex: 0 0 auto; /* 防止壓縮 */}.customer-reviews-slider .review-card:hover{transform: translateY(-5px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}.customer-reviews-slider .swiper-pagination{position:relative;margin-top: 10px;text-align: center;}.customer-reviews-slider .swiper-pagination-bullet{width: 12px;height: 12px;background: #ccc; /* 自訂點點顏色 */}.customer-reviews-slider .swiper-pagination-bullet-active{background: var(--color-accent); /* 活躍點點顏色 */}@media (min-width: 769px){.customer-section{flex-direction: row;justify-content: space-between;align-items: flex-start;padding: 0 32px;}.customer-reviews-slider .swiper-slide{padding: 0 8px; /* 大螢幕間距 */}}@media (max-width: 768px){.customer-section{gap: 24px;padding: 0 8px;}.customer-reviews-slider{width: 100%;margin-top:10px;}.customer-reviews-slider .review-card{margin: 0 8px;padding: 16px;min-height: 160px;}.customer-text{width:100%;padding: 0 12px;}.customer-text h3{font-size: 1.5rem;}.customer-text p{font-size: 0.9rem;}}/* RWD Adjustments */@media (max-width: 768px){.grid{grid-template-columns: 1fr;}.text-center{text-align: center;}#main-header{top: calc(var(--marquee-height));}footer .grid{grid-template-columns: 1fr;}footer h4:after{width: 10%;}.footer-social,.footer-copyright{text-align: center;justify-content: center;margin: 10px 0;}.newsletter-form__field-wrapper{flex-direction: row;max-width: 100%;gap: 8px;}.field__input{width: auto;margin-bottom: 0;}.newsletter-form__button{width: auto;}.hero-dots{bottom: 12px;right: 12px;flex-direction: row;gap: 8px;}.hero-dots button{width: 15px;height: 15px;}}.media--circle{border-radius: 50%;}@font-face{font-family: 'LINESeedTW'; /* 你要自訂的字體名稱 */ src: url('../fonts/LINESeedTW_TTF_Rg.ttf') format('truetype'); font-weight: normal; font-style: normal;}.lineseedtw_fonts{font-family: 'LINESeedTW', sans-serif; /* 預設使用你的字體 */}/* Pagination Styles - 優化手機版，防止頁碼壓縮 */.pagination{display: flex; justify-content: center; align-items: center; gap: 6px; /* 縮小間距 */ margin-top: 24px; flex-wrap: wrap; /* 允許換行 */ max-width: 100%; box-sizing: border-box;}.pagination button{padding: 6px 12px; /* 縮小按鈕尺寸 */ border: 1px solid var(--color-wood); background: var(--color-primary); color: var(--color-wood); border-radius: 4px; cursor: pointer; transition: background 0.3s ease, color 0.3s ease; font-size: 0.9rem; /* 縮小字體 */ min-width: 32px; /* 確保按鈕有最小寬度 */ text-align: center;}.pagination button.active{background: var(--color-wood); color: var(--color-primary);}.pagination button:hover:not(:disabled){background: var(--color-wood); color: var(--color-primary);}.pagination button:disabled{opacity: 0.5; cursor: not-allowed;}.pagination .ellipsis{padding: 6px 12px; color: var(--color-wood); font-size: 0.9rem; display: inline-flex; align-items: center;}/* Responsive */@media (max-width: 768px){.pagination{gap: 4px; /* 手機版進一步縮小間距 */ margin-top: 16px;} .pagination button{padding: 5px 10px; font-size: 0.85rem; min-width: 28px;} .pagination .ellipsis{padding: 5px 10px; font-size: 0.85rem;}}@media (max-width: 480px){.pagination{gap: 3px; padding: 0 8px; /* 增加邊距避免邊緣貼合 */} .pagination button{padding: 4px 8px; font-size: 0.8rem; min-width: 24px;} .pagination .ellipsis{padding: 4px 8px; font-size: 0.8rem;}}.back_btninnew{margin-top:15px;padding: 8px 16px;border: 1px solid var(--color-wood);background: #fff;color: var(--color-wood);border-radius: 4px;cursor: pointer;transition: background 0.3s ease, color 0.3s ease;}.back_btninnew.active, .back_btninnew:hover{background: var(--color-wood);color: #fff;}.btn_morev12{background-color: #8b7d6b;color: #ffffff;border-radius: 20px;padding: 12px 24px;font-size: 1.5rem;line-height: 1.5;transition: background-color 0.3s ease, transform 0.3s ease;display: inline-flex;align-items: center;justify-content: center;text-decoration: none;}.btn_morev12:hover{background-color: #d9d4c6;color: #282828;transform: translateY(-2px);}/*適用於tinymce*/figure{display: table; margin: 1rem auto !important;}figure.image.align-center{display: table; margin-left: auto !important; margin-right: auto !important;}.imgAreaContain{width:100%;position:relative;-webkit-background-size:cover;background-size:cover;background-color:#F0EFEF;background-repeat:no-repeat;background-position: center;overflow:hidden;transition: all .5s ease-in-out;}