<?php
$pageTitle = '父母衣着指南';
require_once 'header.php';
?>

<main class="site-main">

    <section class="page-banner">
        <div class="container">
            <h1>👔 父母衣着指南</h1>
            <p>让父母在婚礼上光彩照人，体面大方</p>
        </div>
    </section>

    <section class="attire-intro">
        <div class="container">
            <div class="attire-intro-card">
                <p>婚礼当天，双方父母是除新人外最重要的角色。得体的穿着不仅体现对新人的尊重，更能让父母在亲友面前自信从容。以下按季节和风格为您提供详细着装建议。</p>
            </div>
        </div>
    </section>

    <section class="attire-season-tabs">
        <div class="container">
            <div class="schedule-tabs attire-tabs">
                <button class="schedule-tab active" data-season="spring">🌸 春季</button>
                <button class="schedule-tab" data-season="summer">☀️ 夏季</button>
                <button class="schedule-tab" data-season="autumn">🍂 秋季</button>
                <button class="schedule-tab" data-season="winter">❄️ 冬季</button>
            </div>
        </div>
    </section>

    <section class="attire-content">
        <div class="container">
            <div class="attire-season-content active" id="season-spring">
                <div class="attire-role-grid">
                    <div class="attire-role-card">
                        <div class="attire-role-header mother">
                            <div class="attire-role-icon">👩</div>
                            <h3>母亲着装 · 春季</h3>
                        </div>
                        <div class="attire-body">
                            <h4>推荐搭配</h4>
                            <ul>
                                <li><strong>旗袍/改良旗袍：</strong>酒红色、紫色、宝蓝色丝绒或丝绸旗袍，搭配珍珠首饰，优雅贵气。</li>
                                <li><strong>套装裙：</strong>香槟色、淡粉色套装，及膝裙长度，端庄大方。</li>
                                <li><strong>连衣裙+披肩：</strong>中长款蕾丝连衣裙，搭配同色系披肩或小外套，应对早晚温差。</li>
                            </ul>
                            <h4>色彩推荐</h4>
                            <div class="color-palette">
                                <span class="color-dot" style="background:#8B0000;" title="酒红"></span>
                                <span class="color-dot" style="background:#800080;" title="紫色"></span>
                                <span class="color-dot" style="background:#DAA520;" title="香槟金"></span>
                                <span class="color-dot" style="background:#1E3A5F;" title="宝蓝"></span>
                                <span class="color-dot" style="background:#D87093;" title="淡粉"></span>
                            </div>
                            <h4>注意事项</h4>
                            <ul>
                                <li>避免纯白、纯黑</li>
                                <li>鞋子选择中低跟，舒适为主</li>
                                <li>可提前试妆搭配整体效果</li>
                            </ul>
                        </div>
                    </div>

                    <div class="attire-role-card">
                        <div class="attire-role-header father">
                            <div class="attire-role-icon">👨</div>
                            <h3>父亲着装 · 春季</h3>
                        </div>
                        <div class="attire-body">
                            <h4>推荐搭配</h4>
                            <ul>
                                <li><strong>中山装：</strong>深蓝、藏青、灰色中山装，庄重典雅，适合传统婚礼。</li>
                                <li><strong>西服套装：</strong>深色西装（深蓝/深灰/黑色），搭配浅色衬衫和领带/领结。</li>
                                <li><strong>唐装：</strong>暗红色或深蓝色唐装，搭配深色西裤，喜庆大气。</li>
                            </ul>
                            <h4>色彩推荐</h4>
                            <div class="color-palette">
                                <span class="color-dot" style="background:#1a1a2e;" title="深蓝"></span>
                                <span class="color-dot" style="background:#2F4F4F;" title="藏青"></span>
                                <span class="color-dot" style="background:#808080;" title="灰色"></span>
                                <span class="color-dot" style="background:#8B0000;" title="暗红"></span>
                                <span class="color-dot" style="background:#4a3728;" title="深棕"></span>
                            </div>
                            <h4>注意事项</h4>
                            <ul>
                                <li>西装要提前试穿，确保合身</li>
                                <li>鞋子擦拭干净，搭配深色袜子</li>
                                <li>领带颜色可与母亲服装呼应</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <div class="attire-season-content" id="season-summer" style="display:none;">
                <div class="attire-role-grid">
                    <div class="attire-role-card">
                        <div class="attire-role-header mother">
                            <div class="attire-role-icon">👩</div>
                            <h3>母亲着装 · 夏季</h3>
                        </div>
                        <div class="attire-body">
                            <h4>推荐搭配</h4>
                            <ul>
                                <li><strong>真丝旗袍：</strong>浅色系真丝旗袍，如香槟色、浅紫、浅蓝，凉爽透气。</li>
                                <li><strong>雪纺套装：</strong>薄荷绿、藕粉色雪纺上衣+阔腿裤或半身裙。</li>
                                <li><strong>改良旗袍裙：</strong>短袖或七分袖改良旗袍，轻薄面料，既传统又清凉。</li>
                            </ul>
                            <h4>色彩推荐</h4>
                            <div class="color-palette">
                                <span class="color-dot" style="background:#E8C9A0;" title="香槟"></span>
                                <span class="color-dot" style="background:#DDA0DD;" title="浅紫"></span>
                                <span class="color-dot" style="background:#98FB98;" title="薄荷绿"></span>
                                <span class="color-dot" style="background:#FFDAB9;" title="藕粉"></span>
                                <span class="color-dot" style="background:#87CEEB;" title="浅蓝"></span>
                            </div>
                        </div>
                    </div>

                    <div class="attire-role-card">
                        <div class="attire-role-header father">
                            <div class="attire-role-icon">👨</div>
                            <h3>父亲着装 · 夏季</h3>
                        </div>
                        <div class="attire-body">
                            <h4>推荐搭配</h4>
                            <ul>
                                <li><strong>薄款西装：</strong>浅灰、米白色轻薄西装，搭配浅色衬衫，清爽得体。</li>
                                <li><strong>短袖衬衫+西裤：</strong>正式短袖衬衫搭配笔挺西裤，简约大方。</li>
                                <li><strong>中式短袖：</strong>棉麻中式短袖衬衫，适合户外婚礼。</li>
                            </ul>
                            <h4>色彩推荐</h4>
                            <div class="color-palette">
                                <span class="color-dot" style="background:#D3D3D3;" title="浅灰"></span>
                                <span class="color-dot" style="background:#F5F5DC;" title="米白"></span>
                                <span class="color-dot" style="background:#ADD8E6;" title="浅蓝"></span>
                                <span class="color-dot" style="background:#F0E68C;" title="卡其"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="attire-season-content" id="season-autumn" style="display:none;">
                <div class="attire-role-grid">
                    <div class="attire-role-card">
                        <div class="attire-role-header mother">
                            <div class="attire-role-icon">👩</div>
                            <h3>母亲着装 · 秋季</h3>
                        </div>
                        <div class="attire-body">
                            <h4>推荐搭配</h4>
                            <ul>
                                <li><strong>丝绒旗袍：</strong>深红、墨绿、酒红色丝绒旗袍，搭配珍珠或金饰，高贵典雅。</li>
                                <li><strong>针织套装：</strong>驼色、焦糖色针织上衣+半身长裙，温婉知性。</li>
                                <li><strong>大衣+连衣裙：</strong>经典款风衣或羊毛大衣，内搭旗袍或连衣裙。</li>
                            </ul>
                            <h4>色彩推荐</h4>
                            <div class="color-palette">
                                <span class="color-dot" style="background:#8B0000;" title="酒红"></span>
                                <span class="color-dot" style="background:#556B2F;" title="墨绿"></span>
                                <span class="color-dot" style="background:#CD853F;" title="焦糖"></span>
                                <span class="color-dot" style="background:#800020;" title="勃艮第红"></span>
                                <span class="color-dot" style="background:#B8860B;" title="金色"></span>
                            </div>
                        </div>
                    </div>

                    <div class="attire-role-card">
                        <div class="attire-role-header father">
                            <div class="attire-role-icon">👨</div>
                            <h3>父亲着装 · 秋季</h3>
                        </div>
                        <div class="attire-body">
                            <h4>推荐搭配</h4>
                            <ul>
                                <li><strong>毛呢西装：</strong>深棕、藏青色毛呢西装三件套，英伦绅士风。</li>
                                <li><strong>风衣+衬衫：</strong>经典卡其色风衣搭配深色衬衫与西裤。</li>
                                <li><strong>中式马褂：</strong>锦缎中式马褂，喜庆传统。</li>
                            </ul>
                            <h4>色彩推荐</h4>
                            <div class="color-palette">
                                <span class="color-dot" style="background:#5C4033;" title="深棕"></span>
                                <span class="color-dot" style="background:#2F4F4F;" title="藏青"></span>
                                <span class="color-dot" style="background:#BDB76B;" title="卡其"></span>
                                <span class="color-dot" style="background:#8B4513;" title="咖啡"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="attire-season-content" id="season-winter" style="display:none;">
                <div class="attire-role-grid">
                    <div class="attire-role-card">
                        <div class="attire-role-header mother">
                            <div class="attire-role-icon">👩</div>
                            <h3>母亲着装 · 冬季</h3>
                        </div>
                        <div class="attire-body">
                            <h4>推荐搭配</h4>
                            <ul>
                                <li><strong>皮草+旗袍：</strong>仿皮草披肩或短外套搭配丝绒旗袍，保暖又华贵。</li>
                                <li><strong>羊毛大衣套装：</strong>酒红、枣红色羊毛大衣+连衣裙，室内脱掉外套也精致。</li>
                                <li><strong>羽绒旗袍：</strong>加绒加厚改良旗袍，适合户外环节保暖。</li>
                            </ul>
                            <h4>色彩推荐</h4>
                            <div class="color-palette">
                                <span class="color-dot" style="background:#800020;" title="枣红"></span>
                                <span class="color-dot" style="background:#8B0000;" title="酒红"></span>
                                <span class="color-dot" style="background:#191970;" title="深蓝"></span>
                                <span class="color-dot" style="background:#2E2E2E;" title="深灰"></span>
                            </div>
                        </div>
                    </div>

                    <div class="attire-role-card">
                        <div class="attire-role-header father">
                            <div class="attire-role-icon">👨</div>
                            <h3>父亲着装 · 冬季</h3>
                        </div>
                        <div class="attire-body">
                            <h4>推荐搭配</h4>
                            <ul>
                                <li><strong>厚款西装三件套：</strong>深色羊毛西装+马甲+大衣，室内脱大衣仍精神。</li>
                                <li><strong>中式棉袍：</strong>加棉唐装或中式棉袍，传统喜庆。</li>
                                <li><strong>羽绒马甲内搭：</strong>在西装内搭轻薄羽绒马甲，保暖不臃肿。</li>
                            </ul>
                            <h4>色彩推荐</h4>
                            <div class="color-palette">
                                <span class="color-dot" style="background:#1a1a2e;" title="深蓝"></span>
                                <span class="color-dot" style="background:#2F2F2F;" title="深灰"></span>
                                <span class="color-dot" style="background:#800000;" title="暗红"></span>
                                <span class="color-dot" style="background:#3C1414;" title="深褐"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="attire-tips">
        <div class="container">
            <h2>💡 通用着装原则</h2>
            <div class="attire-tips-grid">
                <div class="attire-tip-card">
                    <div class="tip-icon">🎨</div>
                    <h3>色彩协调</h3>
                    <p>父母着装颜色应与婚礼主色调协调，双方母亲颜色要有区分但都喜庆。建议提前与婚庆沟通配色方案。</p>
                </div>
                <div class="attire-tip-card">
                    <div class="tip-icon">👔</div>
                    <h3>合身得体</h3>
                    <p>提前至少两周试穿并修改，确保合身。避免过于紧身或过于宽松。鞋子以舒适为主，毕竟要站很久。</p>
                </div>
                <div class="attire-tip-card">
                    <div class="tip-icon">💎</div>
                    <h3>配饰点睛</h3>
                    <p>母亲可佩戴珍珠、翡翠或金饰，父亲可以搭配胸针、袖扣或怀表。配饰点到即止，不要过于繁复。</p>
                </div>
                <div class="attire-tip-card">
                    <div class="tip-icon"><｜image｜></div>
                    <h3>避免禁忌</h3>
                    <p>母亲避开纯白（与新娘区分）、纯黑（不吉利）。双方家长提前沟通，避免撞色或风格冲突。</p>
                </div>
            </div>
        </div>
    </section>

</main>

<script>
document.querySelectorAll('.attire-tabs .schedule-tab').forEach(function(tab) {
    tab.addEventListener('click', function() {
        document.querySelectorAll('.attire-tabs .schedule-tab').forEach(function(t) { t.classList.remove('active'); });
        document.querySelectorAll('.attire-season-content').forEach(function(c) { c.style.display = 'none'; });
        this.classList.add('active');
        document.getElementById('season-' + this.dataset.season).style.display = 'block';
    });
});
</script>

<?php require_once 'footer.php'; ?>