/* ================================================================
   宜品良芝 首页样式 home.css
   基于 index1.html 静态稿改造：
   - 类名加 home- 前缀（避免与 about.css/brand.css 冲突）
   - 1920 定宽 → 流式 max-width + @media 响应式
   - 接品牌字体：思源宋体(标题)/思源黑体(正文)/霞鹜文楷(slogan)/Cormorant(英文)
   - Hero 从左文右图 → Swiper 全屏背景 + 叠加文案
   - H5 断点 @media(max-width:991px)
   ================================================================ */

/* ---------- 全局 ---------- */
.home-page{
    --hp-bg:#f5f4f0;
    --hp-ink:#493b31;
    --hp-ink-deep:#2d2926;
    --hp-muted:#756c64;
    --hp-line:#9c958c;
    --hp-gold:#a99275;
    --hp-gold-deep:#70441f;
    --hp-gold-mid:#927566;
    --hp-paper:#FAF5E9;
    box-sizing:border-box;
    width:100%;
    margin:0 auto;
    overflow:hidden;
    background:var(--hp-bg);
    color:var(--hp-ink);
    font-family:"SourceHanSansCN","Microsoft YaHei","PingFang SC",sans-serif;
    -webkit-font-smoothing:antialiased;
}
.home-page *,.home-page *:before,.home-page *:after{box-sizing:border-box;}
.home-container{max-width:1700px;margin:0 auto;padding:0 40px;}
.home-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border:1px dashed rgba(105,91,78,.4);color:#82786e;background:linear-gradient(135deg,#efede8,#ded9d1);min-height:200px;}
.home-placeholder span{font-size:18px;letter-spacing:2px;}
.home-placeholder b{font-size:14px;font-weight:400;margin-top:8px;}

/* h1/h2 用思源宋体，slogan 用霞鹜文楷，英文用 Cormorant */
.home-page h1,.home-page h2{font-family:"SourceHanSerifCN",serif;}
.home-page h3{font-family:"SourceHanSerifCN",serif;}
.home-en{font-family:"CormorantGaramond",Georgia,serif;}
.home-slogan{font-family:"LXGWWenKai","SourceHanSansCN",sans-serif;}

/* ================================================================
   1. Hero / Banner（Swiper 全屏背景 + 叠加文案）
   ================================================================ */
.home-hero{position:relative;height:100vh;min-height:600px;overflow:hidden;background:#ddd;}
.home-hero .home-swiper{position:absolute;inset:0;z-index:0;}
.home-hero .home-swiper .swiper-slide{width:100%;height:100%;}
.home-hero .home-swiper img{width:100%;height:100%;object-fit:cover;}
.home-hero-overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;
    background:linear-gradient(90deg,rgba(20,12,5,.55) 0%,rgba(20,12,5,.25) 45%,transparent 75%);}
.home-hero-copy{max-width:600px;padding-left:7%;color:#fff;}
.home-hero h1{margin:0;font-size:62px;font-weight:700;line-height:1.3;color:#fff;letter-spacing:2px;}
.home-hero .home-hero-en{margin-top:10px;font-size:28px;letter-spacing:3px;color:rgba(255,255,255,.82);}
.home-hero-copy>p{margin:30px 0 24px;font-size:17px;line-height:1.7;color:rgba(255,255,255,.88);}
.home-hero-actions{display:flex;gap:8px;flex-wrap:wrap;}
.home-hero-actions a{width:182px;height:56px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;background:var(--hp-gold);text-decoration:none;transition:opacity .25s;}
.home-hero-actions a:hover{opacity:.85;}
.home-hero-actions a:nth-child(2){background:var(--hp-gold-mid);}
.home-hero-actions a:nth-child(3){background:var(--hp-gold-deep);}
/* Swiper 分页器 */
.home-hero .swiper-pagination{bottom:30px !important;z-index:3;}
.home-hero .swiper-pagination-bullet{background:#fff;opacity:.5;}
.home-hero .swiper-pagination-bullet-active{opacity:1;}

/* ================================================================
   2. Stats（统计数字）— 写死
   ================================================================ */
.home-stats{background:#f7f7f3;text-align:center;padding:80px 0;}
.home-stats h2,.home-certs h2,.home-values h2,.home-authority h2{margin:0;font-size:49px;font-weight:500;letter-spacing:2px;color:var(--hp-ink-deep);}
.home-stat-row{margin:60px auto 0;display:grid;grid-template-columns:repeat(4,1fr) 1.1fr;}
.home-stat-row>div{height:145px;border-right:1px solid var(--hp-line);display:flex;flex-direction:column;align-items:center;justify-content:center;}
.home-stat-row>div:last-child{border-right:0;}
.home-stat-row strong{font-size:71px;font-weight:300;color:#4c3a2d;line-height:1;}
.home-stat-row strong span{font-size:.55em;}
.home-stat-row em{font-style:normal;font-size:18px;color:var(--hp-muted);margin-top:18px;}
.home-stat-text strong{font-size:33px;line-height:1.45;}
.home-stats-note{max-width:760px;margin:38px auto 0;font-size:14px;line-height:1.8;color:#7b7269;}

/* ================================================================
   3. Certs（认证墙）— 5 张 LOGO 图
   ================================================================ */
.home-certs{background:#f0efeb;padding:80px 0;text-align:center;}
.home-cert-row{margin:60px auto 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.home-cert{flex:0 0 auto;width:200px;display:flex;flex-direction:column;align-items:center;}
.home-cert-img{width:160px;height:160px;display:flex;align-items:center;justify-content:center;border:2px solid #866e59;border-radius:50%;overflow:hidden;background:#fff;}
.home-cert-img img{width:100%;height:100%;object-fit:contain;padding:12px;}
.home-cert-title{margin-top:16px;font-size:15px;line-height:1.5;color:#68594d;text-align:center;}

/* ================================================================
   4. About（企业简介）— about 模型字段
   ================================================================ */
.home-about{display:grid;grid-template-columns:1fr 1fr;background:#d9cab3;min-height:600px;}
.home-about-copy{padding:100px 60px;}
.home-about-copy h2{font-size:47px;font-weight:500;margin:0 0 35px;color:var(--hp-ink-deep);}
.home-about-copy p{font-size:18px;line-height:1.9;margin:16px 0;color:#62574e;}
.home-about-copy h3{font-size:28px;font-weight:500;margin:52px 0 14px;color:var(--hp-ink-deep);}
.home-plain-link{display:inline-flex;width:300px;height:55px;align-items:center;justify-content:center;background:#9a775e;color:#fff;margin-top:40px;font-size:15px;text-decoration:none;}
.home-about-image{min-height:100%;background:linear-gradient(135deg,#eae5dd,#c9c2b7);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.home-about-image img{width:100%;height:100%;object-fit:cover;}

/* ================================================================
   5. Products（产品中心）— productpage $cards 数据
   ================================================================ */
.home-products{background:#faf9f6;padding:80px 0;}
.home-section-title{text-align:center;}
.home-section-title h2{margin:0;font-size:50px;font-weight:500;color:#5b4638;}
.home-product-grid{margin:60px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.home-product-card{background:#f7f5f1;padding:30px 25px 22px;position:relative;display:flex;flex-direction:column;}
.home-product-card h3{font-size:24px;font-weight:500;margin:0;color:var(--hp-ink-deep);}
.home-product-card p{font-size:15px;line-height:1.75;color:#70675f;margin:15px 0 0;}
.home-product-img{margin-top:20px;height:240px;background:linear-gradient(145deg,#f1efea,#ded8cf);overflow:hidden;}
.home-product-img img{width:100%;height:100%;object-fit:cover;}
.home-product-card>a{margin-top:auto;padding-top:20px;font-size:15px;color:var(--hp-gold-deep);text-decoration:none;}

/* ================================================================
   6. Values（九德为行）— brand ind1/ind2/ind3 数据
   ================================================================ */
.home-values{background:#faf9f6;padding:80px 0;}
.home-value-row{margin:60px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:34px;}
.home-value-card{border:1px solid #91877d;padding:25px 24px;position:relative;display:grid;grid-template-columns:100px 1fr;min-height:200px;}
.home-value-card strong{font-size:73px;line-height:1;font-weight:300;color:#d8cfbf;}
.home-value-card h3{font-size:19px;margin:8px 0;color:var(--hp-ink-deep);}
.home-value-card p{font-size:14px;line-height:1.7;color:#6f655d;}
.home-value-card>a{position:absolute;right:28px;bottom:28px;font-size:14px;color:var(--hp-gold-deep);text-decoration:none;}

/* ================================================================
   7. News（新闻动态）— {fox:article} 动态取
   ================================================================ */
.home-news{background:#efeeeb;padding:68px 0;}
.home-news .home-section-title{text-align:left;}
.home-news-content{display:grid;grid-template-columns:300px 1fr;gap:80px;margin-top:40px;}
.home-more-btn{align-self:end;justify-self:start;width:250px;height:53px;background:#a28671;color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;text-decoration:none;}
.home-news-list{margin-top:0;}
.home-news-list article{padding:20px 0;border-bottom:1px solid #a8a19a;display:grid;grid-template-columns:95px 1fr 30px;align-items:center;column-gap:16px;}
.home-news-list time{font-size:16px;color:#7b736a;line-height:1.25;}
.home-news-list time b{font-size:23px;font-weight:400;}
.home-news-list h3{margin:0 0 8px;font-size:17px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--hp-ink-deep);}
.home-news-list p{margin:0;font-size:13px;color:#6f6760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.home-news-list article>a{font-size:24px;color:var(--hp-gold-deep);text-decoration:none;}

/* ================================================================
   8. Authority（权威背书）— 6 张 LOGO 图
   ================================================================ */
.home-authority{background:#d9cbb5;text-align:center;padding:70px 0;}
.home-authority-row{margin:50px auto 0;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;}
.home-badge{flex:0 0 auto;width:200px;display:flex;flex-direction:column;align-items:center;}
.home-badge-img{width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:3px solid #5a7981;background:#f4f1ea;overflow:hidden;}
.home-badge-img img{width:100%;height:100%;object-fit:contain;padding:8px;}
.home-badge:nth-child(2) .home-badge-img{border-color:#a88f32;}
.home-badge:nth-child(3) .home-badge-img{border-color:#4a7082;}
.home-badge:nth-child(4) .home-badge-img{border-color:#7da18f;}
.home-badge:nth-child(5) .home-badge-img{border-color:#8c9870;}
.home-badge:nth-child(6) .home-badge-img{border-color:#7d8e74;}
.home-badge-name{margin-top:14px;font-size:14px;line-height:1.5;color:#61574d;text-align:center;max-width:180px;}

/* ================================================================
   H5 响应式 @media(max-width:991px)
   ================================================================ */
@media (max-width:991px){
    .home-container{padding:0 20px;}

    /* Hero */
    .home-hero{height:60vh;min-height:400px;}
    .home-hero-copy{padding-left:20px;max-width:90%;}
    .home-hero h1{font-size:36px;}
    .home-hero .home-hero-en{font-size:20px;}
    .home-hero-copy>p{font-size:14px;margin:20px 0 18px;}
    .home-hero-actions a{width:140px;height:48px;font-size:13px;}

    /* Stats */
    .home-stats{padding:50px 0;}
    .home-stats h2{font-size:32px;}
    .home-stat-row{grid-template-columns:repeat(2,1fr);gap:20px;}
    .home-stat-row>div{height:120px;border-right:0;border-bottom:1px solid var(--hp-line);}
    .home-stat-row strong{font-size:48px;}
    .home-stat-text strong{font-size:26px;}

    /* Certs */
    .home-certs{padding:50px 0;}
    .home-certs h2{font-size:32px;}
    .home-cert-row{justify-content:center;}
    .home-cert{width:45%;margin-bottom:20px;}

    /* About */
    .home-about{grid-template-columns:1fr;}
    .home-about-copy{padding:50px 20px;}
    .home-about-copy h2{font-size:32px;}
    .home-about-copy p{font-size:15px;}
    .home-about-image{min-height:300px;}

    /* Products */
    .home-products{padding:50px 0;}
    .home-section-title h2{font-size:32px;}
    .home-product-grid{grid-template-columns:1fr;gap:16px;}
    .home-product-img{height:200px;}

    /* Values */
    .home-values{padding:50px 0;}
    .home-value-row{grid-template-columns:1fr;gap:16px;}
    .home-value-card{grid-template-columns:60px 1fr;min-height:0;padding:20px;}
    .home-value-card strong{font-size:48px;}

    /* News */
    .home-news{padding:50px 0;}
    .home-news-content{grid-template-columns:1fr;gap:30px;}
    .home-more-btn{width:100%;}
    .home-news-list article{grid-template-columns:80px 1fr 24px;}
    .home-news-list h3{white-space:normal;}

    /* Authority */
    .home-authority{padding:50px 0;}
    .home-authority h2{font-size:32px;}
    .home-authority-row{justify-content:center;}
    .home-badge{width:45%;margin-bottom:20px;}
    .home-badge-img{width:80px;height:80px;}
}

/* ---------- 中等屏适配(992-1440) ---------- */
@media (min-width:992px) and (max-width:1440px){
    .home-hero h1{font-size:48px;}
    .home-stats h2,.home-certs h2,.home-values h2,.home-authority h2{font-size:38px;}
    .home-section-title h2{font-size:40px;}
    .home-stat-row strong{font-size:56px;}
    .home-stat-text strong{font-size:28px;}
    .home-container{padding:0 30px;}
    .home-about-copy{padding:80px 40px;}
    .home-about-copy h2{font-size:38px;}
}