:root {
    --age-ye: #ff5b3d;
    --age-jin: #ffbf45;
    --age-lan: #37c6d0;
    --age-hei: #121416;
    --age-shen: #1b1e22;
    --age-hui: #697078;
    --age-qian: #f6f7f8;
    --age-bai: #ffffff;
    --age-xian: rgba(18, 20, 22, .1);
    --age-yinying: 0 24px 70px rgba(28, 31, 35, .13);
}

* { box-sizing: border-box; }
html {  }
body { margin: 0; color: var(--age-hei); background: var(--age-bai); font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif; line-height: 1.65; }
body::selection { color: var(--age-bai); background: var(--age-ye); }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
p { margin: 0; }
.age-kuandu { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }

.age-toubu { position: sticky; top: 0; z-index: 30; background: rgba(255,255,255,.88); border-bottom: 1px solid rgba(18,20,22,.07); backdrop-filter: blur(18px); }
.age-daohanglan { height: 78px; display: flex; align-items: center; gap: 38px; }
.age-pinpai { display: inline-flex; align-items: center; gap: 11px; flex: 0 0 auto; font-size: 19px; font-weight: 800; }
.age-pinpai img { width: 42px; height: 42px; border-radius: 12px; object-fit: cover; box-shadow: 0 8px 20px rgba(255,91,61,.22); }
.age-daohang { display: flex; align-items: center; justify-content: center; gap: 30px; flex: 1; }
.age-daohang a { position: relative; color: #4f555c; font-size: 14px; font-weight: 600; white-space: nowrap;  }
.age-daohang a:hover, .age-daohang .age-xuanzhong { color: var(--age-hei); }
.age-daohang .age-xuanzhong::after { content: ""; position: absolute; left: 50%; bottom: -10px; width: 18px; height: 3px; border-radius: 3px; background: var(--age-ye); transform: translateX(-50%); }
.age-toubuanniu { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 42px; padding: 0 18px; border-radius: 6px; color: var(--age-bai); background: var(--age-hei); font-size: 14px; font-weight: 700;  }
.age-toubuanniu:hover { transform: translateY(-2px); background: var(--age-ye); }

.age-yingxiong { min-height: 715px; overflow: hidden; background: radial-gradient(circle at 72% 26%, rgba(55,198,208,.13), transparent 29%), linear-gradient(180deg, #fff 0%, #fafbfc 100%); }
.age-yingxiongneirong { min-height: 715px; display: grid; grid-template-columns: .94fr 1.06fr; align-items: center; gap: 52px; padding-top: 55px; padding-bottom: 60px; }
.age-yingxiongwenan { position: relative; z-index: 2; }
.age-xiaobiaoqian { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border: 1px solid rgba(255,91,61,.18); border-radius: 5px; color: #c83d29; background: rgba(255,91,61,.07); font-size: 13px; font-weight: 700; }
.age-xiaobiaoqian i { font-size: 17px; }
h1 { margin: 24px 0 20px; max-width: 630px; font-size: clamp(46px, 5vw, 72px); line-height: 1.13; letter-spacing: 0; }
h1 span { color: var(--age-ye); }
.age-yingxiongmiaoshu { max-width: 570px; color: var(--age-hui); font-size: 17px; line-height: 1.9; }
.age-yingxionganniu { display: flex; gap: 13px; margin-top: 32px; }
.age-zhuanniu, .age-cianniu { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 24px; border-radius: 7px; font-weight: 800;  }
.age-zhuanniu { color: var(--age-bai); background: linear-gradient(135deg, var(--age-ye), #ef3d42); box-shadow: 0 15px 35px rgba(255,91,61,.28); }
.age-cianniu { border: 1px solid var(--age-xian); background: var(--age-bai); }
.age-zhuanniu:hover, .age-cianniu:hover { transform: translateY(-3px); box-shadow: 0 18px 38px rgba(25,28,31,.14); }
.age-zhuanniu i, .age-cianniu i { font-size: 20px; }
.age-yingxiongshuju { display: flex; gap: 34px; margin-top: 38px; }
.age-yingxiongshuju div { display: flex; flex-direction: column; }
.age-yingxiongshuju strong { font-size: 17px; }
.age-yingxiongshuju span { color: #858b91; font-size: 12px; }

.age-yingxiongshijue { position: relative; min-height: 570px; display: grid; place-items: center; }
.age-yingxiongshijue::before { content: ""; position: absolute; width: 420px; height: 420px; border-radius: 50%; border: 1px solid rgba(18,20,22,.08); box-shadow: 0 0 0 55px rgba(255,255,255,.65), 0 0 0 56px rgba(18,20,22,.04); }
.age-guanghuan { position: absolute; border-radius: 50%; filter: blur(1px); }
.age-guanghuanyi { width: 330px; height: 330px; right: 15px; top: 45px; border: 42px solid rgba(255,91,61,.1); }
.age-guanghuaner { width: 190px; height: 190px; left: 20px; bottom: 30px; border: 28px solid rgba(55,198,208,.13); }
.age-shoujiyangji { position: relative; z-index: 3; width: 294px; height: 570px; overflow: hidden; padding: 16px 15px 19px; border: 8px solid #17191c; border-radius: 38px; background: #f4f5f6; box-shadow: 0 38px 90px rgba(24,27,30,.28), inset 0 0 0 1px rgba(255,255,255,.3); transform: rotate(3deg); }
.age-shoujiyangji::before { content: ""; position: absolute; top: 7px; left: 50%; width: 78px; height: 20px; border-radius: 20px; background: #17191c; transform: translateX(-50%); }
.age-shoujidingbu { height: 31px; display: flex; justify-content: space-between; align-items: flex-start; padding: 0 10px; font-size: 10px; font-weight: 700; }
.age-shoujibiaoti { display: flex; align-items: center; gap: 9px; padding: 10px 3px 14px; }
.age-shoujibiaoti img { width: 34px; height: 34px; border-radius: 9px; }
.age-shoujibiaoti div { display: flex; flex: 1; flex-direction: column; line-height: 1.35; }
.age-shoujibiaoti b { font-size: 12px; }
.age-shoujibiaoti span { color: #8b9095; font-size: 9px; }
.age-shoujibiaoti > i { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; background: #fff; }
.age-shoujifengmian { position: relative; height: 248px; overflow: hidden; border-radius: 15px; background: #222; }
.age-shoujifengmian img { width: 100%; height: 100%; object-fit: cover; object-position: left top; }
.age-shoujizhezhao { position: absolute; inset: auto 0 0; display: flex; flex-direction: column; padding: 52px 14px 13px; color: #fff; background: linear-gradient(transparent, rgba(10,12,14,.86)); }
.age-shoujizhezhao span { width: max-content; padding: 3px 7px; border-radius: 3px; background: var(--age-ye); font-size: 8px; }
.age-shoujizhezhao b { margin-top: 5px; font-size: 11px; }
.age-shoujifenlei { display: flex; justify-content: space-between; margin: 14px 0 12px; color: #71777e; font-size: 9px; }
.age-shoujifenlei span:first-child { color: var(--age-ye); font-weight: 800; }
.age-shoujiliebiao { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.age-shoujiliebiao i { height: 98px; border-radius: 9px; background: linear-gradient(145deg, #d7dadd, #f9fafb); }
.age-fudongka { position: absolute; z-index: 5; display: flex; align-items: center; gap: 11px; min-width: 184px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.85); border-radius: 7px; background: rgba(255,255,255,.77); box-shadow: 0 18px 48px rgba(25,28,32,.14); backdrop-filter: blur(18px); }
.age-fudongka > i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 6px; color: #fff; background: var(--age-ye); font-size: 20px; }
.age-fudongka div { display: flex; flex-direction: column; }
.age-fudongka b { font-size: 12px; }
.age-fudongka span { color: #858b91; font-size: 10px; }
.age-fudongkayi { top: 82px; left: 3px; }
.age-fudongkaer { right: 0; bottom: 95px; }
.age-fudongkaer > i { background: var(--age-lan); }

.age-mokuai { padding: 105px 0; }
.age-mokuaibiaoti { max-width: 680px; margin: 0 auto 52px; text-align: center; }
.age-mokuaibiaoti > span { color: var(--age-ye); font-size: 12px; font-weight: 900; letter-spacing: 2px; }
.age-mokuaibiaoti > div { margin-top: 9px; font-size: 34px; line-height: 1.35; font-weight: 900; }
.age-mokuaibiaoti > p { margin-top: 13px; color: var(--age-hui); font-size: 15px; }

.age-chanpin { background: #f5f6f7; }
.age-chanpinliebiao { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.age-chanpintu { margin: 0; overflow: hidden; border: 1px solid rgba(18,20,22,.08); border-radius: 7px; background: #fff; box-shadow: 0 16px 45px rgba(27,30,33,.08);  }
.age-chanpintu:hover { transform: translateY(-8px); box-shadow: 0 25px 55px rgba(27,30,33,.14); }
.age-chanpintu img { width: 100%; aspect-ratio: 9 / 17; object-fit: cover; object-position: top; background: #eceeef; }
.age-chanpintu figcaption { min-height: 90px; display: flex; flex-direction: column; padding: 17px 18px; }
.age-chanpintu b { font-size: 15px; }
.age-chanpintu span { margin-top: 4px; color: var(--age-hui); font-size: 12px; }

.age-liangdian { color: #fff; background: #151719; }
.age-mokuaibiaotiqian > div { color: #fff; }
.age-mokuaibiaotiqian > p { color: #9aa0a5; }
.age-liangdiangezi { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255,255,255,.09); border-left: 1px solid rgba(255,255,255,.09); }
.age-liangdianka { min-height: 210px; display: flex; gap: 18px; padding: 34px 29px; border-right: 1px solid rgba(255,255,255,.09); border-bottom: 1px solid rgba(255,255,255,.09); background: rgba(255,255,255,.025);  }
.age-liangdianka:hover { background: rgba(255,255,255,.065); }
.age-liangdianka > i { flex: 0 0 auto; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 7px; color: var(--age-ye); background: rgba(255,91,61,.12); font-size: 24px; }
.age-liangdianka div { display: flex; flex-direction: column; }
.age-liangdianka b { font-size: 17px; }
.age-liangdianka p { margin-top: 9px; color: #a4a9ae; font-size: 13px; line-height: 1.85; }
.age-liangdiankaqiang { background: linear-gradient(145deg, rgba(255,91,61,.14), rgba(255,255,255,.025)); }
.age-liangdiankalan { background: linear-gradient(145deg, rgba(55,198,208,.1), rgba(255,255,255,.025)); }
.age-liangdiankalan > i { color: var(--age-lan); background: rgba(55,198,208,.12); }

.age-liucheng { background: #fff; }
.age-shijianzhou { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }
.age-shijianzhou::before { content: ""; position: absolute; top: 55px; left: 12%; right: 12%; height: 1px; background: linear-gradient(90deg, var(--age-ye), var(--age-jin), var(--age-lan)); }
.age-buzhou { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; padding: 0 22px; text-align: center; }
.age-buzhoushu { color: #a0a5aa; font-size: 11px; font-weight: 800; }
.age-buzhou > i { width: 76px; height: 76px; display: grid; place-items: center; margin: 10px 0 20px; border: 9px solid #fff; border-radius: 50%; color: #fff; background: var(--age-hei); box-shadow: 0 12px 30px rgba(24,27,30,.14); font-size: 26px; }
.age-buzhou:nth-child(2) > i { background: var(--age-ye); }
.age-buzhou:nth-child(3) > i { color: #121416; background: var(--age-jin); }
.age-buzhou:nth-child(4) > i { background: var(--age-lan); }
.age-buzhou b { font-size: 16px; }
.age-buzhou p { max-width: 210px; margin-top: 8px; color: var(--age-hui); font-size: 13px; }

.age-wenda { background: #f4f5f6; }
.age-wendabuju { display: grid; grid-template-columns: .7fr 1.3fr; gap: 80px; align-items: start; }
.age-mokuaibiaotizuodui { position: sticky; top: 118px; margin: 0; text-align: left; }
.age-wendatishi { display: flex; align-items: center; gap: 11px; margin-top: 32px; padding: 15px 17px; border-left: 3px solid var(--age-lan); color: #4e555b; background: #fff; font-size: 12px; }
.age-wendatishi i { color: var(--age-lan); font-size: 22px; }
.age-wendaliebiao { display: flex; flex-direction: column; gap: 10px; }
.age-wendaxiang { border: 1px solid rgba(18,20,22,.08); border-radius: 6px; background: #fff; }
.age-wendaxiang summary { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 0 22px; cursor: pointer; list-style: none; font-size: 15px; font-weight: 800; }
.age-wendaxiang summary::-webkit-details-marker { display: none; }
.age-wendaxiang summary i { flex: 0 0 auto; color: var(--age-ye); font-size: 21px;  }
.age-wendaxiang[open] summary i { transform: rotate(45deg); }
.age-wendaxiang > p { padding: 0 22px 22px; color: var(--age-hui); font-size: 13px; line-height: 1.9; }

.age-pingjia { background: #fff; }
.age-pingjialiebiao { columns: 3; column-gap: 18px; }
.age-pingjiaka { break-inside: avoid; margin: 0 0 18px; padding: 25px; border: 1px solid var(--age-xian); border-radius: 7px; background: #fff; box-shadow: 0 14px 38px rgba(25,28,31,.06); }
.age-pingjiakagao { padding-top: 34px; padding-bottom: 34px; }
.age-pingjiaxing { display: flex; gap: 2px; color: #ffaf24; font-size: 14px; }
.age-pingjiaka > p { margin: 17px 0 24px; color: #42484e; font-size: 14px; line-height: 1.9; }
.age-pingjiayonghu { display: flex; align-items: center; gap: 11px; padding-top: 18px; border-top: 1px solid #eceeef; }
.age-pingjiayonghu > span { width: 38px; height: 38px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; color: #fff; background: var(--age-hei); font-size: 13px; font-weight: 800; }
.age-pingjiayonghu div { display: flex; flex-direction: column; }
.age-pingjiayonghu b { font-size: 12px; }
.age-pingjiayonghu time { color: #989da2; font-size: 10px; }

.age-xiazai { padding: 70px 0; color: #fff; background: linear-gradient(110deg, #f34a35 0%, #ff7043 52%, #ffad35 100%); }
.age-xiazainneirong { display: flex; align-items: center; justify-content: space-between; gap: 50px; }
.age-xiazainneirong > div > span { font-size: 11px; font-weight: 900; letter-spacing: 2px; }
.age-xiazainneirong > div > div { margin-top: 8px; font-size: 30px; line-height: 1.4; font-weight: 900; }
.age-xiazainneirong p { margin-top: 8px; color: rgba(255,255,255,.82); font-size: 13px; }
.age-xiazainneirong > a { min-width: 184px; min-height: 54px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border-radius: 6px; color: var(--age-hei); background: #fff; box-shadow: 0 15px 35px rgba(113,31,15,.2); font-weight: 800; }
.age-xiazainneirong > a i { font-size: 20px; }

.age-dibu { color: #bdc1c5; background: #121416; }
.age-dibushang { min-height: 112px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.age-dibupinpai { color: #fff; }
.age-dibudaohang { display: flex; flex-wrap: wrap; gap: 25px; font-size: 12px; }
.age-dibudaohang a:hover { color: #fff; }
.age-dibuxia { min-height: 58px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.08); color: #777d82; font-size: 11px; }

@media (max-width: 980px) {
    .age-daohanglan { gap: 22px; }
    .age-daohang { justify-content: flex-start; gap: 21px; overflow-x: auto; scrollbar-width: none; }
    .age-daohang::-webkit-scrollbar { display: none; }
    .age-daohang a:nth-last-child(-n+2) { display: none; }
    .age-yingxiongneirong { grid-template-columns: 1fr 1fr; gap: 20px; }
    .age-fudongkayi { left: -20px; }
    .age-fudongkaer { right: -10px; }
    .age-chanpinliebiao { gap: 12px; }
    .age-liangdianka { flex-direction: column; min-height: 240px; }
    .age-wendabuju { grid-template-columns: .75fr 1.25fr; gap: 38px; }
}

@media (max-width: 760px) {
    .age-kuandu { width: min(100% - 32px, 620px); }
    .age-toubu { position: relative; }
    .age-daohanglan { height: auto; min-height: 68px; flex-wrap: wrap; gap: 12px; padding: 12px 0; }
    .age-pinpai img { width: 38px; height: 38px; }
    .age-pinpai span { font-size: 16px; }
    .age-toubuanniu { margin-left: auto; min-height: 38px; padding: 0 13px; }
    .age-daohang { order: 3; width: 100%; flex-basis: 100%; padding: 4px 0 2px; }
    .age-daohang a { font-size: 12px; }
    .age-daohang a:nth-last-child(-n+2) { display: block; }
    .age-daohang .age-xuanzhong::after { bottom: -5px; }
    .age-yingxiong { min-height: auto; }
    .age-yingxiongneirong { min-height: auto; grid-template-columns: 1fr; padding-top: 65px; padding-bottom: 78px; }
    h1 { margin-top: 20px; font-size: 43px; }
    .age-yingxiongmiaoshu { font-size: 15px; }
    .age-yingxionganniu { flex-direction: column; }
    .age-zhuanniu, .age-cianniu { width: 100%; }
    .age-yingxiongshuju { justify-content: space-between; gap: 10px; }
    .age-yingxiongshijue { min-height: 530px; margin-top: 24px; }
    .age-shoujiyangji { width: 268px; height: 520px; }
    .age-shoujifengmian { height: 214px; }
    .age-yingxiongshijue::before { width: 310px; height: 310px; box-shadow: 0 0 0 34px rgba(255,255,255,.65), 0 0 0 35px rgba(18,20,22,.04); }
    .age-fudongka { min-width: 156px; padding: 11px; }
    .age-fudongkayi { top: 58px; left: 0; }
    .age-fudongkaer { right: 0; bottom: 52px; }
    .age-mokuai { padding: 78px 0; }
    .age-mokuaibiaoti { margin-bottom: 38px; }
    .age-mokuaibiaoti > div { font-size: 27px; }
    .age-chanpin .age-kuandu { width: 100%; }
    .age-chanpin .age-mokuaibiaoti { width: calc(100% - 32px); }
    .age-chanpinliebiao { display: flex; gap: 14px; overflow-x: auto; padding: 0 16px 22px; scroll-snap-type: x mandatory; scrollbar-width: none; }
    .age-chanpinliebiao::-webkit-scrollbar { display: none; }
    .age-chanpintu { width: min(76vw, 290px); flex: 0 0 auto; scroll-snap-align: start; }
    .age-liangdiangezi { grid-template-columns: 1fr; }
    .age-liangdianka { min-height: 0; flex-direction: row; padding: 27px 23px; }
    .age-shijianzhou { grid-template-columns: 1fr; gap: 0; }
    .age-shijianzhou::before { top: 25px; bottom: 25px; left: 37px; right: auto; width: 1px; height: auto; }
    .age-buzhou { display: grid; grid-template-columns: 74px 1fr; grid-template-rows: auto auto; align-items: center; min-height: 122px; padding: 0; text-align: left; }
    .age-buzhoushu { display: none; }
    .age-buzhou > i { grid-row: 1 / 3; width: 58px; height: 58px; margin: 0; border-width: 7px; font-size: 21px; }
    .age-buzhou b { align-self: end; }
    .age-buzhou p { align-self: start; margin-top: 2px; }
    .age-wendabuju { grid-template-columns: 1fr; gap: 32px; }
    .age-mokuaibiaotizuodui { position: static; text-align: center; }
    .age-wendatishi { display: none; }
    .age-wendaxiang summary { min-height: 64px; padding: 0 17px; font-size: 14px; }
    .age-wendaxiang > p { padding: 0 17px 19px; }
    .age-pingjialiebiao { columns: 1; }
    .age-pingjiakagao { padding-top: 25px; padding-bottom: 25px; }
    .age-xiazai { padding: 58px 0; }
    .age-xiazainneirong { flex-direction: column; align-items: stretch; text-align: center; }
    .age-xiazainneirong > div > div { font-size: 25px; }
    .age-xiazainneirong > a { width: 100%; }
    .age-dibushang { padding: 28px 0; flex-direction: column; align-items: flex-start; }
    .age-dibuxia { min-height: 76px; flex-direction: column; align-items: flex-start; justify-content: center; gap: 3px; }
}

@media (max-width: 390px) {
    .age-toubuanniu span { display: none; }
    .age-toubuanniu { width: 38px; padding: 0; }
    h1 { font-size: 38px; }
    .age-yingxiongshuju strong { font-size: 15px; }
    .age-yingxiongshuju span { font-size: 10px; }
    .age-fudongka { min-width: 142px; }
    .age-fudongka b { font-size: 11px; }
    .age-fudongka span { font-size: 9px; }
}