/* 荐片app jp-app · 午夜点播电台 Midnight Radio（同包jp2026彻底换材质：深青黑夜台+薄荷荧光刻度+ON AIR红+香槟金旋钮） */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    color: #e9f2ec;
    background: #10171a;
    line-height: 1.8;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; }
a { text-decoration: none; color: inherit; }
ol, ul { list-style: none; }
.wr9k { width: 1200px; margin: 0 auto; }
.tt2s { font-size: 18.5px; font-weight: 800; color: #f2f8f4; }
.lite-tt { color: #eaf6f0; }
.ds8d { font-size: 14.5px; color: #8fa19a; }
.lite8 { color: #9db2a9; }
.lk4d { color: #4dedb8; font-weight: 800; border-bottom: 2px solid rgba(77,237,184,.4); border-radius: 2px; }

/* 夜色光晕 */
.hz { position: absolute; border-radius: 50%; filter: blur(34px); pointer-events: none; }
.hz-a { width: 480px; height: 480px; right: -140px; top: -100px; background: radial-gradient(circle, rgba(63,232,176,.16), transparent 68%); }
.hz-b { width: 380px; height: 380px; left: -150px; bottom: -130px; background: radial-gradient(circle, rgba(242,53,47,.12), transparent 68%); }
.hz-c { width: 460px; height: 460px; left: 50%; top: -180px; transform: translateX(-50%); background: radial-gradient(circle, rgba(63,232,176,.1), transparent 70%); }
.hz-d { width: 520px; height: 520px; right: -160px; bottom: -220px; background: radial-gradient(circle, rgba(217,164,55,.12), transparent 70%); }

/* ===== 头部 ===== */
.hd4m { position: fixed; top: 0; left: 0; right: 0; z-index: 90; transition: background .3s, box-shadow .3s; }
.hd4m.on {
    background: rgba(14,20,22,.86);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: 0 12px 32px -14px rgba(0,0,0,.7);
    border-bottom: 1px solid rgba(63,232,176,.1);
}
.hd-in { display: flex; align-items: center; height: 82px; }
.lk7c img { width: 46px; height: 46px; object-fit: contain; border-radius: 13px; }
.nv2x { display: flex; gap: 4px; margin-left: 44px; }
.nv2x a { font-size: 15.5px; font-weight: 600; color: rgba(230,242,236,.72); padding: 8px 17px; border-radius: 999px; transition: color .22s, background .22s; }
.nv2x a:hover { color: #4dedb8; background: rgba(63,232,176,.08); }
.hd-act { margin-left: auto; display: flex; align-items: center; gap: 12px; }
.dl8p {
    background: linear-gradient(135deg, #45e9b3, #17b183);
    color: #062018; font-weight: 800; font-size: 15px;
    padding: 12px 26px; border-radius: 999px;
    box-shadow: 0 10px 26px -8px rgba(35,196,143,.55), inset 0 1px 0 rgba(255,255,255,.5);
    transition: transform .18s, box-shadow .18s;
}
.dl8p:hover { transform: translateY(-2px); box-shadow: 0 15px 32px -8px rgba(35,196,143,.65), inset 0 1px 0 rgba(255,255,255,.5); }
.mb5q { display: none; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(77,237,184,.3); background: rgba(63,232,176,.08); color: #4dedb8; font-size: 20px; cursor: pointer; }
.mm8z { display: none; }

/* ===== Hero：电台面板 ===== */
.hr6v { position: relative; overflow: hidden; padding: 168px 0 104px; background: linear-gradient(180deg, #0f1518 0%, #131c1f 55%, #16211f 100%); }
.hr-in { display: flex; align-items: center; gap: 56px; position: relative; z-index: 2; }
.hl3w { flex: 1.1; }
.tg9e {
    display: inline-flex; align-items: center; gap: 9px;
    background: rgba(63,232,176,.07);
    border: 1px solid rgba(63,232,176,.22);
    color: #7fe9c6; font-size: 13px; font-weight: 700; letter-spacing: 1px;
    padding: 9px 20px; border-radius: 999px; margin-bottom: 26px;
}
.tg-dot { width: 9px; height: 9px; border-radius: 50%; background: #f2352f; box-shadow: 0 0 0 4px rgba(242,53,47,.18); animation: onair 1.6s ease-in-out infinite; }
@keyframes onair { 0%,100% { box-shadow: 0 0 0 4px rgba(242,53,47,.22); } 50% { box-shadow: 0 0 0 9px rgba(242,53,47,0); } }
h1 { font-size: 54px; line-height: 1.22; font-weight: 900; letter-spacing: 1px; color: #f2f8f4; }
h1 em {
    font-style: normal; display: inline-block; margin: 13px 0 4px;
    color: #062018; background: linear-gradient(120deg, #4dedb8, #14a97c 80%);
    padding: 3px 18px 8px; border-radius: 16px;
    box-shadow: 0 14px 32px -12px rgba(35,196,143,.55);
}
.hl-ds { margin: 28px 0 32px; font-size: 16.5px; color: #9db2a9; max-width: 566px; }
.hl-bn { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.hl-go {
    display: inline-flex; align-items: center; gap: 9px;
    font-size: 18px; font-weight: 900; color: #062018;
    background: linear-gradient(135deg, #4dedb8, #14a97c);
    border-radius: 999px; padding: 16px 34px;
    box-shadow: 0 16px 36px -10px rgba(35,196,143,.6), inset 0 1.5px 0 rgba(255,255,255,.5);
    transition: transform .2s, box-shadow .2s;
}
.hl-go:hover { transform: translateY(-3px); box-shadow: 0 22px 44px -10px rgba(35,196,143,.7), inset 0 1.5px 0 rgba(255,255,255,.5); }
.hl-lk {
    display: inline-flex; align-items: center; gap: 6px;
    border: 1px solid rgba(233,242,236,.2); color: #dbe9e2;
    font-weight: 700; font-size: 15.5px; padding: 14px 26px; border-radius: 999px;
    transition: border-color .2s, color .2s;
}
.hl-lk:hover { border-color: rgba(77,237,184,.5); color: #4dedb8; }
.hl-cp { display: flex; gap: 12px; margin-top: 36px; flex-wrap: wrap; }
.hl-cp li {
    display: inline-flex; align-items: center; gap: 7px;
    background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.09);
    border-radius: 999px; padding: 9px 17px;
    font-size: 13.5px; font-weight: 600; color: #b9cab3;
}
.hl-cp i { font-size: 16px; color: #4dedb8; }

/* 电台面板 */
.hr-ra { flex: .9; display: flex; justify-content: center; padding: 14px 0; }
.pn7j {
    position: relative; width: 396px; padding: 26px 26px 24px;
    background: linear-gradient(165deg, #1d282b, #151e21 70%);
    border: 1px solid rgba(63,232,176,.16);
    border-radius: 30px;
    box-shadow: 0 34px 70px -22px rgba(0,0,0,.85), inset 0 1px 0 rgba(255,255,255,.07);
}
.pn-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.oa2f {
    display: inline-flex; align-items: center; gap: 7px;
    background: rgba(242,53,47,.14); border: 1px solid rgba(242,53,47,.4);
    color: #ff7a70; font-size: 12px; font-weight: 900; letter-spacing: 2px;
    padding: 6px 13px; border-radius: 999px;
    animation: lamp 2.2s ease-in-out infinite;
}
@keyframes lamp { 0%,100% { box-shadow: 0 0 0 0 rgba(242,53,47,.3); } 50% { box-shadow: 0 0 18px 2px rgba(242,53,47,.35); } }
.pn-freq { font-size: 12.5px; font-weight: 700; letter-spacing: 1px; color: #d9a437; }
.fr5k {
    position: relative; height: 34px; margin-bottom: 20px;
    display: flex; align-items: flex-end; gap: 8.6px;
    padding: 0 8px; border-radius: 12px;
    background: rgba(0,0,0,.35); border: 1px solid rgba(63,232,176,.12);
    overflow: hidden;
}
.fr5k i { width: 2px; height: 10px; background: rgba(77,237,184,.35); border-radius: 2px; }
.fr5k i:nth-child(3n) { height: 16px; }
.fr5k i:nth-child(5n) { height: 22px; background: rgba(77,237,184,.6); }
.nd6w {
    position: absolute; left: 62%; top: 3px; bottom: 3px; width: 3px;
    background: #f2352f; border-radius: 3px;
    box-shadow: 0 0 12px 2px rgba(242,53,47,.7);
    animation: sweep 5.5s ease-in-out infinite;
}
@keyframes sweep { 0%,100% { left: 12%; } 50% { left: 84%; } }
.ph2m {
    position: relative; border-radius: 22px; overflow: hidden;
    border: 1px solid rgba(255,255,255,.09);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.4), 0 14px 30px -14px rgba(0,0,0,.8);
    background: #0b1113;
}
.ph-notch { position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 84px; height: 17px; background: #0b1113; border-radius: 999px; z-index: 2; }
.ph2m img { width: 100%; height: 472px; object-fit: cover; object-position: top; }
.tp-row { position: relative; display: flex; align-items: center; gap: 12px; margin-top: 20px; }
.rl4x { position: relative; width: 52px; height: 52px; border-radius: 50%; background: radial-gradient(circle, #22302f 32%, #101917 34%, #22302f 60%, #0d1416 62%); border: 1px solid rgba(77,237,184,.28); box-shadow: inset 0 2px 6px rgba(255,255,255,.06), 0 6px 14px -6px rgba(0,0,0,.8); }
.rl4x i { position: absolute; left: 50%; top: 50%; width: 22px; height: 22px; margin: -11px 0 0 -11px; border-radius: 50%; background: #3c1a17; border: 2px solid #f2352f; }
.rl4x i::after { content: ""; position: absolute; left: 50%; top: -7px; transform: translateX(-50%); width: 4px; height: 8px; border-radius: 2px; background: #d9a437; }
.rl-l { animation: spin 7s linear infinite; }
.rl-r { animation: spin 4.6s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.tp-line { flex: 1; height: 6px; border-radius: 999px; background: linear-gradient(90deg, #0d1416, #243430 50%, #0d1416); border: 1px solid rgba(77,237,184,.14); }
.kn3b {
    width: 40px; height: 40px; border-radius: 50%;
    background: conic-gradient(from 40deg, #d9a437, #8f6a1e 55%, #d9a437 75%, #6e5117);
    border: 2px solid rgba(0,0,0,.45);
    box-shadow: inset 0 2px 4px rgba(255,255,255,.35), 0 6px 12px -5px rgba(0,0,0,.7);
}
.fc {
    position: absolute; z-index: 3;
    display: flex; align-items: center; gap: 8px;
    background: rgba(24,33,36,.92);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(63,232,176,.24);
    border-radius: 15px; padding: 9px 13px;
    box-shadow: 0 18px 40px -14px rgba(0,0,0,.8);
    animation: bob 4.4s ease-in-out infinite;
}
.fc-a { top: 66px; left: -40px; flex-direction: column; align-items: flex-start; gap: 1px; }
.fc-a b { font-size: 12.5px; color: #ffd98a; letter-spacing: 1px; white-space: nowrap; }
.fc-a small { font-size: 10.5px; color: #9db2a9; white-space: nowrap; }
.fc-b { bottom: 96px; right: -38px; }
.fc-b b { font-size: 12.5px; color: #e9f2ec; white-space: nowrap; }
.fc-b small { font-size: 10.5px; color: #9db2a9; white-space: nowrap; }
.fc-b p { display: flex; flex-direction: column; line-height: 1.35; }
.fc-ic { flex: none; width: 32px; height: 32px; border-radius: 11px; background: linear-gradient(135deg, #ffd98a, #d9a437); display: flex; align-items: center; justify-content: center; font-size: 15px; color: #4a3407; }
@keyframes bob { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }

/* ===== 版块通用 ===== */
.sft { padding: 96px 0; background: #10171a; position: relative; }
.drk { padding: 96px 0; background: linear-gradient(180deg, #0e1417, #121c1a); position: relative; overflow: hidden; }
.st7q { text-align: center; margin-bottom: 52px; font-size: 30px; font-weight: 900; letter-spacing: 2px; color: #f2f8f4; }
.st7q.lite { color: #f2f8f4; }
.st-k {
    display: block; font-size: 13px; font-weight: 700; letter-spacing: 3px;
    color: #4dedb8; margin-bottom: 10px;
}

/* 展示：频道卡 */
.sh5d { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.si8g {
    background: linear-gradient(170deg, #182226, #131c1f);
    border: 1px solid rgba(63,232,176,.12);
    border-radius: 22px; overflow: hidden;
    transition: transform .25s, border-color .25s, box-shadow .25s;
}
.si8g:hover { transform: translateY(-6px); border-color: rgba(77,237,184,.35); box-shadow: 0 24px 48px -18px rgba(0,0,0,.75); }
.si-img { border-bottom: 1px solid rgba(63,232,176,.12); }
.si-img img { width: 100%; height: 320px; object-fit: cover; object-position: top; }
.si8g figcaption { padding: 18px 20px 22px; }
.si-num { display: inline-block; font-size: 11.5px; font-weight: 900; letter-spacing: 2px; color: #d9a437; background: rgba(217,164,55,.1); border: 1px solid rgba(217,164,55,.35); border-radius: 999px; padding: 3px 11px; margin-bottom: 10px; }
.si8g b { display: block; font-size: 17px; color: #eef6f1; margin-bottom: 6px; }

/* 优势：旋钮卡 */
.fe3n { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.fi6q {
    position: relative; padding: 30px 28px;
    background: linear-gradient(170deg, #17211f, #121b1d);
    border: 1px solid rgba(63,232,176,.12);
    border-radius: 24px;
    transition: transform .25s, border-color .25s;
}
.fi6q:hover { transform: translateY(-5px); border-color: rgba(77,237,184,.32); }
.fi-ic {
    width: 54px; height: 54px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 24px; color: #062018;
    background: radial-gradient(circle at 32% 28%, #6ff5cf, #17b183 70%);
    box-shadow: inset 0 2px 4px rgba(255,255,255,.4), 0 10px 22px -8px rgba(35,196,143,.55), inset 0 -3px 6px rgba(0,0,0,.2);
    margin-bottom: 18px;
}
.fi-ic.gold { background: radial-gradient(circle at 32% 28%, #ffe2a0, #d9a437 70%); box-shadow: inset 0 2px 4px rgba(255,255,255,.4), 0 10px 22px -8px rgba(217,164,55,.5), inset 0 -3px 6px rgba(0,0,0,.2); color: #4a3407; }
.fi-ic.cyan { background: radial-gradient(circle at 32% 28%, #b8ecff, #4fb3d9 70%); box-shadow: inset 0 2px 4px rgba(255,255,255,.4), 0 10px 22px -8px rgba(79,179,217,.5), inset 0 -3px 6px rgba(0,0,0,.2); color: #0c3346; }
.fi6q .tt2s { margin-bottom: 8px; }

/* 流程：节目单 */
.fl9p { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; counter-reset: cue; }
.fl9p li {
    position: relative; padding: 28px 24px 26px;
    background: linear-gradient(170deg, #182226, #131c1f);
    border: 1px solid rgba(63,232,176,.12);
    border-radius: 22px;
}
.fl9p li::before {
    content: ""; position: absolute; top: 0; left: 24px; right: 24px; height: 3px;
    border-radius: 0 0 6px 6px;
    background: repeating-linear-gradient(90deg, rgba(77,237,184,.55) 0 10px, transparent 10px 18px);
}
.nd2v {
    width: 52px; height: 52px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 23px; color: #4dedb8;
    background: rgba(63,232,176,.09); border: 1px dashed rgba(77,237,184,.45);
    margin-bottom: 16px;
}
.fl-t { font-size: 17.5px; font-weight: 900; color: #ffd98a; letter-spacing: 1px; margin-bottom: 6px; }

/* 资讯：电讯稿 */
.nw4r { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.ni7t {
    position: relative; padding: 28px 26px;
    background: linear-gradient(170deg, #17211f, #121b1d);
    border: 1px solid rgba(63,232,176,.12);
    border-radius: 22px;
    transition: transform .25s, border-color .25s;
}
.ni7t::before {
    content: ""; position: absolute; top: 16px; right: 20px; width: 46px; height: 10px;
    background: repeating-linear-gradient(90deg, rgba(77,237,184,.5) 0 4px, transparent 4px 8px);
    border-radius: 3px;
}
.ni7t:hover { transform: translateY(-5px); border-color: rgba(77,237,184,.32); }
.ni-tag {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 12.5px; font-weight: 800; color: #4dedb8;
    background: rgba(63,232,176,.09); border: 1px solid rgba(63,232,176,.3);
    border-radius: 999px; padding: 5px 13px; margin-bottom: 14px;
}
.ni-tag.gold { color: #ffd98a; background: rgba(217,164,55,.1); border-color: rgba(217,164,55,.4); }
.ni7t .tt2s { margin-bottom: 8px; line-height: 1.5; }
.ni-time { margin-top: 16px; font-size: 12.5px; color: #6f817a; letter-spacing: 1px; }

/* FAQ：听众来电 */
.fq5y { max-width: 880px; margin: 0 auto; }
.fq-i {
    background: linear-gradient(170deg, #182226, #131c1f);
    border: 1px solid rgba(63,232,176,.12);
    border-radius: 20px; margin-bottom: 14px; overflow: hidden;
    transition: border-color .25s;
}
.fq-i.on { border-color: rgba(77,237,184,.38); }
.fq-h {
    width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 14px;
    background: none; border: 0; cursor: pointer; text-align: left;
    font-family: inherit; font-size: 16.5px; font-weight: 800; color: #e9f2ec;
    padding: 20px 24px; line-height: 1.5;
}
.exp { position: relative; flex: none; width: 30px; height: 30px; border-radius: 50%; background: rgba(63,232,176,.1); border: 1px solid rgba(63,232,176,.35); }
.exp::before, .exp::after { content: ""; position: absolute; left: 50%; top: 50%; background: #4dedb8; border-radius: 2px; transition: transform .28s; }
.exp::before { width: 12px; height: 2px; margin: -1px 0 0 -6px; }
.exp::after { width: 2px; height: 12px; margin: -6px 0 0 -1px; }
.fq-i.on .exp::after { transform: scaleY(0); }
.fq-b { max-height: 0; overflow: hidden; transition: max-height .32s ease; }
.fq-b p { padding: 0 24px 22px; font-size: 14.5px; color: #9db2a9; }

/* 评价：点播留言板 */
.rv6m { padding: 96px 0; background: #10171a; }
.rv-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.ri1k {
    display: flex; gap: 14px; align-items: flex-start;
    background: linear-gradient(170deg, #182226, #131c1f);
    border: 1px solid rgba(63,232,176,.12);
    border-radius: 20px; padding: 22px 22px 20px;
    transition: transform .25s, border-color .25s;
}
.ri1k:hover { transform: translateY(-4px); border-color: rgba(77,237,184,.3); }
.av3e {
    flex: none; width: 44px; height: 44px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 17px; font-weight: 900; color: #062018;
    background: radial-gradient(circle at 32% 28%, #6ff5cf, #17b183 72%);
    box-shadow: inset 0 2px 3px rgba(255,255,255,.4), 0 8px 16px -7px rgba(35,196,143,.6);
}
.ri1k:nth-child(2n) .av3e { background: radial-gradient(circle at 32% 28%, #ffb0a6, #e2403a 72%); color: #2b0605; box-shadow: inset 0 2px 3px rgba(255,255,255,.35), 0 8px 16px -7px rgba(226,64,58,.55); }
.ri1k:nth-child(3n) .av3e { background: radial-gradient(circle at 32% 28%, #ffe2a0, #d9a437 72%); color: #4a3407; box-shadow: inset 0 2px 3px rgba(255,255,255,.4), 0 8px 16px -7px rgba(217,164,55,.55); }
.ri-txt { font-size: 14px; color: #b9cab3; line-height: 1.75; }
.ri-time { margin-top: 10px; font-size: 12px; color: #6f817a; }

/* CTA */
.ct8v { position: relative; overflow: hidden; padding: 100px 0; background: linear-gradient(180deg, #0e1417, #121d1b 60%, #0f1518); }
.ct-in { position: relative; z-index: 2; text-align: center; }
.ct-k { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 800; letter-spacing: 2px; color: #ff7a70; margin-bottom: 22px; }
.ct-hd { font-size: 46px; line-height: 1.3; font-weight: 900; color: #f2f8f4; letter-spacing: 1px; }
.ct-hd em {
    font-style: normal; display: inline-block; margin: 12px 0 6px;
    color: #062018; background: linear-gradient(120deg, #4dedb8, #14a97c 80%);
    padding: 3px 20px 9px; border-radius: 16px;
    box-shadow: 0 14px 32px -12px rgba(35,196,143,.55);
}
.ct-go {
    display: inline-flex; margin-top: 30px;
    background: linear-gradient(135deg, #4dedb8, #14a97c);
    color: #062018; font-size: 19px; font-weight: 900;
    padding: 17px 46px; border-radius: 999px;
    box-shadow: 0 18px 40px -10px rgba(35,196,143,.6), inset 0 1.5px 0 rgba(255,255,255,.5);
    transition: transform .2s, box-shadow .2s;
}
.ct-go:hover { transform: translateY(-3px); box-shadow: 0 24px 50px -10px rgba(35,196,143,.7), inset 0 1.5px 0 rgba(255,255,255,.5); }
.ct-tip { margin-top: 20px; font-size: 13.5px; color: #7d8f88; letter-spacing: 1px; }

/* footer */
.ft2g { border-top: 1px solid rgba(63,232,176,.1); background: #0d1315; padding: 30px 0; }
.ft-in { text-align: center; }
.ft-in p { font-size: 13px; color: #6f817a; line-height: 2; }

/* 入场动画 */
.eq-in { opacity: 0; transform: translateY(26px); transition: opacity .6s ease, transform .6s ease; }
.eq-on { opacity: 1; transform: translateY(0); }

/* ===== 移动端 ===== */
@media (max-width: 768px) {
    .wr9k { width: 100%; padding: 0 18px; }
    .nv2x { display: none; }
    .mb5q { display: flex; align-items: center; justify-content: center; }
    .dl8p { display: none; }
    .mm8z {
        display: none; flex-direction: column; gap: 4px;
        background: rgba(14,20,22,.97);
        border-bottom: 1px solid rgba(63,232,176,.12);
        padding: 12px 18px 18px;
    }
    .mm8z.opn { display: flex; }
    .mm8z a { padding: 12px 14px; border-radius: 12px; font-size: 15px; color: #dbe9e2; }
    .mm8z a:hover { background: rgba(63,232,176,.08); }
    .mm8z a:last-child { margin-top: 8px; text-align: center; background: linear-gradient(135deg, #4dedb8, #14a97c); color: #062018; font-weight: 800; width: 100%; padding: 14px; }
    .hd-in { height: 68px; }
    .lk7c img { width: 40px; height: 40px; }
    .hr6v { padding: 118px 0 64px; }
    .hr-in { flex-direction: column; gap: 40px; }
    h1 { font-size: 36px; }
    h1 em { margin: 10px 0 2px; padding: 2px 13px 6px; border-radius: 12px; }
    .hl-ds { font-size: 15px; }
    .hl-bn { flex-direction: column; align-items: stretch; }
    .hl-go { width: 100%; justify-content: center; }
    .hl-lk { justify-content: center; }
    .hl-cp li { font-size: 12.5px; padding: 8px 13px; }
    .hr-ra { width: 100%; }
    .pn7j { width: 100%; max-width: 396px; padding: 20px 18px 18px; }
    .ph2m img { height: 400px; }
    .fc-a { left: -8px; top: 46px; }
    .fc-b { right: -8px; bottom: 84px; }
    .st7q { font-size: 24px; margin-bottom: 36px; }
    .sh5d { grid-template-columns: 1fr 1fr; gap: 14px; }
    .si-img img { height: 200px; }
    .si8g figcaption { padding: 14px 14px 16px; }
    .si8g b { font-size: 15px; }
    .ds8d { font-size: 13.5px; }
    .fe3n { grid-template-columns: 1fr; gap: 16px; }
    .fl9p { grid-template-columns: 1fr; gap: 14px; }
    .nw4r { grid-template-columns: 1fr; gap: 16px; }
    .rv-grid { grid-template-columns: 1fr; gap: 14px; }
    .sft, .drk, .rv6m { padding: 64px 0; }
    .ct8v { padding: 72px 0; }
    .ct-hd { font-size: 30px; }
    .ct-go { width: 100%; justify-content: center; }
}
html{scroll-behavior:smooth}