/* 灵思传媒 · 高端视觉系统 */
:root{
  --ls-ink:#0b0f14;
  --ls-ink2:#151b24;
  --ls-panel:#1a222e;
  --ls-pearl:#f5f1ea;
  --ls-sand:#e7dfd2;
  --ls-gold:#c9a56a;
  --ls-gold2:#e4d0a4;
  --ls-teal:#1c4a58;
  --ls-coral:#c45d4a;
  --ls-mute:#8b8579;
  --ls-line:rgba(201,165,106,.35);
  --ls-display:"Songti SC","STSong","Noto Serif SC","SimSun",serif;
  --ls-sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
html{scroll-behavior:smooth}
body{
  font-family:var(--ls-sans)!important;
  color:#2a2e35;
  background:var(--ls-pearl);
  -webkit-font-smoothing:antialiased;
}
a{transition:color .25s,opacity .25s,border-color .25s,background .25s,transform .25s}
img{max-width:100%;height:auto}
.yk-wrap,.ls-wrap{max-width:1180px;margin:0 auto;padding:0 24px;box-sizing:border-box}

/* reveal */
.ls-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}
.ls-reveal.on{opacity:1;transform:none}
.ls-reveal-d1{transition-delay:.1s}
.ls-reveal-d2{transition-delay:.2s}
.ls-reveal-d3{transition-delay:.3s}

/* section chrome */
.ls-sec{padding:88px 0;position:relative}
.ls-sec--ink{background:var(--ls-ink);color:#f3efe8}
.ls-sec--sand{background:linear-gradient(180deg,#f7f3ec 0%,#efe8dc 100%)}
.ls-sec--teal{background:linear-gradient(135deg,#143842 0%,#1c4a58 55%,#0f2c34 100%);color:#f3efe8}
.ls-kicker{
  display:inline-block;font-size:12px;letter-spacing:.42em;text-transform:uppercase;
  color:var(--ls-gold);margin-bottom:14px;font-weight:500;
}
.ls-title{
  font-family:var(--ls-display);font-weight:600;font-size:clamp(28px,3.6vw,44px);
  line-height:1.25;letter-spacing:.08em;margin:0 0 16px;color:inherit;
}
.ls-sec--ink .ls-title,.ls-sec--teal .ls-title{color:#f7f2e9}
.ls-lead{font-size:15px;line-height:1.9;color:var(--ls-mute);max-width:560px;margin:0}
.ls-sec--ink .ls-lead,.ls-sec--teal .ls-lead{color:rgba(243,239,232,.72)}
.ls-head{margin-bottom:48px}
.ls-head--row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.ls-more{
  display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.2em;
  color:var(--ls-gold);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:4px;
}
.ls-more:hover{border-color:var(--ls-gold);color:var(--ls-gold2)}
.ls-more::after{content:"";width:28px;height:1px;background:currentColor;transition:width .3s}
.ls-more:hover::after{width:42px}

.ls-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:48px;padding:0 28px;border:1px solid var(--ls-gold);background:transparent;
  color:var(--ls-gold);text-decoration:none;letter-spacing:.18em;font-size:13px;
}
.ls-btn:hover{background:var(--ls-gold);color:var(--ls-ink)}
.ls-btn--solid{background:var(--ls-gold);color:var(--ls-ink)}
.ls-btn--solid:hover{background:var(--ls-gold2)}
.ls-btn--light{border-color:rgba(255,255,255,.55);color:#fff}
.ls-btn--light:hover{background:#fff;color:var(--ls-ink)}

/* gold rule */
.ls-rule{width:48px;height:1px;background:linear-gradient(90deg,var(--ls-gold),transparent);margin:18px 0}

@keyframes lsFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes lsShine{0%{background-position:0% 50%}100%{background-position:100% 50%}}
@keyframes lsFadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

@media (max-width:767px){
  .ls-sec{padding:56px 0}
  .yk-wrap,.ls-wrap{padding:0 16px}
  .ls-head{margin-bottom:32px}
}