.elementor-3665 .elementor-element.elementor-element-c2c298e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-99c9eff *//* --- 容器與全域設定 --- */
.fd-food-article {
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang TC", "Microsoft JhengHei", sans-serif;
    line-height: 1.7;
    color: #334155;
    background-color: #fff;
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
    -webkit-font-smoothing: antialiased;
}

/* --- 標題通用 --- */
.fd-food-article h1,
.fd-food-article h2,
.fd-food-article h3,
.fd-food-article h4 {
    color: #0f172a;
    font-weight: 700;
    line-height: 1.35;
}

/* --- Hero Section --- */
.fd-hero-food {
    text-align: center;
    padding: 80px 20px;
    background: radial-gradient(circle at center, #fff7ed 0%, #fff 80%); /* 暖橘漸層 */
    margin-bottom: 60px;
    border-bottom: 1px solid #ffedd5;
}

.fd-badge-profit {
    display: inline-block;
    background: #ea580c; /* 鮮味橘 */
    color: #fff;
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 25px;
    letter-spacing: 1px;
    box-shadow: 0 4px 10px rgba(234, 88, 12, 0.3);
}

.fd-title {
    font-size: 2.4rem;
    margin-bottom: 25px;
    color: #1e293b;
}

.fd-intro {
    font-size: 1.15rem;
    color: #475569;
    max-width: 750px;
    margin: 0 auto;
}

.fd-intro strong {
    color: #c2410c; /* 深橘紅 */
    font-weight: 700;
    background: #ffedd5;
    padding: 0 4px;
}

/* --- Trap Section (Receipt Style) --- */
.fd-trap-section {
    padding: 20px 0 80px 0;
}

.fd-section-header {
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 40px;
}

.fd-sub-desc {
    text-align: center;
    color: #64748b;
    margin-bottom: 50px;
    max-width: 600px;
    margin: 0 auto;
}

.fd-receipt-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 30px;
}

.fd-receipt-card {
    background: #fff;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.05)); /* 使用 filter 讓鋸齒邊緣也有陰影 */
    position: relative;
    padding-bottom: 10px;
}

/* CSS 鋸齒邊緣模擬收據 */
.fd-rip-effect {
    height: 10px;
    background-color: #0f172a; /* 頂部深色條 */
    width: 100%;
}

.fd-receipt-content {
    background: #fff;
    padding: 30px;
    text-align: center;
    border: 1px solid #e2e8f0;
    border-top: none;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0% 100%, 3% 98%, 6% 100%, 9% 98%, 12% 100%, 15% 98%, 18% 100%, 21% 98%, 24% 100%, 27% 98%, 30% 100%, 33% 98%, 36% 100%, 39% 98%, 42% 100%, 45% 98%, 48% 100%, 51% 98%, 54% 100%, 57% 98%, 60% 100%, 63% 98%, 66% 100%, 69% 98%, 72% 100%, 75% 98%, 78% 100%, 81% 98%, 84% 100%, 87% 98%, 90% 100%, 93% 98%, 96% 100%, 99% 98%, 100% 100%);
    /* 注意：Clip-path 鋸齒效果在某些編輯器預覽可能不顯示，但在網頁上有效。如果不行，用簡單 border-bottom 即可 */
}

.fd-icon-food {
    font-size: 2.5rem;
    margin-bottom: 15px;
}

.fd-receipt-card h3 { font-size: 1.25rem; margin-bottom: 15px; }
.fd-receipt-card p { font-size: 0.95rem; color: #64748b; margin: 0; }

/* --- Strategy Section (Split) --- */
.fd-strategy-section {
    padding-bottom: 80px;
}

.fd-balance-container {
    display: flex;
    gap: 20px;
    max-width: 850px;
    margin: 0 auto 50px auto;
    align-items: stretch;
}

.fd-balance-box {
    flex: 1;
    border-radius: 12px;
    padding: 30px;
    position: relative;
    border: 1px solid #e2e8f0;
}

.fd-balance-box.platform { background: #f8fafc; border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.fd-balance-box.website { background: #fff7ed; border: 2px solid #ea580c; border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; box-shadow: 0 10px 20px rgba(234, 88, 12, 0.1); z-index: 2; transform: scale(1.02); }

.fd-box-header { border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 15px; margin-bottom: 20px; }
.fd-box-header h4 { margin: 0; font-size: 1.3rem; }
.fd-box-header span { font-size: 0.85rem; color: #64748b; }

.fd-task-list { list-style: none; padding: 0; margin: 0; }
.fd-task-list li { margin-bottom: 15px; font-size: 0.95rem; color: #334155; }
.fd-task-list strong { color: #0f172a; }

.fd-arrow-migrate {
    position: absolute;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);
    background: #0f172a;
    color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 0.8rem;
    z-index: 3;
    white-space: nowrap;
}

.fd-feature-highlight {
    background: #0f172a;
    color: #fff;
    padding: 30px;
    border-radius: 12px;
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
    position: relative;
}

.fd-feature-badge {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: #facc15;
    color: #0f172a;
    padding: 2px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: bold;
}

.fd-feature-highlight h3 { color: #fff !important; margin-bottom: 10px; }
.fd-feature-highlight p { color: #cbd5e1; margin: 0; }

/* --- Value Section --- */
.fd-value-member {
    padding: 40px 20px;
    text-align: center;
}

.fd-member-box {
    max-width: 700px;
    margin: 0 auto;
    background: #fff;
    padding: 50px 30px;
    border: 1px solid #fed7aa;
    border-radius: 12px;
}

.fd-member-box h3 {
    font-size: 1.6rem;
    margin-bottom: 30px;
    color: #c2410c;
}

.fd-stat-row {
    display: flex;
    justify-content: space-around;
    margin-bottom: 30px;
    flex-wrap: wrap;
    gap: 20px;
}

.fd-stat-item { display: flex; flex-direction: column; }
.fd-stat-item strong { font-size: 2.5rem; color: #ea580c; line-height: 1; margin-bottom: 5px; }
.fd-stat-item span { font-size: 0.9rem; color: #64748b; }

.fd-member-desc {
    font-size: 1.1rem;
    color: #334155;
    background: #fff7ed;
    padding: 15px;
    border-radius: 8px;
    display: inline-block;
}

/* --- CTA Section --- */
.fd-cta-food {
    text-align: center;
    padding: 60px 20px;
}

.fd-cta-inner {
    max-width: 700px;
    margin: 0 auto;
    background: #fff;
    border: 2px dashed #ea580c;
    padding: 60px 30px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.fd-cta-inner h2 { font-size: 2rem; margin-bottom: 15px; color: #0f172a; }
.fd-cta-inner p { color: #64748b; margin-bottom: 40px; font-size: 1.1rem; }

.fd-btn-orange {
    display: inline-block;
    background-color: #ea580c; /* 鮮味橘 */
    color: #fff;
    padding: 18px 50px;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(234, 88, 12, 0.3);
    letter-spacing: 1px;
}

.fd-btn-orange:hover {
    background-color: #c2410c;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(234, 88, 12, 0.4);
    color: #fff;
}

.arrow { margin-left: 10px; transition: transform 0.2s; display: inline-block; }
.fd-btn-orange:hover .arrow { transform: translateX(5px); }

.fd-note {
    margin-top: 25px;
    font-size: 0.9rem;
    color: #94a3b8;
}

/* --- Mobile RWD --- */
@media (max-width: 768px) {
    .fd-main-title { font-size: 1.8rem; }
    .fd-balance-container { flex-direction: column; }
    .fd-balance-box.platform { border-right: 1px solid #e2e8f0; border-bottom: none; border-radius: 12px 12px 0 0; }
    .fd-balance-box.website { border-left: 2px solid #ea580c; border-top: none; border-radius: 0 0 12px 12px; transform: scale(1); }
    .fd-arrow-migrate { top: 100%; left: 50%; transform: translate(-50%, -50%) rotate(90deg); right: auto; }
    .fd-stat-row { gap: 10px; }
}/* End custom CSS */