.brand-story{background:#fff;padding:100px 0 40px}
.brand-story .container{max-width:1240px}
.bs-grid{display:flex;align-items:flex-start;gap:72px}
.bs-year{flex:0 0 38%;max-width:38%;line-height:0;letter-spacing:normal}
.bs-year img{width:100%;height:auto;display:block}
.bs-media{flex:0 0 48%;max-width:48%;border-radius:4px;overflow:hidden}
.bs-media img{width:100%;height:auto;display:block;object-fit:cover}
.bs-body{flex:1;min-width:0;padding-top:24px}
.bs-eyebrow{display:inline-flex;align-items:center;gap:14px;font-size:12px;color:#7C3AED;letter-spacing:.18em;font-weight:600;margin-bottom:28px;text-transform:uppercase}
.bs-eyebrow::before{content:'';width:32px;height:1px;background:#7C3AED}
.bs-title{font-size:48px;font-weight:800;color:#1a1a1a;line-height:1.25;margin:0 0 24px;letter-spacing:-.02em}
.bs-desc{font-size:15px;color:#555;line-height:1.9;margin:0 0 32px;max-width:560px}
.bs-link{display:inline-flex;align-items:center;gap:8px;color:#7C3AED;font-size:14px;font-weight:600;text-decoration:none;transition:gap .25s ease}
.bs-link:hover{gap:14px;color:#5b21d0;text-decoration:none}
.bs-link i{font-size:13px;transition:transform .25s ease}
.bs-link:hover i{transform:translateX(2px)}
.brand-timeline{background:#fff;padding:0 0 100px}
.brand-timeline .container{max-width:1240px}
.bt-grid{display:flex;border-top:1px solid #eee;position:relative}
.bt-item{flex:1;padding:56px 32px 40px;position:relative;transition:background .3s ease;text-align:center}
.bt-item+.bt-item{border-left:1px solid #eee}
.bt-dot{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:12px;height:12px;background:#7C3AED;border-radius:50%;z-index:1}
.bt-year{font-size:52px;font-weight:800;color:#7C3AED;line-height:1;margin:0 0 16px;letter-spacing:-.02em}
.bt-label{font-size:14px;color:#333;font-weight:500;margin:0;line-height:1.6;max-width:180px;margin-left:auto;margin-right:auto}
.bt-item:hover{background:#faf7ff}
.brand-tech{background:#111;padding:100px 0}
.brand-tech .container{max-width:1240px}
.btc-header{margin-bottom:64px;max-width:760px}
.btc-eyebrow{display:inline-flex;align-items:center;gap:14px;font-size:12px;color:#A78BFA;letter-spacing:.22em;font-weight:600;margin-bottom:28px;text-transform:uppercase}
.btc-eyebrow::before{content:'';width:36px;height:1px;background:#A78BFA}
.btc-title{font-size:42px;font-weight:800;color:#fff;line-height:1.35;margin:0 0 24px;letter-spacing:-.02em}
.btc-desc{font-size:15px;color:#888;line-height:1.95;margin:0}
.btc-grid{display:flex;gap:28px}
.btc-card{flex:1;min-width:0}
.btc-card-media{border-radius:8px;overflow:hidden;margin-bottom:32px;background:#1e1e1e;aspect-ratio:4/3}
.btc-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.btc-card:hover .btc-card-media img{transform:scale(1.04)}
.btc-card-tag{display:inline-flex;align-items:center;gap:14px;font-size:11px;color:#A78BFA;letter-spacing:.2em;font-weight:600;text-transform:uppercase;margin-bottom:18px}
.btc-card-tag::before{content:'';width:28px;height:1px;background:#A78BFA}
.btc-card-title{font-size:24px;font-weight:700;color:#fff;margin:0 0 14px;line-height:1.4}
.btc-card-desc{font-size:14px;color:#888;line-height:1.9;margin:0}
.brand-cert{background:#f7f7f7;padding:100px 0}
.brand-cert .container{max-width:1240px}
.bcr-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:56px;gap:40px}
.bcr-header-left{flex:1;min-width:0}
.bcr-eyebrow{display:inline-flex;align-items:center;gap:14px;font-size:12px;color:#7C3AED;letter-spacing:.22em;font-weight:600;margin-bottom:28px;text-transform:uppercase}
.bcr-eyebrow::before{content:'';width:36px;height:1px;background:#7C3AED}
.bcr-title{font-size:42px;font-weight:800;color:#1a1a1a;line-height:1.3;margin:0;letter-spacing:-.02em}
.bcr-header-right{flex:0 0 auto}
.bcr-sub{font-size:14px;color:#888;line-height:1.95;margin:0;white-space:nowrap;text-align:right}
.bcr-groups{display:flex;gap:28px;margin-bottom:48px}
.bcr-group{flex:1;min-width:0;background:#fff;border-radius:12px;padding:28px 28px 24px;box-shadow:0 2px 12px rgba(0,0,0,.04);transition:box-shadow .3s ease}
.bcr-group:hover{box-shadow:0 6px 24px rgba(0,0,0,.08)}
.bcr-group-thumbs{display:flex;gap:16px;margin-bottom:24px}
.bcr-group-thumbs img{width:100%;height:280px;object-fit:contain;background:#fafafa;border-radius:4px;transition:transform .4s ease}
.bcr-group-thumbs img:hover{transform:scale(1.02)}
.bcr-group-thumbs>div{flex:1;min-width:0}
.bcr-group-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eee;padding-top:18px}
.bcr-group-title{font-size:15px;font-weight:600;color:#1a1a1a;margin:0}
.bcr-group-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#7C3AED;font-weight:600;text-decoration:none}
.bcr-group-link:hover{color:#5b21d0}
.bcr-footer{display:flex;justify-content:flex-start}
.bcr-footer-link{display:inline-flex;align-items:center;gap:8px;color:#7C3AED;font-size:14px;font-weight:600;text-decoration:none;transition:gap .25s ease}
.bcr-footer-link:hover{gap:14px;color:#5b21d0;text-decoration:none}
@media(max-width:1199px){
.brand-story{padding:80px 0 48px}
.bs-grid{gap:56px}
.bs-year{flex:0 0 35%;max-width:35%}
.bs-title{font-size:40px}
.brand-timeline{padding:0 0 80px}
.bt-item{padding:48px 24px 40px}
.bt-year{font-size:44px}
.brand-tech{padding:80px 0}
.btc-title{font-size:36px}
.brand-cert{padding:80px 0}
.bcr-title{font-size:36px}
}
@media(max-width:991px){
.brand-story{padding:64px 0 36px}
.bs-grid{gap:32px;align-items:flex-start}
.bs-media{flex:0 0 42%;max-width:42%}
.bs-body{padding-top:0}
.bs-title{font-size:26px;margin-bottom:16px}
.bs-desc{font-size:12px;margin-bottom:20px}
.bs-link{font-size:12px}
.brand-timeline{padding:0 0 64px}
.bt-grid{flex-direction:column;border-top:none}
.bt-item{flex:0 0 100%;padding:24px 0 24px 48px;border-left:2px solid #eee;border-bottom:none;text-align:left}
.bt-item+.bt-item{border-left:2px solid #eee}
.bt-dot{left:-7px;top:28px;transform:none;width:14px;height:14px}
.bt-year{font-size:36px;margin-bottom:10px}
.bt-label{max-width:none;margin:0;text-align:left}
.brand-tech{padding:64px 0}
.btc-grid{flex-wrap:wrap}
.btc-card{flex:0 0 100%}
.btc-title{font-size:32px}
.btc-header{margin-bottom:48px}
.brand-cert{padding:64px 0}
.bcr-groups{flex-wrap:wrap;gap:24px}
.bcr-group{flex:0 0 100%;padding:24px}
.bcr-group-thumbs img{height:220px}
.bcr-title{font-size:32px}
}
@media(max-width:767px){
.brand-story{padding:52px 0 28px}
.bs-grid{gap:16px}
.bs-media{flex:0 0 42%;max-width:42%}
.bs-title{font-size:20px;line-height:1.45;margin-bottom:10px}
.bs-eyebrow{font-size:8px;gap:6px;margin-bottom:10px}
.bs-eyebrow::before{width:14px}
.bs-desc{font-size:10px;line-height:1.9;margin-bottom:12px}
.bs-link{font-size:9px}
.bs-link i{font-size:11px}
.brand-timeline{padding:0 0 52px}
.bt-grid{flex-direction:row;border-top:1px solid #eee;border-bottom:1px solid #eee}
.bt-item{flex:1 1 0;padding:18px 14px;border-left:1px solid #eee;border-bottom:none;text-align:left}
.bt-item:first-child{border-left:none;padding-left:0}
.bt-dot{display:none}
.bt-year{font-size:20px;margin-bottom:8px;color:#7C3AED}
.bt-label{max-width:none;margin:0;text-align:left;font-size:8px;line-height:1.7}
.brand-tech{padding:52px 0}
.btc-header{margin-bottom:36px}
.btc-eyebrow{font-size:8px;gap:8px;margin-bottom:12px}
.btc-eyebrow::before{width:16px}
.btc-title{font-size:20px;margin-bottom:10px}
.btc-desc{font-size:9px;line-height:1.8}
.btc-grid{flex-wrap:wrap;gap:14px}
.btc-card{flex:1 1 0;min-width:0;margin-bottom:0}
.btc-card-media{aspect-ratio:1/1;margin-bottom:12px;border-radius:4px}
.btc-card-tag{font-size:7px;gap:0;margin-bottom:6px}
.btc-card-tag::before{display:none}
.btc-card-title{font-size:12px;margin-bottom:6px}
.btc-card-desc{font-size:8px;line-height:1.7}
.brand-cert{padding:52px 0}
.bcr-header{flex-wrap:wrap;gap:16px;margin-bottom:28px}
.bcr-header-left{flex:0 0 100%}
.bcr-header-right{flex:0 0 100%;max-width:none}
.bcr-sub{text-align:left;white-space:normal;font-size:9px}
.bcr-eyebrow{font-size:8px;gap:8px;margin-bottom:12px}
.bcr-eyebrow::before{width:16px}
.bcr-title{font-size:20px}
.bcr-groups{flex-wrap:wrap;gap:14px;margin-bottom:28px}
.bcr-group{flex:0 0 calc(50% - 7px);padding:12px 12px 10px;border-radius:8px}
.bcr-group-thumbs{gap:8px;margin-bottom:12px}
.bcr-group-thumbs img{height:110px}
.bcr-group-foot{padding-top:10px}
.bcr-group-title{font-size:9px}
.bcr-group-link{font-size:8px}
.bcr-footer-link{font-size:9px}
}
@media(max-width:575px){
.brand-story{padding:40px 0 24px}
.bs-grid{gap:14px}
.bs-media{flex:0 0 42%;max-width:42%}
.bs-title{font-size:19px;margin-bottom:8px;line-height:1.45}
.bs-eyebrow{font-size:8px;margin-bottom:8px}
.bs-desc{font-size:9px;line-height:1.8;margin-bottom:10px}
.brand-timeline{padding:0 0 40px}
.bt-grid{flex-direction:row}
.bt-item{padding:14px 10px}
.bt-dot{display:none}
.bt-year{font-size:18px;margin-bottom:6px}
.bt-label{font-size:8px}
.brand-tech{padding:40px 0}
.btc-header{margin-bottom:28px}
.btc-title{font-size:18px;line-height:1.4}
.btc-desc{font-size:9px}
.btc-grid{gap:10px}
.btc-card-media{aspect-ratio:1/1;margin-bottom:10px;border-radius:3px}
.btc-card-tag{font-size:6px;margin-bottom:5px}
.btc-card-title{font-size:11px;margin-bottom:5px}
.btc-card-desc{font-size:8px}
.brand-cert{padding:40px 0}
.bcr-header{gap:12px;margin-bottom:22px}
.bcr-title{font-size:18px;line-height:1.4}
.bcr-groups{gap:10px;margin-bottom:22px}
.bcr-group{flex:0 0 calc(50% - 5px);padding:10px 10px 8px;border-radius:6px}
.bcr-group-thumbs{gap:6px;margin-bottom:10px}
.bcr-group-thumbs img{height:96px}
.bcr-group-foot{padding-top:8px}
.bcr-group-title{font-size:8px}
.bcr-group-link{font-size:7px}
.bcr-footer-link{font-size:8px}
}
/* 证书放大弹窗 */
.bcr-lightbox{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px}
.bcr-lightbox.show{display:flex}
.bcr-lightbox-mask{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.bcr-lightbox-box{position:relative;width:680px;max-width:100%;max-height:86vh;overflow-y:auto;background:#fff;border-radius:2px}
.bcr-lightbox-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#fff;border-bottom:1px solid #ECECF1}
.bcr-lightbox-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0;padding-right:16px;line-height:1.4}
.bcr-lightbox-close{flex:0 0 auto;width:32px;height:32px;border:1px solid #E4E4E9;background:#fff;color:#333;font-size:16px;line-height:1;cursor:pointer;transition:all .2s ease}
.bcr-lightbox-close:hover{background:#1a1a1a;border-color:#1a1a1a;color:#fff}
.bcr-lightbox-body{padding:30px 36px 36px}
.bcr-lightbox-img{display:block;width:100%;height:auto;margin:0 auto}
@media(max-width:767px){
.bcr-lightbox{padding:16px}
.bcr-lightbox-head{padding:12px 14px}
.bcr-lightbox-title{font-size:14px}
.bcr-lightbox-close{width:28px;height:28px;font-size:14px}
.bcr-lightbox-body{padding:18px 16px 24px}
}
/* ===== 首页移动端适配（品牌历程 / 时间轴）===== */
@media(max-width:767px){
.ix-home-story{padding:32px 0 20px}
.ix-home-story .bs-grid{gap:12px;align-items:stretch}
.ix-home-story .bs-year{flex:0 0 50%;max-width:50%;align-self:stretch;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ix-home-story .bs-year img{width:100%;height:100%;object-fit:cover;object-position:center}
.ix-home-story .bs-body{padding-top:4px}
.ix-home-story .bs-eyebrow{font-size:8px;gap:6px;margin-bottom:8px}
.ix-home-story .bs-eyebrow::before{width:14px}
.ix-home-story .bs-title{font-size:clamp(14px,4.4vw,18px);line-height:1.5;margin:0 0 8px}
.ix-home-story .bs-desc{font-size:clamp(9px,2.9vw,12px);line-height:1.75;margin:0}
.ix-home-timeline{padding:0 0 32px}
.ix-home-timeline .bt-grid{flex-direction:row;flex-wrap:nowrap;border-top:1px solid #ECE8F1;border-bottom:none}
.ix-home-timeline .bt-item{flex:1 1 0;min-width:0;padding:16px 8px 0;border-left:none;border-bottom:none;text-align:left}
.ix-home-timeline .bt-item+.bt-item{border-left:none;padding-left:14px}
.ix-home-timeline .bt-dot{display:block;top:-5px;left:0;transform:none;width:9px;height:9px}
.ix-home-timeline .bt-year{font-size:clamp(14px,4.4vw,20px);margin:0 0 6px}
.ix-home-timeline .bt-label{font-size:clamp(8px,2.4vw,11px);line-height:1.6;margin:0;text-align:left;max-width:none}
}
@media(max-width:575px){
.ix-home-story{padding:28px 0 16px}
.ix-home-story .bs-grid{gap:10px}
.ix-home-story .bs-year{flex:0 0 50%;max-width:50%}
.ix-home-timeline{padding:0 0 28px}
.ix-home-timeline .bt-item{padding:14px 6px 0}
.ix-home-timeline .bt-item+.bt-item{padding-left:12px}
}
@media(max-width:360px){
.ix-home-story .bs-year{flex:0 0 26%;max-width:26%}
.ix-home-timeline .bt-item{padding:12px 4px 0}
.ix-home-timeline .bt-item+.bt-item{padding-left:10px}
.ix-home-timeline .bt-label{font-size:8px}
}