*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;background:#EAF4F6;color:#0F2A38;line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#1A4458;text-decoration:none;transition:color .2s}
a:hover{color:#FF7A66}
img{display:block;max-width:100%}
ul{list-style:none}
button{border:none;background:none;cursor:pointer;font-family:inherit}
.lkcw{max-width:1200px;margin:0 auto;padding:0 20px}

/* header */
.lkhb{position:sticky;top:0;z-index:100;background:#EAF4F6;border-bottom:1px solid #C5D9E0;box-shadow:0 2px 14px rgba(95,191,198,0.12)}
.lkhbw{display:flex;align-items:center;justify-content:space-between;height:68px;gap:24px}
.lklg{display:flex;align-items:center;gap:10px;color:#1A4458;font-weight:700;font-size:18px;flex-shrink:0}
.lklg img{width:38px;height:38px;border-radius:50%;border:2px solid #5FBFC6;object-fit:cover;box-shadow:0 2px 8px rgba(95,191,198,0.3)}
.lklg:hover{color:#FF7A66}
.lkmb{display:none;width:42px;height:42px;flex-direction:column;justify-content:center;align-items:center;gap:5px;border-radius:12px}
.lkmb i{display:block;width:22px;height:2px;background:#1A4458;border-radius:2px}
.lknv{display:flex;gap:6px;align-items:center;flex:1;justify-content:center}
.lknv a{color:#1A4458;font-size:15px;padding:8px 12px;border-radius:20px;transition:all .2s}
.lknv a:hover{color:#0F2A38;background:rgba(95,191,198,0.18)}
.lknv a:first-child{color:#5FBFC6;font-weight:600}
.lkhab{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#5FBFC6 0%,#3A9FA8 60%,#1A4458 100%);color:#FFF;padding:10px 22px;border-radius:30px;font-size:14px;font-weight:600;box-shadow:0 4px 14px rgba(26,68,88,0.32),inset 0 1px 0 rgba(255,255,255,0.32);flex-shrink:0;transition:transform .2s,box-shadow .2s}
.lkhab:hover{transform:translateY(-2px);color:#FFF;box-shadow:0 8px 20px rgba(26,68,88,0.42),inset 0 1px 0 rgba(255,255,255,0.42)}
.lkhab::before{content:"\ef08";font-family:"remixicon";font-size:16px}

/* hero */
.lkro{position:relative;padding:80px 0 100px;overflow:hidden}
.lkbg{position:absolute;inset:0;background:radial-gradient(ellipse at 15% 25%,rgba(95,191,198,0.32) 0%,rgba(234,244,246,0) 50%),radial-gradient(ellipse at 85% 70%,rgba(255,122,102,0.18) 0%,rgba(234,244,246,0) 55%),radial-gradient(ellipse at 50% 100%,rgba(26,68,88,0.14) 0%,rgba(234,244,246,0) 60%);pointer-events:none}
.lkwv{position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px)}
.lkwv1{width:380px;height:380px;left:-100px;top:60px;background:radial-gradient(circle,rgba(168,200,208,0.32) 0%,rgba(168,200,208,0) 70%);animation:lkwvft 14s ease-in-out infinite}
.lkwv2{width:280px;height:280px;right:-60px;bottom:40px;background:radial-gradient(circle,rgba(255,122,102,0.18) 0%,rgba(255,122,102,0) 70%);animation:lkwvft 18s ease-in-out infinite reverse}
@keyframes lkwvft{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.06)}}
.lkrow{position:relative;display:flex;align-items:center;gap:48px;z-index:1}
.lklb{flex:1;min-width:0}
.lktg{display:inline-block;background:linear-gradient(135deg,rgba(95,191,198,0.22) 0%,rgba(255,255,255,0.5) 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#1A4458;font-size:13px;padding:6px 18px;border-radius:20px;font-weight:600;margin-bottom:20px;border:1px solid rgba(95,191,198,0.4);box-shadow:0 4px 12px rgba(95,191,198,0.16)}
.lklb h1{font-size:40px;line-height:1.28;color:#0F2A38;font-weight:800;margin-bottom:20px;letter-spacing:-0.5px}
.lkds{font-size:16px;line-height:1.88;color:#5C7A88;margin-bottom:28px;max-width:560px}
.lkbtnw{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:32px}
.lkbt{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#FF7A66 0%,#E55A47 60%,#C84030 100%);color:#FFF;padding:15px 34px;border-radius:40px;font-size:16px;font-weight:600;box-shadow:0 8px 22px rgba(255,122,102,0.42),inset 0 1px 0 rgba(255,255,255,0.32);transition:transform .2s,box-shadow .2s}
.lkbt::before{content:"\ef72";font-family:"remixicon";font-size:18px}
.lkbt:hover{transform:translateY(-3px);color:#FFF;box-shadow:0 12px 28px rgba(255,122,102,0.5),inset 0 1px 0 rgba(255,255,255,0.42)}
.lkbt2{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#1A4458;padding:15px 28px;border-radius:40px;font-size:15px;font-weight:600;border:1px solid #5FBFC6;transition:all .2s}
.lkbt2::before{content:"\f0d9";font-family:"remixicon";font-size:16px}
.lkbt2:hover{background:#1A4458;color:#FFF;border-color:#1A4458}
.lkst{display:flex;gap:36px;flex-wrap:wrap}
.lkst li{display:flex;flex-direction:column;gap:2px}
.lkst b{font-size:26px;color:#1A4458;font-weight:800;line-height:1.1}
.lkst span{font-size:13px;color:#5C7A88}

/* hero 液态玻璃展柜 */
.lkrt{flex:1;min-width:0;display:flex;justify-content:center}
.lksh{position:relative;width:440px;height:500px;display:flex;align-items:center;justify-content:center}
.lkho{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(95,191,198,0.42) 0%,rgba(95,191,198,0.08) 45%,rgba(234,244,246,0) 75%);top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;animation:lkhoo 6s ease-in-out infinite}
.lkho2{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,102,0.28) 0%,rgba(255,122,102,0) 70%);top:30%;right:10%;z-index:0;animation:lkhoo 8s ease-in-out infinite reverse}
@keyframes lkhoo{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:0.9}50%{transform:translate(-50%,-50%) scale(1.12);opacity:1}}
.lkph{position:relative;width:260px;height:440px;border-radius:42px;background:linear-gradient(155deg,#5FBFC6 0%,#3A9FA8 35%,#1A4458 100%);padding:14px;box-shadow:0 24px 60px rgba(26,68,88,0.42),0 0 0 2px rgba(255,255,255,0.5),inset 0 2px 0 rgba(255,255,255,0.4);z-index:2;overflow:hidden}
.lkphg{position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.1) 25%,rgba(255,255,255,0) 45%,rgba(255,255,255,0.08) 75%,rgba(255,255,255,0.32) 100%);pointer-events:none;z-index:3;border-radius:42px}
.lkphn{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:90px;height:18px;background:rgba(15,42,56,0.55);border-radius:0 0 16px 16px;z-index:4;backdrop-filter:blur(4px)}
.lkph img{width:100%;height:100%;border-radius:30px;object-fit:cover;box-shadow:0 6px 16px rgba(0,0,0,0.3)}
.lkbb{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,0.95) 0%,rgba(168,200,208,0.6) 45%,rgba(95,191,198,0.2) 100%);box-shadow:0 6px 18px rgba(95,191,198,0.32),inset 0 2px 4px rgba(255,255,255,0.6);z-index:1}
.lkbb1{width:54px;height:54px;top:60px;left:20px;animation:lkbob 7s ease-in-out infinite}
.lkbb2{width:38px;height:38px;top:140px;right:30px;animation:lkbob 9s ease-in-out infinite 1s}
.lkbb3{width:28px;height:28px;bottom:120px;left:40px;animation:lkbob 6s ease-in-out infinite 0.5s}
.lkbb4{width:46px;height:46px;bottom:60px;right:50px;animation:lkbob 8s ease-in-out infinite 1.5s}
@keyframes lkbob{0%,100%{transform:translateY(0) scale(1);opacity:0.9}50%{transform:translateY(-14px) scale(1.06);opacity:1}}
.lkol{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,0.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#0F2A38;padding:10px 20px;border-radius:30px;display:flex;align-items:center;gap:12px;font-size:13px;box-shadow:0 8px 24px rgba(26,68,88,0.22);z-index:5;border:1px solid rgba(255,255,255,0.6)}
.lkdot{width:10px;height:10px;border-radius:50%;background:#3DD97A;box-shadow:0 0 10px #3DD97A;animation:lkblk 1.5s infinite}
.lkolc{display:flex;flex-direction:column;line-height:1.2}
.lkolc b{font-size:13px;font-weight:700;color:#1A4458}
.lkolc span{font-size:11px;color:#5C7A88}
@keyframes lkblk{0%,100%{opacity:1}50%{opacity:0.4}}

/* section base */
.lkse{padding:80px 0;position:relative}
.lkstit{text-align:center;font-size:32px;font-weight:800;color:#0F2A38;margin-bottom:54px;display:block;cursor:pointer}
.lkstit::after{content:"";display:block;width:70px;height:4px;background:linear-gradient(90deg,transparent,#5FBFC6,#FF7A66,transparent);margin:16px auto 0;border-radius:2px}
.lkstk{display:inline-block;background:linear-gradient(135deg,#5FBFC6 0%,#3A9FA8 100%);color:#FFF;font-size:14px;padding:5px 16px;border-radius:18px;margin-right:12px;font-weight:600;vertical-align:middle;box-shadow:0 4px 10px rgba(95,191,198,0.32),inset 0 1px 0 rgba(255,255,255,0.4)}
.lksebtn{text-align:center;margin-top:40px}
.lksebtn a{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#5FBFC6 0%,#3A9FA8 60%,#1A4458 100%);color:#FFF;padding:14px 36px;border-radius:40px;font-size:16px;font-weight:600;box-shadow:0 6px 18px rgba(26,68,88,0.32),inset 0 1px 0 rgba(255,255,255,0.32);transition:transform .2s,box-shadow .2s}
.lksebtn a::before{content:"\ef72";font-family:"remixicon";font-size:18px}
.lksebtn a:hover{transform:translateY(-3px);color:#FFF;box-shadow:0 10px 24px rgba(26,68,88,0.42)}

/* 产品展示 */
.lkgl{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.lkgi{position:relative;border-radius:24px;overflow:hidden;border:2px solid rgba(95,191,198,0.32);box-shadow:0 10px 28px rgba(26,68,88,0.12);background:rgba(255,255,255,0.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .3s,box-shadow .3s}
.lkgi:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(95,191,198,0.28);border-color:#5FBFC6}
.lkgi img{width:100%;height:auto;aspect-ratio:448/796;object-fit:cover;transition:transform .5s}
.lkgi:hover img{transform:scale(1.08)}
.lkgla{position:absolute;bottom:10px;left:10px;right:10px;background:linear-gradient(135deg,rgba(26,68,88,0.85) 0%,rgba(95,191,198,0.85) 100%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#FFF;font-size:13px;text-align:center;padding:6px;border-radius:14px;font-weight:600}

/* 优势 */
.lkadvbg{background:linear-gradient(180deg,#EAF4F6 0%,#DEF0F2 100%)}
.lkag{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.lkac{position:relative;background:rgba(255,255,255,0.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(95,191,198,0.3);border-radius:24px;padding:32px 26px;box-shadow:0 8px 22px rgba(26,68,88,0.08);transition:transform .3s,box-shadow .3s,border-color .3s;overflow:hidden}
.lkac::before{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(95,191,198,0.28) 0%,rgba(95,191,198,0) 70%);pointer-events:none;transition:transform .4s}
.lkac:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(95,191,198,0.24);border-color:#5FBFC6}
.lkac:hover::before{transform:scale(1.4)}
.lkan{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#5FBFC6 0%,#3A9FA8 50%,#1A4458 100%);color:#FFF;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;margin-bottom:18px;box-shadow:0 6px 14px rgba(26,68,88,0.28),inset 0 2px 0 rgba(255,255,255,0.4)}
.lkah{font-size:20px;font-weight:700;color:#0F2A38;margin-bottom:10px}
.lkac p{font-size:14px;line-height:1.78;color:#5C7A88}

/* 使用流程 竖向时间轴 */
.lkfw{position:relative;max-width:760px;margin:0 auto;padding-left:60px}
.lkfw::before{content:"";position:absolute;left:24px;top:20px;bottom:20px;width:3px;background:linear-gradient(180deg,#5FBFC6 0%,#3A9FA8 50%,#1A4458 100%);border-radius:2px}
.lkfwi{position:relative;margin-bottom:32px}
.lkfwi:last-child{margin-bottom:0}
.lkfwn{position:absolute;left:-60px;top:0;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#5FBFC6 0%,#3A9FA8 50%,#1A4458 100%);color:#FFF;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;box-shadow:0 6px 16px rgba(26,68,88,0.3),inset 0 2px 0 rgba(255,255,255,0.4);z-index:2}
.lkfwc{background:rgba(255,255,255,0.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(95,191,198,0.3);border-radius:20px;padding:22px 26px;box-shadow:0 8px 22px rgba(26,68,88,0.08);transition:transform .25s,box-shadow .25s}
.lkfwc:hover{transform:translateX(8px);box-shadow:0 12px 28px rgba(95,191,198,0.22)}
.lkfh{font-size:19px;font-weight:700;color:#0F2A38;margin-bottom:6px}
.lkfwc p{font-size:14px;line-height:1.75;color:#5C7A88}

/* 产品资讯 */
.lknwbg{background:linear-gradient(180deg,#DEF0F2 0%,#EAF4F6 100%)}
.lkng{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.lknc{display:flex;gap:20px;background:rgba(255,255,255,0.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(95,191,198,0.28);border-radius:22px;padding:24px;box-shadow:0 8px 22px rgba(26,68,88,0.08);transition:transform .25s,box-shadow .25s}
.lknc:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(95,191,198,0.22);border-color:#5FBFC6}
.lknd{flex-shrink:0;width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#5FBFC6 0%,#1A4458 100%);color:#FFF;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(26,68,88,0.24),inset 0 1px 0 rgba(255,255,255,0.32)}
.lknd b{font-size:22px;font-weight:800;line-height:1}
.lknd span{font-size:10px;margin-top:2px}
.lknw{flex:1;min-width:0}
.lknh{font-size:18px;font-weight:700;color:#0F2A38;margin-bottom:8px}
.lknw p{font-size:14px;line-height:1.75;color:#5C7A88;margin-bottom:10px}
.lknw a{display:inline-flex;align-items:center;gap:4px;color:#5FBFC6;font-weight:600;font-size:14px}
.lknw a:hover{color:#FF7A66}

/* 下载中心 */
.lkdg{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lkdc{position:relative;display:block;background:rgba(255,255,255,0.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(95,191,198,0.3);border-radius:24px;padding:28px 24px;box-shadow:0 8px 22px rgba(26,68,88,0.08);transition:transform .3s,box-shadow .3s,border-color .3s;overflow:hidden}
.lkdc::before{content:"";position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,102,0.2) 0%,rgba(255,122,102,0) 70%);pointer-events:none;transition:transform .4s}
.lkdc:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(95,191,198,0.26);border-color:#FF7A66}
.lkdc:hover::before{transform:scale(1.5)}
.lkdnum{position:absolute;top:18px;right:22px;font-size:42px;font-weight:800;color:rgba(95,191,198,0.22);line-height:1}
.lkdicon{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#5FBFC6 0%,#3A9FA8 60%,#1A4458 100%);color:#FFF;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:16px;box-shadow:0 6px 14px rgba(26,68,88,0.26),inset 0 1px 0 rgba(255,255,255,0.4)}
.lkdh{font-size:17px;font-weight:700;color:#0F2A38;margin-bottom:8px;line-height:1.4}
.lkdc p{font-size:13px;line-height:1.7;color:#5C7A88;margin-bottom:14px}
.lkdmore{display:inline-flex;align-items:center;gap:4px;color:#5FBFC6;font-weight:600;font-size:13px}
.lkdc:hover .lkdmore{color:#FF7A66}

/* 常见问题 */
.lkfabg{background:linear-gradient(180deg,#EAF4F6 0%,#DEF0F2 100%)}
.lkfg{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.lkfi{background:rgba(255,255,255,0.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(95,191,198,0.28);border-radius:18px;overflow:hidden;transition:border-color .25s,box-shadow .25s}
.lkfi.lkop{border-color:#5FBFC6;box-shadow:0 8px 22px rgba(95,191,198,0.2)}
.lkqq{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;text-align:left;font-size:16px;font-weight:600;color:#0F2A38}
.lkqq span{flex:1}
.lkqq i{font-size:22px;color:#5FBFC6;transition:transform .3s}
.lkfi.lkop .lkqq i{transform:rotate(180deg)}
.lkqa{max-height:0;overflow:hidden;transition:max-height .35s ease}
.lkfi.lkop .lkqa{max-height:240px}
.lkqa p{padding:0 24px 20px;font-size:14px;line-height:1.78;color:#5C7A88}

/* 用户评价 瀑布流 */
.lkrg{columns:3;column-gap:22px}
.lkrc{break-inside:avoid;margin-bottom:22px;background:rgba(255,255,255,0.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(95,191,198,0.28);border-radius:20px;padding:22px;box-shadow:0 8px 22px rgba(26,68,88,0.08);transition:transform .25s,box-shadow .25s}
.lkrc:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(95,191,198,0.22)}
.lkrhd{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.lkra{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#5FBFC6 0%,#1A4458 100%);color:#FFF;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0;box-shadow:0 4px 10px rgba(26,68,88,0.22),inset 0 1px 0 rgba(255,255,255,0.4)}
.lkrn{font-size:15px;font-weight:600;color:#0F2A38}
.lkrt2{font-size:12px;color:#5C7A88;margin-top:2px}
.lkrco{font-size:14px;line-height:1.78;color:#5C7A88}

/* footer */
.lkft{position:relative;background:linear-gradient(180deg,#1A4458 0%,#0F2A38 100%);color:#C5D9E0;padding:50px 0 24px;margin-top:40px;overflow:hidden}
.lkftwv{position:absolute;top:-1px;left:0;right:0;height:40px;background:radial-gradient(ellipse 60px 40px at 20% 100%,#EAF4F6 99%,transparent 100%),radial-gradient(ellipse 60px 40px at 50% 100%,#EAF4F6 99%,transparent 100%),radial-gradient(ellipse 60px 40px at 80% 100%,#EAF4F6 99%,transparent 100%);background-size:60px 40px;background-repeat:repeat-x;background-position:bottom}
.lkftw{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;flex-wrap:wrap;padding-bottom:30px;border-bottom:1px solid rgba(95,191,198,0.2);position:relative;z-index:1}
.lkftl{flex:1;min-width:280px}
.lkftl .lklg{color:#FFF;margin-bottom:14px}
.lkftl .lklg img{border-color:#5FBFC6}
.lkftl p{font-size:13px;line-height:1.78;color:#8FB0BA;max-width:380px}
.lkftn{display:flex;flex-wrap:wrap;gap:14px 22px;max-width:440px}
.lkftn a{color:#C5D9E0;font-size:14px}
.lkftn a:hover{color:#5FBFC6}
.lkftb{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#5FBFC6 0%,#3A9FA8 100%);color:#FFF;padding:12px 28px;border-radius:30px;font-size:14px;font-weight:600;box-shadow:0 6px 16px rgba(95,191,198,0.36),inset 0 1px 0 rgba(255,255,255,0.32);transition:transform .2s}
.lkftb::before{content:"\ef08";font-family:"remixicon";font-size:16px}
.lkftb:hover{transform:translateY(-2px);color:#FFF}
.lkftc{text-align:center;padding-top:20px}
.lkftc span{font-size:13px;color:#5C7A88}

/* mobile */
@media (max-width:768px){
    .lkcw{padding:0 16px}
    .lkhbw{height:60px;gap:12px}
    .lklg span{font-size:16px}
    .lklg img{width:32px;height:32px}
    .lkmb{display:flex}
    .lknv{position:fixed;top:60px;left:0;right:0;background:#EAF4F6;flex-direction:column;align-items:stretch;padding:14px 16px;gap:4px;box-shadow:0 12px 28px rgba(26,68,88,0.18);transform:translateY(-130%);transition:transform .3s;z-index:99}
    .lknv.open{transform:translateY(0)}
    .lknv a{padding:12px 14px;border-radius:12px;font-size:15px}
    .lkhab{padding:8px 16px;font-size:13px}
    .lkro{padding:48px 0 60px}
    .lkrow{flex-direction:column;gap:40px}
    .lklb{order:2}
    .lkrt{order:1;width:100%}
    .lksh{width:300px;height:360px}
    .lkho{width:260px;height:260px}
    .lkph{width:180px;height:320px;border-radius:32px;padding:10px}
    .lkph img{border-radius:24px}
    .lkphn{width:60px;height:12px;top:10px}
    .lkbb1{width:38px;height:38px;top:30px;left:0}
    .lkbb2{width:28px;height:28px;top:90px;right:10px}
    .lkbb3{width:20px;height:20px;bottom:90px;left:20px}
    .lkbb4{width:32px;height:32px;bottom:40px;right:20px}
    .lklb h1{font-size:28px}
    .lkds{font-size:14px}
    .lkbtnw{flex-direction:column;gap:10px}
    .lkbt,.lkbt2{width:100%;justify-content:center;padding:14px 20px}
    .lkst{gap:22px}
    .lkst b{font-size:22px}
    .lkse{padding:50px 0}
    .lkstit{font-size:26px;margin-bottom:36px}
    .lkgl{grid-template-columns:repeat(2,1fr);gap:12px;overflow-x:auto;flex-wrap:nowrap;grid-auto-flow:column;scroll-snap-type:x mandatory;padding-bottom:8px}
    .lkgi{scroll-snap-align:start;flex:0 0 70%}
    .lkgi img{height:auto;aspect-ratio:448/796}
    .lkag{grid-template-columns:1fr;gap:16px}
    .lkac{padding:24px 20px}
    .lkfw{padding-left:48px;max-width:100%}
    .lkfw::before{left:20px}
    .lkfwn{left:-48px;width:40px;height:40px;font-size:16px}
    .lkng{grid-template-columns:1fr;gap:14px}
    .lknc{padding:18px}
    .lknd{width:54px;height:54px}
    .lknd b{font-size:18px}
    .lkdh{font-size:16px}
    .lkdg{grid-template-columns:1fr;gap:14px}
    .lkdc{padding:22px 20px}
    .lkrg{columns:1;column-gap:0}
    .lkftw{flex-direction:column;gap:24px}
    .lkftl{min-width:0}
    .lkftn{max-width:none}
    .lkftc{padding-top:18px}
}