
/* 🛡️ 部落格安全隔離罩:確保樣式只在廣告內生效 */
.cp-blog-landing-wrapper {
--cp-burgundy: #800020;
--cp-gold: #d4af37;
--cp-charcoal: #1D1D1F;
--cp-bg: #FCFBF8;
max-width: 600px;
margin: 0 auto;
background-color: var(--cp-bg);
color: var(--cp-charcoal);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans TC", sans-serif;
line-height: 1.8;
box-shadow: 0 0 30px rgba(0,0,0,0.05);
overflow: hidden;
border-radius: 12px;
}
/* 圖片強制自適應,確保 16:9 與 9:16 完美呈現 */
.cp-blog-landing-wrapper img {
width: 100% !important;
height: auto !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
/* 預設背景色,防止圖片載入前的白底跳動 */
background-color: #E5E5EA;
}
.cp-blog-landing-wrapper .cp-section { padding: 45px 25px; text-align: center; }
.cp-blog-landing-wrapper .cp-section-dark { background-color: var(--cp-charcoal); color: #fff; }
.cp-blog-landing-wrapper .cp-section-gold { background: linear-gradient(135deg, #FFFDF8 0%, #FDF7E8 100%); border-top: 2px solid var(--cp-gold); border-bottom: 2px solid var(--cp-gold); }
.cp-blog-landing-wrapper h1,
.cp-blog-landing-wrapper h2,
.cp-blog-landing-wrapper h3 {
font-weight: 900; margin-top: 0; padding: 0; border: none; background: transparent; line-height: 1.4;
}
.cp-blog-landing-wrapper h1 { font-size: 28px; color: var(--cp-burgundy); margin-bottom: 15px; }
.cp-blog-landing-wrapper h2 { font-size: 24px; color: var(--cp-charcoal); margin-bottom: 15px; }
.cp-blog-landing-wrapper .cp-section-dark h2 { color: var(--cp-gold); }
.cp-blog-landing-wrapper .cp-text { font-size: 16px; margin-bottom: 20px; color: #555; font-weight: 500; text-align: justify; text-align-last: center; }
.cp-blog-landing-wrapper .cp-section-dark .cp-text { color: #ccc; }
.cp-blog-landing-wrapper .cp-highlight { color: var(--cp-burgundy); font-weight: 900; font-size: 18px; }
.cp-blog-landing-wrapper .cp-btn {
display: block;
background: linear-gradient(to bottom, #fceabb 0%, #f8b500 100%) !important;
color: #000000 !important;
text-decoration: none !important;
font-size: 20px;
font-weight: 900;
padding: 18px 30px;
border-radius: 50px;
margin: 30px auto;
width: 85%;
box-sizing: border-box;
box-shadow: 0 6px 0 #b8860b, 0 10px 20px rgba(0,0,0,0.2) !important;
transition: 0.2s;
text-align: center;
}
.cp-blog-landing-wrapper .cp-btn:active,
.cp-blog-landing-wrapper .cp-btn:hover {
transform: translateY(6px); box-shadow: 0 0 0 #b8860b !important;
}
.cp-blog-landing-wrapper .cp-btn i { margin-right: 8px; }
.cp-blog-landing-wrapper .cp-feature-list { text-align: left; margin: 30px 0; padding: 0 20px; }
.cp-blog-landing-wrapper .cp-feature-item { margin-bottom: 25px; display: flex; align-items: flex-start; }
.cp-blog-landing-wrapper .cp-feature-icon { color: var(--cp-gold); font-size: 28px; margin-right: 18px; margin-top: 2px; }
.cp-blog-landing-wrapper .cp-feature-content h4 { margin: 0 0 5px 0; font-size: 18px; color: var(--cp-burgundy); }
.cp-blog-landing-wrapper .cp-feature-content p { margin: 0; font-size: 14px; color: #555; line-height: 1.6; }
.cp-blog-landing-wrapper .cp-comic-section { background: #000; padding: 0; }
.cp-blog-landing-wrapper .cp-comic-img { border-bottom: 5px solid var(--cp-gold) !important; }
.cp-blog-landing-wrapper .cp-footer { background: #111; color: #fff; padding: 40px 25px; text-align: center; }
.cp-blog-landing-wrapper .cp-social-links { margin: 25px 0; }
.cp-blog-landing-wrapper .cp-social-btn {
display: inline-block; background: #00C300 !important; color: #fff !important; text-decoration: none !important;
padding: 12px 25px; border-radius: 30px; font-weight: bold; margin-bottom: 15px; font-size: 16px;
}
.cp-blog-landing-wrapper .cp-links a { color: var(--cp-gold) !important; text-decoration: none !important; font-weight: 500; display: block; margin: 10px 0; border-bottom: 1px dashed rgba(212,175,55,0.4); padding-bottom: 10px;}
.cp-blog-landing-wrapper .cp-links a:hover { color: #fff !important; }
.cp-blog-landing-wrapper .cp-copyright { font-size: 12px; color: #666; margin-top: 30px; line-height: 1.5; }