/* Rubii 心动偶像Livehouse · 深紫黑 × 品红紫 × 电青 */
*{margin:0;padding:0;box-sizing:border-box}
img{max-width:100%;height:auto;display:block}
:root{
  --bg:#130920;
  --bg2:#1c0e30;
  --bg3:#281344;
  --ink:#fdf9ff;
  --ink-dim:#cbb9ec;
  --brand:#c93df2;
  --brand-l:#e88cff;
  --cyan:#2ee6d6;
  --cyan-l:#93f6ec;
  --line:rgba(232,140,255,.28);
  --line-c:rgba(147,246,236,.3);
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.75;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.wrap{max-width:1140px;margin:0 auto;padding:0 22px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ============ 顶栏 ============ */
.hd{position:sticky;top:0;z-index:50;background:rgba(19,9,32,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hd-in{display:flex;align-items:center;gap:18px;height:66px}
.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.brand img{border-radius:50%}
.brand-t{display:flex;flex-direction:column;line-height:1.2}
.brand-t strong{font-size:20px;letter-spacing:1px}
.brand-t small{font-size:11px;color:var(--ink-dim)}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{padding:8px 12px;font-size:14px;color:var(--ink-dim);border-radius:9px;transition:color .2s}
.nav a:hover{color:var(--ink)}
.nav a.on{color:var(--cyan-l)}
.nav a.on::after{content:"";display:block;height:2px;border-radius:2px;background:var(--cyan);margin-top:2px}
.hd-r{display:flex;align-items:center;gap:12px;margin-left:auto}
.nav + .hd-r{margin-left:0}
.burger{display:none;width:40px;height:40px;background:none;border:1px solid var(--line);border-radius:10px;cursor:pointer}
.burger span{display:block;width:18px;height:2px;background:var(--ink);margin:4px auto;border-radius:2px;transition:.25s}
.burger.on span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger.on span:nth-child(2){opacity:0}
.burger.on span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* ============ 按钮 ============ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;border-radius:12px;cursor:pointer;transition:transform .18s,background .18s,border-color .18s;border:1px solid transparent;font-size:15px;padding:10px 20px}
.btn:active{transform:translateY(1px)}
.btn-pri{background:var(--brand);color:#fff;border-color:var(--brand)}
.btn-pri:hover{background:var(--brand-l)}
.btn-cyan{background:var(--cyan);color:#0a2723;border-color:var(--cyan)}
.btn-cyan:hover{background:var(--cyan-l)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan-l)}
.btn-lg{padding:14px 28px;font-size:16px;border-radius:14px}
.hd-cta{padding:9px 18px;font-size:14px}

/* ============ 英雄区：开场 LIVE ============ */
.hero{position:relative;padding:92px 0 110px;background:
  radial-gradient(680px 420px at 82% 8%,rgba(201,61,242,.26),transparent 62%),
  radial-gradient(540px 400px at 6% 90%,rgba(46,230,214,.12),transparent 60%),
  linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);overflow:hidden}
.beam{position:absolute;top:-40px;width:220px;height:130%;pointer-events:none;opacity:.55;filter:blur(2px)}
.beam-a{left:8%;background:linear-gradient(180deg,rgba(201,61,242,.35) 0%,transparent 78%);transform:rotate(14deg);transform-origin:top center}
.beam-b{right:10%;background:linear-gradient(180deg,rgba(46,230,214,.3) 0%,transparent 78%);transform:rotate(-12deg);transform-origin:top center}
.hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;position:relative}
.kick{display:flex;align-items:center;gap:9px;font-size:13px;letter-spacing:2.5px;color:var(--cyan-l);font-weight:700;margin-bottom:14px}
.kick-dot{width:10px;height:10px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px rgba(201,61,242,.25);animation:blink 1.6s ease-in-out infinite}
@keyframes blink{50%{box-shadow:0 0 0 9px rgba(201,61,242,.08)}}
.hero-l h1{font-size:74px;line-height:1;letter-spacing:2px;background:linear-gradient(112deg,#fff 22%,var(--brand-l) 58%,var(--cyan-l));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-slogan{font-size:24px;font-weight:700;margin:16px 0 18px}
.hero-slogan em{font-style:normal;color:var(--brand-l)}
.lead{color:var(--ink-dim);font-size:15.5px;max-width:530px}
.hero-acts{display:flex;gap:14px;margin:28px 0 24px;flex-wrap:wrap}
.hero-points{list-style:none;display:flex;gap:12px;flex-wrap:wrap}
.hero-points li{border:1px solid var(--line);border-radius:11px;padding:8px 16px;font-size:13px;color:var(--ink-dim);background:rgba(201,61,242,.07);border-top:3px solid var(--brand)}
.hero-points li:nth-child(2){border-top-color:var(--cyan)}
.hero-points li:nth-child(3){border-top-color:var(--brand-l)}
.hero-points b{display:inline;font-size:20px;color:var(--cyan-l);margin-right:7px;line-height:1.2}
.hero-r{position:relative;display:flex;justify-content:center;min-height:500px;align-items:center}
.stage{position:absolute;inset:0;pointer-events:none;overflow:visible}
.fly{position:absolute;padding:7px 15px;border-radius:999px;font-size:12px;white-space:nowrap;border:1px solid var(--line);background:rgba(40,19,68,.9);color:var(--brand-l)}
.fly-a{top:16%;left:-4%;animation:drift 9s ease-in-out infinite}
.fly-b{bottom:22%;right:-5%;border-color:var(--line-c);color:var(--cyan-l);animation:drift 11s ease-in-out 1.4s infinite reverse}
@keyframes drift{0%,100%{transform:translateX(0) rotate(-2deg)}50%{transform:translateX(26px) rotate(2deg)}}
.hero-shot{position:relative;z-index:2;width:250px;border:2px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:12px 14px 0 rgba(201,61,242,.35);background:var(--bg3)}
.eq{position:absolute;z-index:3;left:50%;transform:translateX(-50%);bottom:-4px;display:flex;gap:6px;align-items:flex-end;height:44px}
.eq i{width:7px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--cyan) 0%,var(--brand) 100%);animation:eqp 1.1s ease-in-out infinite}
.eq i:nth-child(1){height:16px}
.eq i:nth-child(2){height:30px;animation-delay:.12s}
.eq i:nth-child(3){height:22px;animation-delay:.24s}
.eq i:nth-child(4){height:40px;animation-delay:.36s}
.eq i:nth-child(5){height:26px;animation-delay:.48s}
.eq i:nth-child(6){height:34px;animation-delay:.6s}
.eq i:nth-child(7){height:18px;animation-delay:.72s}
@keyframes eqp{50%{transform:scaleY(.45)}}
.eq i{transform-origin:bottom}
.st-tag{position:absolute;z-index:3;background:var(--bg3);border:1px solid var(--line);border-radius:13px;padding:9px 14px;line-height:1.35}
.st-tag b{display:block;color:var(--brand-l);font-size:16px}
.st-tag span{font-size:12px;color:var(--ink-dim)}
.st-a{top:56px;right:2px;transform:rotate(4deg);border-right:3px solid var(--brand)}
.st-b{bottom:64px;left:-2px;transform:rotate(-4deg);border-right:3px solid var(--cyan)}
.st-b b{color:var(--cyan-l)}

/* ============ 数据带 ============ */
.stats{padding:0 0 20px;margin-top:-44px;position:relative;z-index:4}
.st-in{display:grid;grid-template-columns:repeat(4,1fr);background:var(--bg3);border:1px solid var(--line);border-radius:18px;box-shadow:-9px 9px 0 rgba(46,230,214,.22);overflow:hidden}
.st{padding:24px 16px;text-align:center;border-left:1px dashed var(--line)}
.st:first-child{border-left:none}
.st b{display:block;font-size:32px;color:var(--brand-l);line-height:1.2;font-variant-numeric:tabular-nums}
.st span{font-size:13px;color:var(--ink-dim)}

/* ============ 通用区块头 ============ */
section{padding:76px 0}
.sec-head{max-width:660px;margin-bottom:38px}
.sec-kick{font-size:13px;letter-spacing:3px;font-weight:800;color:var(--cyan-l);margin-bottom:10px}
.sec-head h2{font-size:32px;line-height:1.3}
.sec-sub{color:var(--ink-dim);margin-top:10px;font-size:15px}

/* ============ 今日歌单 ============ */
.setlist{background:var(--bg)}
.sl-wrap{background:var(--bg2);border:1px solid var(--line);border-radius:20px;box-shadow:11px -7px 0 rgba(201,61,242,.18);overflow:hidden}
.sl-row{display:grid;grid-template-columns:120px 1fr auto;gap:18px;align-items:center;padding:22px 26px;transition:background .2s}
.sl-row + .sl-row{border-top:1px dashed var(--line)}
.sl-row:hover{background:rgba(46,230,214,.05)}
.sl-no{font-size:13px;letter-spacing:2px;color:var(--cyan-l);font-weight:800}
.sl-row:nth-child(even) .sl-no{color:var(--brand-l)}
.sl-main b{font-size:18px}
.sl-main p{font-size:13.5px;color:var(--ink-dim);margin-top:4px}
.sl-tag{font-size:12px;border:1px solid var(--line-c);color:var(--cyan-l);border-radius:999px;padding:4px 14px;white-space:nowrap}
.sl-row:nth-child(even) .sl-tag{border-color:var(--line);color:var(--brand-l)}

/* ============ 三大应援 ============ */
.cheers{background:linear-gradient(180deg,var(--bg2) 0%,var(--bg) 100%);border-top:1px solid var(--line)}
.ch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cc-card{position:relative;background:var(--bg3);border:1px solid var(--line);border-radius:18px;padding:30px 24px 24px;overflow:hidden}
.cc-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--brand) 0%,var(--cyan) 100%)}
.cc-glow{position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(201,61,242,.3) 0%,transparent 68%);pointer-events:none}
.cc-card:nth-child(2) .cc-glow{background:radial-gradient(circle,rgba(46,230,214,.28) 0%,transparent 68%)}
.cc-card h3{font-size:19px;line-height:1.35;margin-bottom:12px}
.cc-card h3 span{display:block;font-size:13px;color:var(--cyan-l);letter-spacing:2px;margin-top:3px}
.cc-card:nth-child(odd) h3 span{color:var(--brand-l)}
.cc-card p{font-size:13.5px;color:var(--ink-dim);min-height:110px}
.cc-ft{display:inline-block;font-size:12px;color:var(--ink-dim);border-top:1px dashed var(--line);padding-top:12px;margin-top:14px;letter-spacing:2px}

/* ============ 应用画面 ============ */
.shots{background:var(--bg)}
.sh-in{display:grid;grid-template-columns:.8fr 1.1fr .8fr;gap:30px;align-items:center}
.sh-shot{border:2px solid var(--line);border-radius:22px;overflow:hidden;background:var(--bg3);position:relative}
.sh-shot img{width:100%}
.sh-shot figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;font-size:12.5px;color:var(--ink);background:linear-gradient(0deg,rgba(19,9,32,.92) 0%,transparent 100%)}
.sh-a{transform:rotate(-3deg);border-color:var(--line-c)}
.sh-b{transform:rotate(3deg)}
.sh-quote{padding:10px 4px}
.sh-line{font-size:22px;font-weight:800;line-height:1.5;color:var(--cyan-l);margin-bottom:16px}
.sh-desc{font-size:14.5px;color:var(--ink-dim)}
.sh-points{list-style:none;margin-top:20px}
.sh-points li{font-size:14px;padding:10px 0 10px 24px;position:relative;border-top:1px dashed var(--line)}
.sh-points li::before{content:"";position:absolute;left:2px;top:18px;width:10px;height:10px;border-radius:3px;background:var(--brand);transform:rotate(45deg)}
.sh-points li:nth-child(2)::before{background:var(--cyan)}
.sh-points li:nth-child(3)::before{background:var(--brand-l)}

/* ============ 海报墙 ============ */
.gallery{background:linear-gradient(180deg,var(--bg2) 0%,var(--bg) 100%);border-top:1px solid var(--line)}
.ga-in{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:start;border:1px dashed var(--line-c);border-radius:22px;padding:36px 30px}
.ga-item{border:2px solid var(--line);border-radius:18px;overflow:hidden;background:var(--bg3);position:relative}
.ga-item img{width:100%}
.ga-item figcaption{padding:12px 14px;font-size:13px;text-align:center;border-top:1px solid var(--line);color:var(--ink-dim)}
.ga-l{transform:rotate(-2.5deg);margin-top:34px}
.ga-c{border-color:var(--cyan);transform:scale(1.04);box-shadow:-13px 11px 0 rgba(46,230,214,.2)}
.ga-r{transform:rotate(2.5deg);margin-top:34px}

/* ============ 记忆点唱机 ============ */
.jukebox{background:var(--bg)}
.jk-panel{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--bg3);border:1px solid var(--line);border-radius:22px;box-shadow:-11px 12px 0 rgba(232,140,255,.16);overflow:hidden}
.jk-face{padding:40px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(160deg,rgba(201,61,242,.16),transparent 65%);border-right:2px dashed var(--line)}
.jk-now{font-size:12px;letter-spacing:4px;color:var(--cyan-l);font-weight:800}
.jk-song{font-size:20px;font-weight:800;margin:10px 0 22px}
.jk-disc{width:130px;height:130px;border-radius:50%;background:conic-gradient(var(--brand) 0 25%,var(--bg) 25% 50%,var(--cyan) 50% 75%,var(--bg) 75% 100%);display:flex;align-items:center;justify-content:center;animation:spin 7s linear infinite;margin-bottom:20px}
.jk-disc i{width:40px;height:40px;border-radius:50%;background:var(--bg3);border:2px solid var(--line)}
@keyframes spin{to{transform:rotate(360deg)}}
.jk-artist{font-size:13px;color:var(--ink-dim)}
.jk-list{list-style:none;padding:14px 0}
.jk-list li{display:flex;gap:18px;align-items:flex-start;padding:20px 28px}
.jk-list li + li{border-top:1px dashed var(--line)}
.jk-list b{flex-shrink:0;font-size:12px;letter-spacing:2px;color:#0a2723;background:var(--cyan);border-radius:8px;padding:5px 12px;margin-top:3px}
.jk-list li:nth-child(2) b{background:var(--brand);color:#fff}
.jk-list strong{font-size:16.5px}
.jk-list p{font-size:13.5px;color:var(--ink-dim);margin-top:4px}

/* ============ 常见疑问：票根问答 ============ */
.faq{background:linear-gradient(180deg,var(--bg2) 0%,var(--bg) 100%);border-top:1px solid var(--line)}
.fq-panel{background:var(--bg2);border:1px solid var(--line);border-radius:20px;box-shadow:9px 11px 0 rgba(46,230,214,.18);overflow:hidden}
.acc-item{position:relative;border-left:4px solid var(--brand)}
.acc-item:nth-child(even){border-left-color:var(--cyan)}
.acc-item + .acc-item{border-top:1px dashed var(--line)}
.acc-item::before,.acc-item::after{content:"";position:absolute;left:-9px;width:14px;height:14px;border-radius:50%;background:var(--bg);border:1px solid var(--line)}
.acc-item::before{top:-8px}
.acc-item::after{bottom:-8px}
.acc-q{width:100%;display:flex;align-items:center;gap:14px;text-align:left;background:none;border:none;color:var(--ink);font-size:16px;font-weight:700;padding:19px 24px;cursor:pointer;font-family:inherit}
.fq-no{flex-shrink:0;font-size:11.5px;letter-spacing:2px;color:var(--cyan-l);border:1px solid var(--line-c);border-radius:7px;padding:3px 9px}
.acc-item:nth-child(even) .fq-no{color:var(--brand-l);border-color:var(--line)}
.acc-ic{flex-shrink:0;margin-left:auto;width:12px;height:12px;border-right:2px solid var(--brand-l);border-bottom:2px solid var(--brand-l);transform:rotate(45deg);transition:transform .25s}
.acc-item.on .acc-ic{transform:rotate(225deg)}
.acc-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.acc-item.on .acc-a{max-height:300px}
.acc-a p{padding:0 24px 20px 24px;font-size:14px;color:var(--ink-dim)}

/* ============ 荧光海 ============ */
.notes{background:var(--bg)}
.nt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.nt-card{background:var(--bg3);border:1px solid var(--line);border-radius:16px;padding:22px 24px;position:relative;padding-left:28px}
.nt-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;border-radius:16px 0 0 16px}
.nt-p::before{background:linear-gradient(180deg,var(--brand) 0%,var(--brand-l) 100%)}
.nt-c::before{background:linear-gradient(180deg,var(--cyan) 0%,var(--cyan-l) 100%)}
.nt-text{font-size:14px;color:var(--ink)}
.nt-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);flex-wrap:wrap}
.nt-meta b{font-size:13.5px;color:var(--cyan-l)}
.nt-p .nt-meta b{color:var(--brand-l)}
.nt-meta time{font-size:12px;color:var(--ink-dim);font-variant-numeric:tabular-nums}

/* ============ 下载：安可入场券 ============ */
.download{background:linear-gradient(180deg,var(--bg2) 0%,var(--bg) 100%);border-top:1px solid var(--line)}
.dl-ticket{display:grid;grid-template-columns:88px 1fr;background:linear-gradient(135deg,var(--bg3) 0%,#341a58 100%);border:1px solid var(--brand);border-radius:24px;box-shadow:14px -10px 0 rgba(201,61,242,.3);overflow:hidden}
.dl-stub{border-right:2px dashed var(--line);display:flex;align-items:center;justify-content:center;background:rgba(46,230,214,.07);position:relative}
.dl-stub::before,.dl-stub::after{content:"";position:absolute;right:-11px;width:20px;height:20px;border-radius:50%;background:var(--bg);border:1px solid var(--brand)}
.dl-stub::before{top:-10px}
.dl-stub::after{bottom:-10px}
.dl-vertical{writing-mode:vertical-rl;font-size:15px;letter-spacing:6px;font-weight:800;color:var(--cyan-l)}
.dl-core{padding:46px 44px;text-align:center}
.dl-core h2{font-size:30px;line-height:1.35;margin-bottom:12px}
.dl-sub{color:var(--ink-dim);font-size:15px;max-width:560px;margin:0 auto 26px}
.dl-list{list-style:none;display:flex;justify-content:center;gap:10px 26px;flex-wrap:wrap;margin-top:24px}
.dl-list li{font-size:13px;color:var(--ink-dim);padding-left:18px;position:relative}
.dl-list li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:var(--cyan)}
.dl-list li:nth-child(2)::before{background:var(--brand)}
.dl-list li:nth-child(3)::before{background:var(--brand-l)}

/* ============ 页脚 ============ */
.ft{border-top:1px solid var(--line);background:var(--bg2);padding:44px 0 26px}
.ft-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;padding-bottom:26px;border-bottom:1px dashed var(--line)}
.ft-brand .brand{margin-bottom:14px}
.ft-brand p{font-size:13px;color:var(--ink-dim);max-width:430px}
.ft-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 18px;align-content:start}
.ft-nav a{font-size:13.5px;color:var(--ink-dim);transition:color .2s}
.ft-nav a:hover{color:var(--cyan-l)}
.ft-base{padding-top:18px;text-align:center}
.ft-base p{font-size:12.5px;color:var(--ink-dim)}

/* ============ 悬浮投诉 + 回顶 ============ */
.float-complaint{position:fixed;right:24px;bottom:220px;z-index:60;width:62px;background:var(--bg3);border:1px solid var(--line);border-radius:14px;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0;font-size:12px;transition:border-color .2s,color .2s}
.float-complaint:hover{border-color:var(--cyan);color:var(--cyan-l)}
.float-complaint svg{color:var(--brand-l)}
.backtop{position:fixed;right:24px;bottom:160px;z-index:60;width:44px;height:44px;border-radius:50%;background:var(--brand);border:1px solid var(--brand);color:#fff;font-size:18px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s,background .2s}
.backtop.show{opacity:1;pointer-events:auto}
.backtop:hover{background:var(--brand-l)}

/* ============ 入场动画 ============ */
.rv{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.rv.in{opacity:1;transform:none}

/* ============ 响应式 ============ */
@media (max-width:960px){
  .nav{position:fixed;top:66px;left:0;right:0;z-index:49;display:none;flex-direction:column;background:var(--bg2);border-bottom:1px solid var(--line);padding:12px 18px 18px;gap:2px}
  .nav.open{display:flex}
  .nav a{padding:11px 10px;font-size:15px}
  .burger{display:block}
  .hd-cta{display:none}
  .hero-in{grid-template-columns:1fr;gap:48px}
  .hero-l h1{font-size:56px}
  .hero-r{min-height:440px}
  .st-in{grid-template-columns:repeat(2,1fr)}
  .st:nth-child(3){border-left:none;border-top:1px dashed var(--line)}
  .st:nth-child(4){border-top:1px dashed var(--line)}
  .ch-grid{grid-template-columns:1fr}
  .cc-card p{min-height:0}
  .sh-in{grid-template-columns:1fr;gap:34px}
  .sh-shot{max-width:300px;margin:0 auto}
  .sh-a{transform:rotate(-2deg)}
  .sh-b{transform:rotate(2deg)}
  .ga-in{grid-template-columns:1fr;max-width:340px;margin:0 auto}
  .ga-l,.ga-r{margin-top:0}
  .ga-c{transform:none}
  .jk-panel{grid-template-columns:1fr}
  .jk-face{border-right:none;border-bottom:2px dashed var(--line)}
  .nt-grid{grid-template-columns:1fr}
  .dl-ticket{grid-template-columns:1fr}
  .dl-stub{border-right:none;border-bottom:2px dashed var(--line);padding:14px}
  .dl-vertical{writing-mode:horizontal-tb;letter-spacing:4px}
  .dl-stub::before{left:-10px;right:auto;top:auto;bottom:-10px}
  .dl-stub::after{right:-10px;top:auto;bottom:-10px}
  .ft-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .wrap{padding:0 16px}
  section{padding:60px 0}
  .hero{padding:64px 0 84px}
  .hero-l h1{font-size:44px}
  .hero-slogan{font-size:19px}
  .sec-head h2{font-size:25px}
  .hero-shot{width:212px}
  .hero-r{min-height:400px}
  .st-a{right:-6px;top:38px}
  .st-b{left:-6px;bottom:46px}
  .sl-row{grid-template-columns:1fr;gap:8px;padding:18px}
  .sl-tag{justify-self:start}
  .dl-core{padding:36px 22px}
  .float-complaint{right:18px;bottom:204px;width:56px;font-size:11px}
  .backtop{right:18px;width:40px;height:40px}
}