@charset "utf-8";
/* CSS Document */

h1 {
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 2px;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; 
} 
h2 {
	font-size: 22px;
	font-weight: bold;
	color: #090;
} 
blockquote {
	margin-left: 15px;
}
input, textarea {
    width: 100%;
}
.myblue {
	font-size: 22px;
	font-weight: bold;
	color: #006;
}
.td1 {
	padding: 10px;
	background-color: #FFF7EE;
}
.color1 {
 	background-color: #FEE;
	padding-top: 10px;
	padding-bottom: 10px;	
}
.color2 {
	background-color: #EEE;
	padding-top: 10px;
	padding-bottom: 10px;	
}
.color3 {
	background-color: #EFE;
	padding-top: 10px;
	padding-bottom: 10px;
} 

/* FAQ Section 容器 */
.constellation-faq {
    /*max-width: 800px;*/
    /*margin: 40px auto;*/
    /*padding: 20px;*/
    background: #fdfdfd;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.constellation-faq h2 {
    text-align: center;
    color: #333;
    margin-bottom: 10px;
}

.constellation-faq > p {
    text-align: center;
    color: #666;
    margin-bottom: 30px;
}

/* 分類標題 */
.faq-category h3 {
    margin-top: 30px;
    margin-bottom: 15px;
    color: #5d4037; /* 大地色系，適合命理網站 */
    border-left: 4px solid #d4a373;
    padding-left: 10px;
    font-size: 1.2rem;
}

/* 折疊項目 */
.constellation-faq details {
    margin-bottom: 10px;
    border: 1px solid #eee;
    border-radius: 4px;
    background: #fff;
    transition: all 0.3s ease;
}

.constellation-faq details[open] {
    border-color: #d4a373; /* 展開時的邊框色 */
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* 問題 (Summary) */
.constellation-faq summary {
    padding: 15px;
    cursor: pointer;
    font-weight: 600;
    color: #444;
    list-style: none; /* 隱藏預設三角形 */
    position: relative;
    padding-right: 40px;
}

/* 自定義展開圖示 */
.constellation-faq summary::-webkit-details-marker {
    display: none;
}

.constellation-faq summary::after {
    content: '+';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5rem;
    color: #d4a373;
    font-weight: normal;
}

.constellation-faq details[open] summary::after {
    content: '-';
}

.constellation-faq summary:hover {
    background-color: #fafafa;
    color: #d4a373;
}

/* 答案 (Answer) */
.constellation-faq .faq-answer, 
.constellation-faq div[itemprop="acceptedAnswer"] {
    padding: 0 15px 15px 15px;
    color: #555;
    line-height: 1.6;
    font-size: 0.95rem;
    border-top: 1px solid transparent;
}

.constellation-faq details[open] div[itemprop="acceptedAnswer"] {
    border-top-color: #eee;
    padding-top: 15px;
}

        /* 基礎樣式重置與字型 */
        .astrology-content-block {
            font-family: "Helvetica Neue", Helvetica, Arial, "PingFang TC", "Heiti TC", "Microsoft JhengHei", sans-serif;
            line-height: 1.6;
            color: #333;
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        /* 標題樣式 - SEO H2 */
        .astrology-section-title {
            text-align: center;
            color: #2c3e50;
            margin-bottom: 40px;
            font-size: 2rem;
            position: relative;
        }
        
        .astrology-section-title::after {
            content: '';
            display: block;
            width: 60px;
            height: 4px;
            background: #666;
            margin: 10px auto 0;
        }

        /* 網格佈局 */
        .elements-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 25px;
        }

        /* 卡片樣式 */
        .element-card {
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            padding: 25px;
            transition: transform 0.3s ease;
            border-top: 5px solid #ccc;
        }

        .element-card:hover {
            transform: translateY(-5px);
        }

        /* 各象限專屬顏色 */
        .fire-sign { border-top-color: #e74c3c; } /* 火象 - 紅 */
        .earth-sign { border-top-color: #27ae60; } /* 土象 - 綠 */
        .air-sign { border-top-color: #3498db; } /* 風象 - 藍 */
        .water-sign { border-top-color: #8e44ad; } /* 水象 - 紫 */

        /* 卡片標題 H3 */
        .element-title {
            font-size: 1.5rem;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .element-icon {
            font-size: 1.8rem;
        }

        /* 星座列表 */
        .signs-list {
            font-weight: bold;
            color: #666;
            margin-bottom: 15px;
            font-size: 0.95rem;
            background: #f9f9f9;
            padding: 8px;
            border-radius: 4px;
            text-align: center;
        }

        /* 算命解析文字 */
        .fortune-text {
            font-size: 1rem;
            text-align: justify;
        }

        .fortune-highlight {
            font-weight: bold;
            color: #d35400;
        }