.elementor-31271 .elementor-element.elementor-element-286bca7{--display:flex;}.elementor-31271 .elementor-element.elementor-element-3fcbc22 > .elementor-widget-container{margin:-1px -1px -1px -1px;}@media(max-width:767px){.elementor-31271 .elementor-element.elementor-element-3fcbc22 > .elementor-widget-container{margin:-27px -27px -27px -27px;}}/* Start custom CSS for html, class: .elementor-element-3fcbc22 *//* **最終解決方案 v7：修正標題與副標間距** */

/* 1. 將 H1 設為相對定位容器，並給予足夠高度 (已縮小高度) */
div#smart-home-hero h1#hero-title {
    position: relative !important;
    height: 4.5em !important; /* 從 9em 縮小，減少與下方內容的間距 */
    margin: 0 !important;
    padding: 0 !important;
    font-size: 2.5rem !important;
}

/* 2. 將每一行文字設為絕對定位 */
div#smart-home-hero h1#hero-title .hero-line {
    position: absolute !important;
    display: block !important;
    width: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.1 !important;
}

/* 3. 手動設定每一行的精確垂直位置 */
div#smart-home-hero h1#hero-title .hero-line:nth-child(1) {
    top: 0em !important;
}
div#smart-home-hero h1#hero-title .hero-line:nth-child(2) {
    top: 1.4em !important;
}
div#smart-home-hero h1#hero-title .hero-line:nth-child(3) {
    top: 2.8em !important;
}

/* 4. 恢復原有的顏色和漸層設定 */
div#smart-home-hero #hero-title .hero-line > span {
    color: white;
}

/* 5. 為「室內設計師」設定專屬顏色 */
div#smart-home-hero #hero-title .designer-text {
    color: #facc15 !important;
}

div#smart-home-hero #hero-title .shine-effect {
    background: -webkit-linear-gradient(45deg, #3b82f6, #14b8a6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* 科技感反光動畫 */
.shine-effect {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.shine-effect::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -100%;
    width: 20%;
    height: 200%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
    transform: skewX(-25deg);
    animation: shine 3s infinite 1s;
}

@keyframes shine {
    100% {
        left: 200%;
    }
}

/* 手機版樣式 */
@media (max-width: 768px) {
  div#smart-home-hero h1#hero-title {
    font-size: 1.8rem !important;
    height: 5em !important; /* 從 8em 縮小，減少與下方內容的間距 */
  }
}/* End custom CSS */