/* =========================================================
   精灵福官网全站样式 V1.0
   说明：
   1. 删除重复选择器与互相覆盖的规则
   2. 首页及内页 Banner 统一为 1200 × 400
   3. 保留原有导航、首页、产品、品牌初心及底部视觉风格
   4. 增加基础响应式，避免小屏页面横向溢出
========================================================= */


/* =========================================================
   01. 网站基础
========================================================= */

:root{
    --site-width:1200px;
    --banner-height:400px;

    --bg-main:#300000;
    --bg-header:#5a0808;
    --bg-footer:#3b0707;
    --bg-card:#fff8e8;

    --gold:#d8b56a;
    --gold-light:#f3d59a;
    --gold-deep:#c89b4a;

    --text-light:#f6e6bd;
    --text-soft:#e8d3a0;
    --text-muted:#b99755;

    --red-deep:#650808;
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    width:100%;
    min-height:100%;
}

body{
    width:100%;
    min-height:100%;
    font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;
    background:var(--bg-main);
    color:var(--text-light);
}

img{
    max-width:100%;
}

a{
    transition:all .3s ease;
}


/* =========================================================
   02. 导航栏
========================================================= */

.site-header{
    width:100%;
    height:90px;
    background:var(--bg-header);
    border-bottom:1px solid rgba(216,181,106,.4);
}

.nav-container{
    width:var(--site-width);
    height:90px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.logo{
    display:flex;
    align-items:center;
    gap:0px;
    flex-shrink:0;
}

.logo a{
    display:flex;
    align-items:center;
}

.logo img{
    height:90px;
    width:auto;
    display:block;
}

.logo-text{
    color:var(--gold-light);
    font-size:18px;
    font-weight:500;
    letter-spacing:1px;
    line-height:1;
    white-space:nowrap;
    text-shadow:0 2px 6px rgba(0,0,0,.35);
}

.logo-text h2{
    margin:0;
    font-size:30px;
    line-height:1.2;
    color:var(--gold-light);
}

.logo-text span{
    margin-top:4px;
    font-size:13px;
    color:var(--gold);
}

.nav-menu{
    display:flex;
    align-items:center;
    gap:40px;
}

.nav-menu a{
    color:var(--text-light);
    text-decoration:none;
    font-size:16px;
    white-space:nowrap;
}

.nav-menu a:hover{
    color:var(--gold);
}

.nav-btn a{
    display:block;
    padding:10px 28px;
    border:1px solid var(--gold);
    border-radius:30px;
    color:var(--gold);
    text-decoration:none;
    white-space:nowrap;
}

.nav-btn a:hover{
    background:var(--gold);
    color:var(--red-deep);
}


/* =========================================================
   03. 全站统一 Banner
   首页、普通内页、品牌初心统一尺寸
========================================================= */

.banner,
.page-banner,
.culture-banner{
    width:var(--site-width);
    height:var(--banner-height);
    margin:0 auto;
    position:relative;
    overflow:hidden;
    background:#3b0707;
}

.banner > img,
.page-banner > img,
.culture-banner > img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    display:block;
}


/* =========================================================
   04. 首页 Banner 文字
========================================================= */

.banner-text{
    position:absolute;
    left:40px;
    top:50%;
    transform:translateY(-50%);
    width:500px;
    text-align:center;
    z-index:2;
}

.banner-text h1{
    margin-bottom:28px;
    font-size:42px;
    font-weight:900;
    line-height:1.3;
    letter-spacing:5px;
    color:var(--gold-deep);

    background:linear-gradient(
        180deg,
        #f4d99a 0%,
        #d0a052 30%,
        #9b6a24 60%,
        #e2bc6a 100%
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;

    text-shadow:
        0 1px 0 #fff0b0,
        0 2px 0 #b27a28,
        0 4px 0 #70450f,
        0 6px 12px rgba(0,0,0,.75);
}

.banner-text p{
    margin-bottom:24px;
    color:#f1dfb5;
    font-size:19px;
    line-height:1.8;
    letter-spacing:2px;
    text-shadow:0 2px 5px rgba(0,0,0,.8);
}

.banner-text a{
    display:inline-block;
    margin-top:5px;
    padding:12px 38px;
    border:1px solid var(--gold-deep);
    color:#e7c981;
    background:rgba(60,20,0,.35);
    letter-spacing:2px;
    text-decoration:none;

    box-shadow:
        inset 0 0 10px rgba(255,210,120,.15),
        0 0 12px rgba(200,155,70,.35);
}

.banner-text a:hover{
    background:var(--gold);
    color:var(--red-deep);
}


/* =========================================================
   05. 普通内页 Banner 标题
========================================================= */

.page-title{
    position:absolute;
    left:50%;
    top:26%;
    transform:translate(-50%,-50%);
    width:500px;
    text-align:center;
    z-index:2;
}

.page-title h1{
    margin-bottom:18px;
    color:var(--gold-light);
    font-size:30px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:2px;

    text-shadow:
        0 2px 5px rgba(0,0,0,.9),
        0 0 12px rgba(216,181,106,.5);
}

.page-title p{
    color:var(--text-light);
    font-size:20px;
    line-height:1.7;
    letter-spacing:2px;
    text-shadow:0 2px 5px rgba(0,0,0,.8);
}


/* =========================================================
   06. 品牌初心 Banner
========================================================= */

.culture-banner::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:55%;
    height:100%;
    z-index:1;

    background:linear-gradient(
        90deg,
        rgba(50,20,5,.58) 0%,
        rgba(50,20,5,.28) 62%,
        transparent 100%
    );
}

.culture-text{
    position:absolute;
    left:70px;
    top:50%;
    transform:translateY(-50%);
    width:430px;
    z-index:2;
}

.culture-text h1{
    margin-bottom:15px;
    color:var(--gold-light);
    font-size:42px;
    font-weight:900;
    line-height:1.3;
    letter-spacing:5px;

    text-shadow:
        0 2px 4px rgba(0,0,0,.8),
        0 0 12px rgba(216,181,106,.35);
}

.culture-text h2{
    margin-bottom:26px;
    color:#e8c878;
    font-size:24px;
    font-weight:bold;
    line-height:1.5;
    letter-spacing:2px;
    text-shadow:0 2px 5px rgba(0,0,0,.75);
}

.culture-text p{
    margin-bottom:14px;
    color:#f1dfb5;
    font-size:16px;
    line-height:1.9;
    text-shadow:0 2px 5px rgba(0,0,0,.85);
}

.culture-slogan{
    margin-top:20px;
    color:var(--gold-light);
    font-size:24px;
    font-weight:bold;
    line-height:1.7;
    letter-spacing:3px;

    text-shadow:
        0 2px 6px rgba(0,0,0,.8),
        0 0 10px rgba(216,181,106,.3);
}


/* =========================================================
   07. 首页旧 Hero 模块
   继续保留，避免旧页面调用时失效
========================================================= */

.hero{
    width:100%;
    height:400px;
    background:linear-gradient(
        135deg,
        #7a1010,
        #260303
    );
}

.hero-inner{
    width:var(--site-width);
    height:400px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.hero-text{
    width:550px;
    color:#fff;
}

.small-title{
    margin-bottom:25px;
    color:var(--gold);
    font-size:22px;
}

.hero-text h1{
    margin-bottom:25px;
    color:#f2d28a;
    font-size:68px;
    line-height:1.3;
}

.hero-text p{
    margin-bottom:45px;
    color:#f5e6c0;
    font-size:22px;
}

.hero-btn{
    display:inline-block;
    padding:14px 45px;
    border:1px solid var(--gold);
    border-radius:35px;
    color:var(--gold);
    font-size:18px;
    text-decoration:none;
}

.hero-btn:hover{
    background:var(--gold);
    color:var(--red-deep);
}

.hero-product{
    width:450px;
    height:400px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--gold);
    font-size:40px;
}


/* =========================================================
   08. 公共栏目标题
========================================================= */

.section-title{
    width:var(--site-width);
    margin:0 auto;
    text-align:center;
}

.section-title h2{
    margin-bottom:15px;
    color:var(--gold);
    font-size:42px;
    line-height:1.3;
    letter-spacing:2px;
}

.section-title p{
    margin-bottom:50px;
    color:#b99755;
    font-size:18px;
    line-height:1.7;
}


/* =========================================================
   09. 产品展示
========================================================= */

.product-section{
    width:var(--site-width);
    margin:80px auto;
    text-align:center;
}

.product-list{
    display:flex;
    justify-content:center;
    align-items:stretch;
    gap:60px;
}

.product-card{
    width:360px;
    min-height:420px;
    padding:30px;
    overflow:hidden;
    background:var(--bg-card);
    border-radius:15px;
    box-shadow:0 15px 40px rgba(0,0,0,.15);
}

.product-image{
    width:100%;
    height:230px;
    margin-bottom:25px;
    overflow:hidden;
    background:#fff;
    border-radius:10px;
}

.product-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    display:block;
}

.product-card h3{
    margin-bottom:15px;
    color:var(--red-deep);
    font-size:24px;
    line-height:1.4;
    text-align:center;
}

.product-card p{
    color:#666;
    font-size:16px;
    line-height:1.7;
    text-align:center;
}

.product-card a{
    display:block;
    margin-top:12px;
    color:#8f1515;
    text-align:center;
    text-decoration:none;
}

.product-card a:hover{
    color:var(--gold-deep);
}


/* =========================================================
   10. 底部
========================================================= */

.footer{
    width:100%;
    margin-top:80px;
    background:var(--bg-footer);
    color:var(--gold);
}

/* 首页仅有 Banner 时，取消 Banner 与 Footer 之间的空白 */
.banner + .footer{
    margin-top:0;
}

.footer-content{
    width:var(--site-width);
    margin:0 auto;
    padding:60px 0;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}

.footer-logo{
    display:flex;
    align-items:center;
    gap:15px;
}

.footer-logo-img{
    width:60px;
    height:60px;
    object-fit:contain;
    flex-shrink:0;
}

.footer-logo-text h2{
    margin:0;
    color:#f5d98c;
    font-size:28px;
}

.footer-logo-text p{
    margin:8px 0 0;
    color:#d8b56a;
    font-size:14px;
}


.footer-menu,
.footer-contact{
    min-width:180px;
}

.footer-contact{
    min-width:260px;
}

.footer-menu h3,
.footer-contact h3{
    margin-bottom:20px;
    color:var(--gold);
    font-size:20px;
}

.footer-menu a{
    display:block;
    margin-bottom:12px;
    color:var(--text-soft);
    text-decoration:none;
}

.footer-menu a:hover{
    color:#fff;
}

.footer-contact p{
    margin-bottom:12px;
    color:var(--text-soft);
    line-height:1.7;
}

.footer-bottom{
    min-height:60px;
    padding:18px 20px;
    border-top:1px solid rgba(216,181,106,.3);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--text-muted);
    font-size:14px;
    line-height:1.7;
    text-align:center;
}


/* =========================================================
   11. 基础响应式
========================================================= */

@media (max-width:1220px){

    .nav-container,
    .banner,
    .page-banner,
    .culture-banner,
    .hero-inner,
    .section-title,
    .product-section,
    .footer-content{
        width:94%;
    }

    .nav-menu{
        gap:24px;
    }

    .product-list{
        gap:30px;
    }

    .product-card{
        width:calc((100% - 60px) / 3);
    }
}

@media (max-width:900px){

    .nav-menu{
        gap:15px;
    }

    .nav-menu a{
        font-size:14px;
    }

    .banner-text{
        left:4%;
        width:46%;
    }

    .culture-text{
        left:5%;
        width:43%;
    }

    .product-list{
        flex-wrap:wrap;
    }

    .product-card{
        width:calc(50% - 15px);
    }

    .footer-content{
        flex-wrap:wrap;
        gap:40px;
    }
}

@media (max-width:768px){

    .site-header{
        height:auto;
    }

    .nav-container{
        height:auto;
        min-height:76px;
        padding:12px 0;
        flex-wrap:wrap;
        gap:15px;
    }

    .nav-menu{
        width:100%;
        order:3;
        justify-content:center;
        flex-wrap:wrap;
        gap:12px 18px;
    }

    .nav-btn{
        display:none;
    }

    .banner,
    .page-banner,
    .culture-banner{
        width:100%;
        height:auto;
        min-height:0;
    }

    .banner > img,
    .page-banner > img,
    .culture-banner > img{
        width:100%;
        height:auto;
        object-fit:contain;
    }

    .banner-text{
        left:4%;
        top:50%;
        width:50%;
    }

    .banner-text h1{
        margin-bottom:14px;
        font-size:28px;
        letter-spacing:2px;
    }

    .banner-text p{
        margin-bottom:14px;
        font-size:14px;
        line-height:1.6;
        letter-spacing:1px;
    }

    .banner-text a{
        padding:8px 20px;
        font-size:13px;
    }

    .page-title{
        top:30%;
        width:70%;
    }

    .page-title h1{
        margin-bottom:8px;
        font-size:28px;
        letter-spacing:2px;
    }

    .page-title p{
        font-size:14px;
        letter-spacing:1px;
    }

    .culture-banner::before{
        width:72%;
    }

    .culture-text{
        left:5%;
        width:52%;
    }

    .culture-text h1{
        margin-bottom:8px;
        font-size:26px;
        letter-spacing:2px;
    }

    .culture-text h2{
        margin-bottom:10px;
        font-size:16px;
        letter-spacing:1px;
    }

    .culture-text p{
        margin-bottom:6px;
        font-size:12px;
        line-height:1.55;
    }

    .culture-slogan{
        margin-top:8px;
        font-size:16px;
        line-height:1.5;
        letter-spacing:1px;
    }

    .hero{
        height:auto;
    }

    .hero-inner{
        height:auto;
        padding:45px 0;
        flex-direction:column;
        gap:30px;
    }

    .hero-text,
    .hero-product{
        width:100%;
        height:auto;
        text-align:center;
    }

    .hero-text h1{
        font-size:42px;
    }

    .section-title{
        width:94%;
    }

    .section-title h2{
        font-size:32px;
    }

    .section-title p{
        margin-bottom:30px;
        font-size:16px;
    }

    .product-section{
        width:94%;
        margin:50px auto;
    }

    .product-card{
        width:100%;
        max-width:420px;
    }

    .footer{
        margin-top:50px;
    }

    .footer-content{
        width:90%;
        padding:40px 0;
        flex-direction:column;
        gap:30px;
    }

    .footer-logo,
    .footer-menu,
    .footer-contact{
        width:100%;
        min-width:0;
    }
}

@media (max-width:480px){

    .logo-icon{
        width:40px;
        height:40px;
        font-size:23px;
    }

    .logo-text h2{
        font-size:20px;
    }

    .banner-text h1{
        font-size:22px;
    }

    .banner-text p{
        display:none;
    }

    .banner-text a{
        padding:7px 15px;
        font-size:12px;
    }

    .page-title h1{
        font-size:23px;
    }

    .page-title p{
        font-size:12px;
    }

    .culture-text h1{
        font-size:21px;
    }

    .culture-text h2{
        font-size:13px;
    }

    .culture-text p{
        display:none;
    }

    .culture-slogan{
        font-size:13px;
    }
}

/* =========================================================
   为什么要为孩子封一坛酒
========================================================= */

.seal-meaning-section{
    width:100%;
    padding:70px 0 80px;
    overflow:hidden;

    background:
        linear-gradient(
            rgba(248,240,223,.92),
            rgba(243,228,200,.92)
        ),
        url("../images/home/seal-meaning.png") center center / cover no-repeat;

    color:#4d2b18;
}
.seal-meaning-inner{
    width:var(--site-width);
    margin:0 auto;
}

/* 标题 */

.seal-meaning-title{
    margin-bottom:38px;
    text-align:center;
}

.seal-title-line{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:22px;
}

.seal-title-line span{
    width:90px;
    height:1px;
    background:linear-gradient(
        90deg,
        transparent,
        var(--gold-deep)
    );
}

.seal-title-line span:last-child{
    background:linear-gradient(
        90deg,
        var(--gold-deep),
        transparent
    );
}

.seal-meaning-title h2{
    margin:0;
    color:#b67b2e;
    font-size:38px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:3px;
}

.seal-meaning-title p{
    margin-top:12px;
    color:#70482b;
    font-size:17px;
    line-height:1.7;
    letter-spacing:3px;
}

/* 主体布局 */

.seal-meaning-content{
    display:grid;
    grid-template-columns:430px 1fr;
    gap:25px;
    align-items:stretch;
}

/* 左侧图片 */

.seal-meaning-image{
    height:390px;
    overflow:hidden;
    border:1px solid rgba(200,155,74,.65);
    border-radius:12px;
    background:#f5ead4;
    box-shadow:0 12px 35px rgba(93,48,17,.12);
}

.seal-meaning-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center center;
}

/* 右侧四项 */

.seal-meaning-list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    border:1px solid rgba(200,155,74,.65);
    border-radius:12px;
    overflow:hidden;
    background:rgba(255,255,255,.55);
    box-shadow:0 12px 35px rgba(93,48,17,.08);
}

.seal-meaning-item{
    min-height:195px;
    padding:30px 28px;
    display:flex;
    align-items:center;
    gap:22px;
}

.seal-meaning-item:nth-child(1),
.seal-meaning-item:nth-child(2){
    border-bottom:1px solid rgba(200,155,74,.45);
}

.seal-meaning-item:nth-child(1),
.seal-meaning-item:nth-child(3){
    border-right:1px solid rgba(200,155,74,.45);
}

/* 圆形图标 */

.seal-meaning-icon{
    width:76px;
    height:76px;
    flex:0 0 76px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid #d3a65a;
    border-radius:50%;
    background:linear-gradient(
        145deg,
        #a91919,
        #700808
    );
    box-shadow:
        inset 0 0 12px rgba(255,215,140,.2),
        0 6px 14px rgba(92,15,15,.18);
}

.seal-meaning-icon span{
    color:#f2d18c;
    font-family:"STKaiti","KaiTi","Microsoft YaHei",serif;
    font-size:30px;
    font-weight:bold;
    line-height:1;
}

/* 文字 */

.seal-meaning-text{
    min-width:0;
}

.seal-meaning-text h3{
    margin-bottom:10px;
    color:#8b341e;
    font-size:21px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:2px;
}

.seal-meaning-text p{
    margin:0;
    color:#68442f;
    font-size:15px;
    line-height:1.85;
}

/* 悬停效果 */

.seal-meaning-item{
    transition:
        background .3s ease,
        transform .3s ease;
}

.seal-meaning-item:hover{
    background:rgba(255,248,229,.9);
}

.seal-meaning-item:hover .seal-meaning-icon{
    transform:translateY(-3px);
}

.seal-meaning-icon{
    transition:transform .3s ease;
}


/* =========================================================
   封坛意义模块响应式
========================================================= */

@media (max-width:1220px){

    .seal-meaning-inner{
        width:94%;
    }

    .seal-meaning-content{
        grid-template-columns:38% 1fr;
    }

    .seal-meaning-item{
        padding:24px 20px;
        gap:16px;
    }
}

@media (max-width:900px){

    .seal-meaning-content{
        grid-template-columns:1fr;
    }

    .seal-meaning-image{
        height:420px;
    }

    .seal-meaning-list{
        grid-template-columns:repeat(2,1fr);
    }
}

@media (max-width:768px){

    .seal-meaning-section{
        padding:48px 0 55px;
    }

    .seal-meaning-inner{
        width:92%;
    }

    .seal-meaning-title{
        margin-bottom:28px;
    }

    .seal-title-line{
        gap:10px;
    }

    .seal-title-line span{
        width:35px;
    }

    .seal-meaning-title h2{
        font-size:27px;
        letter-spacing:1px;
    }

    .seal-meaning-title p{
        margin-top:8px;
        font-size:14px;
        letter-spacing:1px;
    }

    .seal-meaning-image{
        height:320px;
    }

    .seal-meaning-list{
        grid-template-columns:1fr;
    }

    .seal-meaning-item{
        min-height:0;
        padding:24px 22px;
        border-right:0 !important;
        border-bottom:1px solid rgba(200,155,74,.45);
    }

    .seal-meaning-item:last-child{
        border-bottom:0;
    }

    .seal-meaning-icon{
        width:66px;
        height:66px;
        flex-basis:66px;
    }

    .seal-meaning-icon span{
        font-size:26px;
    }

    .seal-meaning-text h3{
        font-size:19px;
    }

    .seal-meaning-text p{
        font-size:14px;
    }
}

@media (max-width:480px){

    .seal-meaning-title h2{
        font-size:23px;
    }

    .seal-title-line span{
        display:none;
    }

    .seal-meaning-image{
        height:250px;
    }

    .seal-meaning-item{
        align-items:flex-start;
        gap:15px;
        padding:22px 18px;
    }

    .seal-meaning-icon{
        width:56px;
        height:56px;
        flex-basis:56px;
    }

    .seal-meaning-icon span{
        font-size:23px;
    }

    .seal-meaning-text h3{
        margin-bottom:6px;
        font-size:18px;
    }
.gift-wine-info ul
    .seal-meaning-text p{
        font-size:13px;
        line-height:1.7;
    }
}

/* =========================================================
   封坛礼酒系列
========================================================= */

.gift-wine-section{
    width:100%;
    padding:70px 0 75px;
    overflow:hidden;

    background:
        radial-gradient(
            circle at top center,
            rgba(165,20,20,.45) 0%,
            transparent 52%
        ),
        linear-gradient(
            180deg,
            #650606 0%,
            #8b0909 48%,
            #5a0505 100%
        );

    color:var(--text-light);
}

.gift-wine-inner{
    width:var(--site-width);
    margin:0 auto;
}


/* 标题 */

.gift-wine-title{
    margin-bottom:42px;
    text-align:center;
}

.gift-wine-title-line{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:22px;
}

.gift-wine-title-line span{
    width:105px;
    height:1px;

    background:linear-gradient(
        90deg,
        transparent,
        var(--gold)
    );
}

.gift-wine-title-line span:last-child{
    background:linear-gradient(
        90deg,
        var(--gold),
        transparent
    );
}

.gift-wine-title h2{
    margin:0;
    color:var(--gold-light);
    font-size:40px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:4px;

    text-shadow:
        0 2px 5px rgba(0,0,0,.55),
        0 0 15px rgba(216,181,106,.2);
}

.gift-wine-title p{
    margin-top:12px;
    color:#e8c989;
    font-size:17px;
    line-height:1.7;
    letter-spacing:3px;
}


/* 产品列表 */

.gift-wine-list{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}


/* 产品卡片 */

.gift-wine-card{
    position:relative;
    min-height:390px;
    padding:28px 24px;
    display:flex;
    align-items:center;
    gap:20px;

    border:1px solid rgba(216,181,106,.72);
    border-radius:12px;

    background:
        linear-gradient(
            145deg,
            rgba(145,12,12,.92),
            rgba(82,4,4,.96)
        );

    box-shadow:
        0 14px 35px rgba(30,0,0,.32),
        inset 0 0 20px rgba(255,214,133,.05);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.gift-wine-card:hover{
    transform:translateY(-4px);
    border-color:var(--gold-light);

    box-shadow:
        0 18px 42px rgba(30,0,0,.45),
        inset 0 0 22px rgba(255,214,133,.08);
}


/* 推荐标签 */

.gift-wine-label{
    position:absolute;
    left:-1px;
    top:-1px;
    padding:8px 17px;

    border-radius:12px 0 12px 0;

    background:linear-gradient(
        90deg,
        #f2d99d,
        #d8b56a
    );

    color:#7d1710;
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
}


/* 产品图片 */

.gift-wine-image{
    width:46%;
    height:280px;
    flex-shrink:0;

    display:flex;
    align-items:center;
    justify-content:center;
}

.gift-wine-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
    object-position:center center;

    transition:transform .35s ease;
}

.gift-wine-card:hover .gift-wine-image img{
    transform:scale(1.035);
}


/* 产品信息 */

.gift-wine-info{
    width:54%;
    min-width:0;
}

.gift-wine-info h3{
    margin-bottom:8px;
    color:var(--gold-light);
    font-size:25px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:1px;
}

/* 产品标签 */

.gift-wine-card .gift-wine-label{
    position:absolute;
    left:-1px;
    top:-1px;
    padding:8px 17px;
    border-radius:12px 0 12px 0;

    background:linear-gradient(
        90deg,
        #f2d99d,
        #d8b56a
    );

    color:#7d1710;
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
}


/* 产品规格 */

.gift-wine-info h3{
    margin-bottom:14px;
    color:var(--gold-light);
    font-size:23px;
    font-weight:700;
    line-height:1.3;
    letter-spacing:1px;
}


/* 两句产品寓意 */

.gift-wine-blessing{
    margin-bottom:16px;
    padding:12px 10px;

    border-top:1px solid rgba(216,181,106,.42);
    border-bottom:1px solid rgba(216,181,106,.42);

    text-align:center;
}

.gift-wine-blessing strong,
.gift-wine-blessing span{
    display:block;
    color:#f1d28c;
    font-family:"STKaiti","KaiTi","Microsoft YaHei",serif;
    font-size:17px;
    line-height:1.65;
    letter-spacing:1px;
}

.gift-wine-blessing strong{
    font-weight:700;
}

.gift-wine-blessing span{
    font-weight:500;
}


/* 产品寓意介绍 */

.gift-wine-description{
    min-height:78px;
    margin:0 0 15px;

    color:#f0dab0;
    font-size:14px;
    line-height:1.85;
    text-align:justify;
}


/* 适用场景 */

.gift-wine-scene{
    margin-bottom:20px;
    padding-left:14px;
    position:relative;

    color:#dfbd77;
    font-size:13px;
    line-height:1.6;
}

.gift-wine-scene::before{
    content:"◆";
    position:absolute;
    left:0;
    top:1px;

    color:var(--gold);
    font-size:8px;
}


/* 查看详情按钮 */

.gift-wine-info a{
    display:inline-block;
    padding:9px 24px;

    border:1px solid var(--gold);
    border-radius:24px;

    color:var(--gold-light);
    background:rgba(60,0,0,.25);

    font-size:14px;
    line-height:1.4;
    letter-spacing:1px;
    text-decoration:none;
}

.gift-wine-info a:hover{
    background:var(--gold);
    color:var(--red-deep);
}

/* 查看详情 */

.gift-wine-info a{
    display:inline-block;
    padding:9px 24px;

    border:1px solid var(--gold);
    border-radius:24px;

    color:var(--gold-light);
    background:rgba(60,0,0,.25);

    font-size:14px;
    line-height:1.4;
    letter-spacing:1px;
    text-decoration:none;
}

.gift-wine-info a:hover{
    background:var(--gold);
    color:var(--red-deep);
}


/* 查看更多 */

.gift-wine-more{
    margin-top:38px;
    text-align:center;
}

.gift-wine-more a{
    display:inline-block;
    min-width:220px;
    padding:13px 35px;

    border-radius:28px;

    background:linear-gradient(
        90deg,
        #e2bd72,
        #f1d89c,
        #d0a052
    );

    color:#7c160f;
    font-size:16px;
    font-weight:700;
    line-height:1.5;
    letter-spacing:2px;
    text-decoration:none;

    box-shadow:0 8px 22px rgba(35,0,0,.3);
}

.gift-wine-more a:hover{
    transform:translateY(-2px);

    box-shadow:0 11px 26px rgba(35,0,0,.42);
}


/* =========================================================
   封坛礼酒系列响应式
========================================================= */

@media (max-width:1220px){

    .gift-wine-inner{
        width:94%;
    }

    .gift-wine-card{
        padding:25px 18px;
        gap:15px;
    }

    .gift-wine-info h3{
        font-size:22px;
    }
}

@media (max-width:1000px){

    .gift-wine-list{
        grid-template-columns:repeat(2,1fr);
    }

    .gift-wine-card:last-child{
        grid-column:1 / -1;
        width:calc(50% - 11px);
        margin:0 auto;
    }
}

@media (max-width:768px){

    .gift-wine-section{
        padding:50px 0 55px;
    }

    .gift-wine-inner{
        width:92%;
    }

    .gift-wine-title{
        margin-bottom:30px;
    }

    .gift-wine-title-line{
        gap:10px;
    }

    .gift-wine-title-line span{
        width:36px;
    }

    .gift-wine-title h2{
        font-size:29px;
        letter-spacing:2px;
    }

    .gift-wine-title p{
        margin-top:8px;
        font-size:14px;
        letter-spacing:1px;
    }

    .gift-wine-list{
        grid-template-columns:1fr;
    }

    .gift-wine-card,
    .gift-wine-card:last-child{
        width:100%;
        min-height:0;
        grid-column:auto;
        margin:0;
    }
}

@media (max-width:520px){

    .gift-wine-card{
        padding:25px 18px;
        flex-direction:column;
        text-align:center;
    }

    .gift-wine-image{
        width:100%;
        height:240px;
    }

    .gift-wine-info{
        width:100%;
    }

    .gift-wine-info ul{
        display:inline-block;
        text-align:left;
    }

    .gift-wine-title-line span{
        display:none;
    }

    .gift-wine-title h2{
        font-size:26px;
    }
}

/* =========================================================
   六步封坛流程
========================================================= */

.seal-process-section{
    width:100%;
    padding:76px 0 68px;
    overflow:hidden;

    background:
        linear-gradient(
            rgba(255,250,240,.94),
            rgba(250,239,217,.96)
        ),
        url("../images/process/process-pattern.png")
        center center / cover no-repeat;

    color:#5f2419;
}

.seal-process-inner{
    width:var(--site-width);
    margin:0 auto;
}


/* =========================================================
   标题区域
========================================================= */

.seal-process-heading{
    margin-bottom:54px;
    text-align:center;
}

.seal-process-tag{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;

    margin-bottom:14px;

    color:#a94028;
    font-size:16px;
    font-weight:600;
    line-height:1.5;
    letter-spacing:3px;
}

.seal-process-tag span{
    width:52px;
    height:1px;

    background:linear-gradient(
        90deg,
        transparent,
        #d7a24f
    );
}

.seal-process-tag span:last-child{
    background:linear-gradient(
        90deg,
        #d7a24f,
        transparent
    );
}

.seal-process-heading h2{
    margin:0;

    color:#9d241b;
    font-size:40px;
    font-weight:700;
    line-height:1.35;
    letter-spacing:4px;
}

.seal-process-heading p{
    margin-top:14px;

    color:#7f4a36;
    font-size:16px;
    line-height:1.8;
    letter-spacing:1px;
}


/* =========================================================
   流程列表
========================================================= */

.seal-process-list{
    position:relative;

    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:14px;
}

/* 顶部流程连接线 */

.seal-process-list::before{
    content:"";
    position:absolute;
    left:7%;
    right:7%;
    top:22px;
    z-index:0;

    height:1px;

    background:linear-gradient(
        90deg,
        transparent,
        #d4a14f 8%,
        #d4a14f 92%,
        transparent
    );
}


/* =========================================================
   单个流程卡片
========================================================= */

.seal-process-item{
    position:relative;
    z-index:1;

    min-width:0;
    padding:0 14px 24px;

    border:1px solid rgba(201,146,61,.42);
    border-radius:120px 120px 10px 10px;

    background:rgba(255,252,245,.76);

    text-align:center;

    box-shadow:
        0 10px 30px rgba(135,73,25,.06),
        inset 0 0 20px rgba(255,255,255,.35);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.seal-process-item:hover{
    transform:translateY(-5px);
    border-color:#d4a14f;

    box-shadow:
        0 16px 34px rgba(135,73,25,.13),
        inset 0 0 20px rgba(255,255,255,.45);
}


/* 步骤数字 */

.seal-process-number{
    position:relative;
    z-index:3;

    width:44px;
    height:44px;
    margin:-22px auto 18px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:3px solid #f7e5ba;
    border-radius:50%;

    background:linear-gradient(
        145deg,
        #b92c20,
        #7d110d
    );

    color:#f9df9b;
    font-size:20px;
    font-weight:700;
    line-height:1;

    box-shadow:
        0 5px 14px rgba(119,22,13,.26),
        inset 0 1px 2px rgba(255,255,255,.18);
}


/* 流程图片 */

.seal-process-image{
    width:142px;
    height:142px;
    margin:0 auto 21px;

    overflow:hidden;

    border:3px solid #d7a34f;
    border-radius:50%;

    background:#f8ebd0;

    box-shadow:
        0 8px 22px rgba(117,62,21,.12);
}

.seal-process-image img{
    width:100%;
    height:100%;
    display:block;

    object-fit:cover;
    object-position:center;

    transition:transform .35s ease;
}

.seal-process-item:hover .seal-process-image img{
    transform:scale(1.05);
}


/* 流程文字 */

.seal-process-content h3{
    margin:0 0 13px;

    color:#8e241a;
    font-size:21px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:1px;
}

.seal-process-content p{
    margin:0;

    color:#764938;
    font-size:14px;
    line-height:1.85;
}


/* =========================================================
   底部口号
========================================================= */

.seal-process-slogan{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;

    margin-top:45px;
    padding:17px 20px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(225,191,122,.21),
        transparent
    );

    color:#9b4b29;
    text-align:center;
}

.seal-process-slogan span{
    width:80px;
    height:1px;

    background:linear-gradient(
        90deg,
        transparent,
        #c99440
    );
}

.seal-process-slogan span:last-child{
    background:linear-gradient(
        90deg,
        #c99440,
        transparent
    );
}

.seal-process-slogan strong{
    font-size:18px;
    font-weight:500;
    line-height:1.6;
    letter-spacing:2px;
}


/* =========================================================
   响应式
========================================================= */

@media (max-width:1220px){

    .seal-process-inner{
        width:94%;
    }

    .seal-process-list{
        gap:10px;
    }

    .seal-process-item{
        padding-left:10px;
        padding-right:10px;
    }

    .seal-process-image{
        width:126px;
        height:126px;
    }

    .seal-process-content h3{
        font-size:19px;
    }
}


@media (max-width:1000px){

    .seal-process-list{
        grid-template-columns:repeat(3,1fr);
        gap:42px 18px;
    }

    .seal-process-list::before{
        display:none;
    }

    .seal-process-item{
        border-radius:100px 100px 10px 10px;
    }

    .seal-process-image{
        width:150px;
        height:150px;
    }
}


@media (max-width:768px){

    .seal-process-section{
        padding:55px 0 48px;
    }

    .seal-process-inner{
        width:92%;
    }

    .seal-process-heading{
        margin-bottom:48px;
    }

    .seal-process-heading h2{
        font-size:30px;
        letter-spacing:2px;
    }

    .seal-process-heading p{
        font-size:14px;
        padding:0 12px;
    }

    .seal-process-list{
        grid-template-columns:repeat(2,1fr);
        gap:40px 14px;
    }

    .seal-process-slogan span{
        display:none;
    }

    .seal-process-slogan strong{
        font-size:15px;
        letter-spacing:1px;
    }
}


@media (max-width:520px){

    .seal-process-heading h2{
        font-size:26px;
    }

    .seal-process-tag span{
        width:28px;
    }

    .seal-process-list{
        grid-template-columns:1fr;
        gap:42px;
    }

    .seal-process-item{
        max-width:330px;
        margin:0 auto;
        padding-bottom:28px;
    }

    .seal-process-image{
        width:170px;
        height:170px;
    }

    .seal-process-content p{
        padding:0 14px;
    }
}

/* =========================================================
   幸福时刻
========================================================= */

.happy-moment-section{

    padding:80px 0;

    background:#faf6ef;

}

.happy-moment-inner{

    width:1200px;
    margin:auto;

}

.happy-moment-title{

    text-align:center;

    margin-bottom:55px;

}

.happy-moment-tag{

    color:#b82a1d;

    letter-spacing:3px;

    font-size:16px;

    margin-bottom:15px;

}

.happy-moment-tag span{

    display:inline-block;

    width:45px;

    height:1px;

    background:#d8b56a;

    vertical-align:middle;

    margin:0 10px;

}

.happy-moment-title h2{

    color:#8c1d17;

    font-size:40px;

    margin-bottom:18px;

}

.happy-moment-title p{

    color:#7d6653;

    line-height:1.9;

}

.happy-moment-list{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:28px;

}

.happy-card{

    background:#fff;

    border-radius:12px;

    overflow:hidden;

    transition:.35s;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.happy-card:hover{

    transform:translateY(-6px);

    box-shadow:0 20px 40px rgba(0,0,0,.08);

}

.happy-image{

    aspect-ratio:4/3;

    overflow:hidden;

}

.happy-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.4s;

}

.happy-card:hover img{

    transform:scale(1.06);

}

.happy-content{

    padding:24px;

}

.happy-label{

    display:inline-block;

    padding:5px 14px;

    border-radius:20px;

    background:#b21f17;

    color:#fff;

    font-size:13px;

    margin-bottom:15px;

}

.happy-content h3{

    color:#91211b;

    font-size:22px;

    margin-bottom:14px;

}

.happy-content p{

    color:#666;

    line-height:1.9;

}

.happy-bottom{

    margin-top:60px;

    text-align:center;

    font-size:24px;

    color:#9a221b;

    letter-spacing:3px;

    font-weight:600;

}