:root{--ink:#170b03;--navy:#2b1306;--panel:#482009;--line:rgba(255,191,89,.24);--blue:#f58d17;--cyan:#ffd46f;--text:#fff4dc;--muted:#ddbd92}.site-header{background:rgba(23,11,3,.92)}.brand small{color:#b78d5b}nav a{color:#dec9ae}nav a:hover,nav a.active{color:#fff5e5}nav a:after{background:#ffc151}.hero{background:radial-gradient(ellipse at 72% 43%,rgba(244,126,22,.22),transparent 37%),linear-gradient(120deg,#321707 0%,#170b03 71%)}.hero-gridline{background-image:linear-gradient(rgba(255,194,98,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,194,98,.07) 1px,transparent 1px)}.hero-rings{border-color:rgba(255,183,64,.2);box-shadow:0 0 0 72px rgba(255,171,46,.05),0 0 0 144px rgba(255,171,46,.04),0 0 0 216px rgba(255,171,46,.025)}.hero h1{color:#fff8ec}.hero h1 span{background:linear-gradient(95deg,#fff0ae,#f59418);background-clip:text;-webkit-background-clip:text}.hero-copy>p:not(.eyebrow){color:#dfc5a4}.primary{background:linear-gradient(125deg,#ffc654,#e8780a);box-shadow:0 10px 24px rgba(232,112,10,.32);color:#2f1605}.btn img{filter:none}.outline{border-color:#eeb04a;color:#ffe0a4;background:rgba(156,77,13,.18)}.hero-proof dt{color:#fff0cb}.hero-proof dd{color:#c39e70}.app-stage{border-color:rgba(255,190,74,.5);background:linear-gradient(145deg,rgba(100,46,12,.7),rgba(28,12,3,.87));box-shadow:0 25px 70px rgba(0,0,0,.4),inset 0 1px rgba(255,238,189,.13)}.app-stage:before{border-color:rgba(255,207,107,.18)}.stage-cap,.stage-line{color:#ffd16c;border-color:#ffd16c}.capabilities,.contact{background:#211005}.process{background:linear-gradient(120deg,#170b03,#3b1a08)}.cap-grid article{background:rgba(94,42,10,.18)}.cap-grid article:hover{background:linear-gradient(135deg,rgba(242,139,20,.24),rgba(105,47,8,.22))}.cap-grid i,.cap-grid span,.process-grid b{color:#ffd36d}.cap-grid h3,.process-grid h3,.capabilities h2,.process h2,.contact h2,.updates h2{color:#fff4dc}.cap-grid p,.process-grid p{color:#d7ba93}.process-grid article{background:rgba(75,33,7,.24)}.process-heading>p,.contact-intro>p:last-child{color:#d9b98f}.contact h2 span{color:#ffbe4e}.contact-list i{border-color:#e9a439;color:#ffd16d}.contact-list small{color:#cfaa78}.contact-list b{color:#fff1d5}.contact-list button{border-color:#e3a13d;color:#ffd36d}.updates{background:#170b03}.section-heading>span{color:#c39d6f}.update-item{background:rgba(68,30,6,.24)}.update-item:hover{background:rgba(162,76,9,.26)}.update-toggle time{color:#ffd36d}.update-toggle b{color:#fff2d7}.update-toggle span,.update-detail{color:#d8bc99}.update-toggle i{border-color:#d99837;color:#ffd46f}.update-item.expanded{background:linear-gradient(90deg,rgba(168,77,8,.36),rgba(40,16,3,.34))}.update-item.expanded .update-toggle i{background:#ef921d;color:#321603}footer{background:#0e0602}.footer-inner>p{color:#b88e5e}.footer-inner>div{color:#d5b58d}.footer-inner>small{color:#a47b50}.toast{background:#ed8c18;color:#301504}

/* 沙城攻防场景：仅作为统一氛围底图，正文区域用深色半透明蒙层保证阅读。 */
body{
  background:#120802 url("assets/shacheng-siege-background.png") center top / cover fixed no-repeat;
}
.hero{
  background:
    linear-gradient(90deg,rgba(20,8,2,.9) 0%,rgba(25,10,2,.72) 41%,rgba(24,8,2,.12) 100%),
    linear-gradient(180deg,rgba(8,3,0,.08),rgba(18,6,1,.14)),
    url("assets/red-moon-hero-background.png") center 42% / cover no-repeat;
}
.hero-gridline{opacity:.58}
.hero-rings{opacity:.7}
.capabilities,.contact{background:rgba(27,12,4,.72)}
.process{background:linear-gradient(120deg,rgba(20,8,2,.75),rgba(58,25,5,.66))}
.updates{background:rgba(20,8,2,.75)}
@media (max-width:760px){
  body{background-attachment:scroll}
  .hero{background-position:64% center}
}

/* 战令式按钮与城战前景人物 */
.hero-grid{z-index:2}
.legend-warrior{
  position:absolute;
  z-index:1;
  right:20px;
  bottom:-12px;
  width:clamp(290px,17vw,460px);
  max-height:96%;
  object-fit:contain;
  object-position:bottom right;
  pointer-events:none;
  filter:drop-shadow(-22px 0 22px rgba(255,155,38,.25)) drop-shadow(0 28px 24px rgba(0,0,0,.7));
}
.hero h1{
  font-family:"STKaiti","KaiTi","Microsoft YaHei",serif;
  letter-spacing:.035em;
  text-shadow:0 3px 0 #3c1604,0 0 20px rgba(247,149,22,.24);
}
.hero h1 span{text-shadow:0 3px 0 #5a2104,0 0 22px rgba(255,171,44,.38)}
.hero-actions .btn{
  position:relative;
  overflow:hidden;
  border-radius:2px;
  font-family:"STKaiti","KaiTi","Microsoft YaHei",serif;
  font-weight:800;
  letter-spacing:.12em;
  text-shadow:0 1px rgba(255,248,213,.35);
}
.hero-actions .btn::before{
  content:"";
  position:absolute;
  inset:3px;
  border:1px solid rgba(255,237,166,.38);
  pointer-events:none;
}
.hero-actions .primary::after{
  content:"";
  position:absolute;
  top:-22px;
  left:-44px;
  width:34px;
  height:120px;
  transform:rotate(28deg);
  background:rgba(255,252,218,.45);
  transition:left .35s ease;
}
.hero-actions .primary:hover::after{left:115%}
.hero-actions .outline{background:linear-gradient(115deg,rgba(116,42,5,.78),rgba(42,13,2,.74));box-shadow:inset 0 0 0 1px rgba(255,195,75,.15)}
.eyebrow{letter-spacing:.16em;text-shadow:0 0 12px rgba(250,156,28,.28)}
@media (max-width:960px){
  .legend-warrior{display:none}
}
@media (min-width:1600px){
  .legend-warrior{z-index:3;bottom:0;opacity:1}
}
@media (max-width:1599px){
  .legend-warrior{display:none}
}
@media (max-width:760px){
  .legend-warrior{display:none}
  .hero h1{font-family:"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0}
}

/* 传奇三职业点缀：金色仍是主调，赤焰、幽蓝、紫电仅用于战斗感强调。 */
.hero{
  background:
    linear-gradient(90deg,rgba(18,6,1,.82) 0%,rgba(24,8,2,.58) 38%,rgba(23,7,1,.08) 76%,rgba(16,5,1,.16) 100%),
    linear-gradient(180deg,rgba(9,2,0,.03),rgba(18,5,1,.08)),
    url("assets/red-moon-hero-background.png") center 42% / cover no-repeat;
}
.capabilities,.contact{background:rgba(27,12,4,.58)}
.process{background:linear-gradient(120deg,rgba(20,8,2,.62),rgba(58,25,5,.5))}
.updates{background:rgba(20,8,2,.64)}
.primary{
  background:linear-gradient(135deg,#d92c18 0%,#f16616 52%,#ffc449 100%);
  box-shadow:0 10px 24px rgba(211,41,22,.35),inset 0 1px rgba(255,244,190,.7);
  color:#fff8df;
}
.outline{
  border-color:#4d9dff;
  color:#e1efff;
  background:linear-gradient(115deg,rgba(12,74,157,.55),rgba(21,21,80,.45));
  box-shadow:inset 0 0 16px rgba(60,144,255,.18),0 0 15px rgba(53,115,255,.12);
}
.hero-proof>div:nth-child(1) dt{color:#ff765d;text-shadow:0 0 12px rgba(235,54,28,.42)}
.hero-proof>div:nth-child(2) dt{color:#70baff;text-shadow:0 0 12px rgba(38,124,255,.42)}
.hero-proof>div:nth-child(3) dt{color:#d698ff;text-shadow:0 0 12px rgba(163,61,255,.42)}
.cap-grid article:nth-child(3n+1){box-shadow:inset 0 2px #df4228,0 14px 28px rgba(0,0,0,.12)}
.cap-grid article:nth-child(3n+2){box-shadow:inset 0 2px #398eff,0 14px 28px rgba(0,0,0,.12)}
.cap-grid article:nth-child(3n){box-shadow:inset 0 2px #a955df,0 14px 28px rgba(0,0,0,.12)}
.cap-grid article:nth-child(3n+1) i,.cap-grid article:nth-child(3n+1) span{color:#ff765d}
.cap-grid article:nth-child(3n+2) i,.cap-grid article:nth-child(3n+2) span{color:#70baff}
.cap-grid article:nth-child(3n) i,.cap-grid article:nth-child(3n) span{color:#d698ff}
.process-grid article:nth-child(1){border-top:2px solid #de422a}
.process-grid article:nth-child(2){border-top:2px solid #3a91ff}
.process-grid article:nth-child(3){border-top:2px solid #ad5be2}
.process-grid article:nth-child(4){border-top:2px solid #f1b23a}

/* 收束色彩：移除彩色分栏，只保留一致的暗金线条。 */
.primary{
  background:linear-gradient(135deg,#c95b12,#f08b17 52%,#ffd26b);
  box-shadow:0 10px 24px rgba(203,99,14,.32),inset 0 1px rgba(255,244,190,.65);
}
.outline{
  border-color:#eeb04a;
  color:#ffe0a4;
  background:linear-gradient(115deg,rgba(107,42,5,.75),rgba(42,13,2,.68));
  box-shadow:inset 0 0 16px rgba(255,182,61,.12),0 0 15px rgba(255,173,38,.08);
}
.hero-proof>div:nth-child(1) dt,.hero-proof>div:nth-child(2) dt,.hero-proof>div:nth-child(3) dt{
  color:#fff0cb;
  text-shadow:0 0 12px rgba(255,180,45,.2);
}
.cap-grid article:nth-child(n),.cap-grid article:nth-child(3n+1),.cap-grid article:nth-child(3n+2),.cap-grid article:nth-child(3n){
  box-shadow:inset 0 1px rgba(255,201,102,.28),0 14px 28px rgba(0,0,0,.12);
}
.cap-grid article:nth-child(n) i,.cap-grid article:nth-child(n) span,.cap-grid article:nth-child(3n+1) i,.cap-grid article:nth-child(3n+1) span,.cap-grid article:nth-child(3n+2) i,.cap-grid article:nth-child(3n+2) span,.cap-grid article:nth-child(3n) i,.cap-grid article:nth-child(3n) span{color:#ffd36d}
.process-grid article:nth-child(n),.process-grid article:nth-child(1),.process-grid article:nth-child(2),.process-grid article:nth-child(3),.process-grid article:nth-child(4){border-top:1px solid rgba(255,193,79,.48)}

/* 传奇碑刻字形：仅用于视觉标题与关键操作，正文继续使用清晰的系统字体。 */
.hero h1{
  font-family:"STLiti","LiSu","STXingkai","KaiTi",serif;
  font-weight:400;
  line-height:1.22;
  letter-spacing:.1em;
  font-synthesis:none;
}
.hero h1 span{letter-spacing:.07em}
.hero-actions .btn{
  font-family:"STLiti","LiSu","STKaiti","KaiTi",serif;
  font-weight:400;
  letter-spacing:.16em;
}
.capabilities h2,.process h2,.contact h2,.updates h2{
  font-family:"STLiti","LiSu","STKaiti","KaiTi",serif;
  font-weight:400;
  letter-spacing:.1em;
  font-synthesis:none;
}
.cap-grid h3,.process-grid h3{font-family:"STKaiti","KaiTi",serif;font-weight:700;letter-spacing:.055em}
@media (max-width:760px){
  .hero h1{font-family:"STLiti","LiSu","KaiTi",serif;letter-spacing:.045em}
}

/* 提升首屏文字对比度：传奇风格只做装饰，不牺牲辨识度。 */
.hero h1 span{
  background:none;
  -webkit-background-clip:initial;
  background-clip:initial;
  color:#ffe7a0;
  -webkit-text-fill-color:#ffe7a0;
  -webkit-text-stroke:.75px #662003;
  text-shadow:0 3px 0 #491302,0 0 18px rgba(255,166,28,.42);
}
.hero-copy>p:not(.eyebrow){
  color:#fff3dd;
  font-weight:500;
  text-shadow:0 1px 3px rgba(22,5,0,.95);
}
.hero-actions .btn{
  font-family:"Microsoft YaHei","PingFang SC",sans-serif;
  font-weight:700;
  letter-spacing:.045em;
  text-shadow:0 1px 2px rgba(42,12,0,.9);
}
.hero-actions .primary{color:#fff9e8}
.hero-actions .outline{color:#fff1cf}
.capabilities h2,.process h2,.contact h2,.updates h2{
  font-family:"STKaiti","KaiTi","Microsoft YaHei",serif;
  font-weight:700;
  letter-spacing:.06em;
}

/* 两幅场景图在首屏交界处以暗色烟幕渐隐，避免直接切图形成断层。 */
.hero::after{
  content:"";
  position:absolute;
  z-index:1;
  right:0;
  bottom:-1px;
  left:0;
  height:210px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(22,7,2,0) 0%,rgba(22,7,2,.28) 34%,rgba(24,9,3,.72) 74%,rgba(25,10,3,.96) 100%);
}
.capabilities{
  position:relative;
  background:linear-gradient(180deg,rgba(25,10,3,.96) 0%,rgba(27,12,4,.72) 210px,rgba(27,12,4,.58) 100%);
}

/* 统一首屏与正文的视觉节奏：功能标题居中，模块阅读重心更稳定。 */
.capabilities > .wrap > h2{
  text-align:center;
  font-size:clamp(34px,2.1vw,42px);
}
.capabilities > .wrap > .lead{
  max-width:590px;
  margin:14px auto 46px;
  line-height:1.8;
}
.capabilities .cap-grid{
  box-shadow:0 24px 54px rgba(0,0,0,.16);
}
.site-header{
  background:linear-gradient(90deg,rgba(18,7,2,.96),rgba(35,13,3,.9) 55%,rgba(18,7,2,.96));
  box-shadow:0 5px 24px rgba(0,0,0,.24);
}
@media (min-width:1800px){
  :root{--wrap:1300px}
  .site-header nav{
    width:694px;
    gap:0;
    justify-content:space-between;
  }
  .hero-grid{grid-template-columns:.9fr 1.16fr}
  .hero,.hero-grid{min-height:620px}
  .hero h1{font-size:clamp(54px,3.1vw,76px)}
  .app-stage{height:482px;transform:translateY(-24px)}
  .capabilities,.process,.contact{padding-top:110px;padding-bottom:110px}
}

/* 下载中心 */
.download-center{
  position:relative;
  padding:108px 0 116px;
  background:linear-gradient(180deg,rgba(22,8,2,.98),rgba(44,18,4,.72));
}
.download-center h2{
  margin:0;
  color:#fff4dc;
  text-align:center;
  font-family:"STKaiti","KaiTi","Microsoft YaHei",serif;
  font-size:clamp(34px,2.1vw,42px);
  letter-spacing:.06em;
}
.download-center .lead{
  max-width:580px;
  margin:14px auto 44px;
  color:#e2c093;
  font-size:14px;
  line-height:1.8;
}
.launcher-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}
.launcher-grid article{
  min-height:348px;
  padding:31px 34px 29px;
  border:1px solid rgba(255,193,79,.42);
  background:linear-gradient(135deg,rgba(91,35,5,.36),rgba(22,8,2,.62));
  box-shadow:inset 0 1px rgba(255,225,159,.12),0 18px 40px rgba(0,0,0,.18);
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}
.launcher-grid article:hover{
  transform:translateY(-5px);
  border-color:rgba(255,207,105,.82);
  background:linear-gradient(135deg,rgba(119,47,6,.46),rgba(26,9,2,.66));
}
.launcher-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#ffc34f;
  font-size:12px;
  letter-spacing:.12em;
}
.launcher-top em{font-style:normal;font-size:11px;letter-spacing:.15em;color:#d7a861}
.launcher-grid h3{
  margin:32px 0 10px;
  color:#fff0cc;
  font-family:"STKaiti","KaiTi",serif;
  font-size:27px;
  letter-spacing:.08em;
}
.launcher-grid p{
  max-width:440px;
  margin:0;
  color:#dfbe93;
  font-size:14px;
  line-height:1.85;
}
.launcher-grid ul{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:25px 0 27px;
  padding:0;
  color:#f0d0a7;
  font-size:12px;
  line-height:1.55;
  list-style:none;
}
.launcher-grid li{position:relative;padding-left:12px}
.launcher-grid li::before{content:"";position:absolute;top:.55em;left:0;width:4px;height:4px;background:#ffbd41;transform:rotate(45deg)}
.launcher-download{
  min-width:148px;
  min-height:43px;
  padding:0 17px;
  border:1px solid #ffc253;
  background:linear-gradient(135deg,#d92c18,#f16616 55%,#ffc449);
  color:#fff9e8;
  font-weight:700;
  letter-spacing:.06em;
  box-shadow:0 9px 20px rgba(201,47,17,.26),inset 0 1px rgba(255,244,190,.72);
}
.launcher-download span{margin-left:9px;font-size:17px}

/* 首屏预览轮播 */
.hero-carousel .carousel-slides{position:relative;z-index:1;height:100%}
.hero-carousel{padding:14px}
.hero-carousel::before{display:none}
.hero-carousel .carousel-slide{
  position:absolute;
  inset:0;
  margin:0;
  opacity:0;
  pointer-events:none;
  transform:translateX(16px);
  transition:opacity .42s ease,transform .42s ease;
}
.hero-carousel .carousel-slide.is-active{opacity:1;pointer-events:auto;transform:translateX(0)}
.hero-carousel .carousel-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.carousel-controls{position:absolute;z-index:4;inset:0;pointer-events:none}
.carousel-arrow,.carousel-dots button{border:0;background:transparent;color:#ffe0a1;cursor:pointer}
.carousel-arrow{
  position:absolute;
  top:50%;
  width:34px;
  height:54px;
  padding:0;
  border:1px solid rgba(255,197,79,.38);
  background:rgba(47,14,2,.48);
  font-size:31px;
  line-height:1;
  transform:translateY(-50%);
  pointer-events:auto;
  transition:background .2s,border-color .2s;
}
.carousel-arrow:hover{border-color:#ffd778;background:rgba(115,38,3,.65)}
.carousel-prev{left:9px}.carousel-next{right:9px}
.carousel-dots{position:absolute;bottom:12px;left:50%;display:flex;gap:6px;transform:translateX(-50%);pointer-events:auto}
.carousel-dots button{width:17px;height:3px;padding:0;background:rgba(255,216,140,.34);transition:width .2s,background .2s}
.carousel-dots button.is-active{width:29px;background:#ffc34f}

@media (max-width:800px){
  .download-center{padding:76px 0}
  .launcher-grid{grid-template-columns:1fr}
  .launcher-grid article{min-height:0;padding:26px 23px}
  .launcher-grid ul{grid-template-columns:1fr;gap:7px}
}

/* 圆润无笔锋标题，避免书法笔触影响可读性。 */
.hero h1,
.download-center h2,
.capabilities h2,
.process h2,
.contact h2,
.updates h2,
.launcher-grid h3,
.cap-grid h3,
.process-grid h3{
  font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",sans-serif;
  font-weight:800;
  font-synthesis:none;
  letter-spacing:.035em;
}
.hero h1{line-height:1.17;text-shadow:0 3px 0 #3f1604,0 0 18px rgba(248,157,33,.22)}
.hero h1 span{
  -webkit-text-stroke:0;
  text-shadow:0 3px 0 #4a1603,0 0 16px rgba(255,172,42,.34);
}

/* 红金复古下载按钮：金属外框、内嵌金线与四角铆钉。 */
.hero-actions .primary,
.launcher-download{
  position:relative;
  isolation:isolate;
  min-width:136px;
  min-height:46px;
  border:2px solid #f6ca56;
  border-radius:3px;
  background:
    radial-gradient(circle at 7px 7px,#fff5a2 0 1px,#8b5b05 2px,transparent 3px),
    radial-gradient(circle at calc(100% - 7px) 7px,#fff5a2 0 1px,#8b5b05 2px,transparent 3px),
    radial-gradient(circle at 7px calc(100% - 7px),#fff5a2 0 1px,#8b5b05 2px,transparent 3px),
    radial-gradient(circle at calc(100% - 7px) calc(100% - 7px),#fff5a2 0 1px,#8b5b05 2px,transparent 3px),
    linear-gradient(180deg,#cb1508 0%,#850800 46%,#bf1507 100%);
  box-shadow:0 0 0 1px #520800,0 7px 13px rgba(47,5,0,.48),inset 0 1px rgba(255,240,151,.64),inset 0 -2px rgba(60,3,0,.42);
  color:#ffef61;
  font-family:"YouYuan","Microsoft YaHei UI","Microsoft YaHei",sans-serif;
  font-weight:700;
  letter-spacing:.08em;
  text-shadow:0 1px #581000,0 0 4px rgba(255,225,61,.45);
}
.hero-actions .primary::before,
.launcher-download::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:3px;
  border:1px solid rgba(255,231,112,.66);
  border-radius:1px;
}
.hero-actions .primary:hover,
.launcher-download:hover{
  border-color:#ffe289;
  filter:brightness(1.12);
  transform:translateY(-1px);
}