/* ============================================================
   模板：赛博赤红（tpl_cyber）· 白底硬朗电竞风
   ============================================================ */

:root {
  --brand: #e11d48;
  --brand-2: #f97316;
  --brand-ink: #be123c;
  --brand-soft: #fff1f3;
  --radius: 6px;
  --radius-sm: 6px;
}

body.tpl-cyber {
  background-image:
    radial-gradient(760px 400px at 50% -160px, rgba(225, 29, 72, .10), transparent 68%),
    radial-gradient(600px 360px at 100% 0%, rgba(249, 115, 22, .08), transparent 65%);
}

/* 斜切细线：硬朗的科技感 */
body.tpl-cyber::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(225, 29, 72, .05) 0 1px,
    transparent 1px 9px
  );
  -webkit-mask-image: linear-gradient(180deg, #000, transparent 70%);
  mask-image: linear-gradient(180deg, #000, transparent 70%);
}

body.tpl-cyber .deco { display: none; }

body.tpl-cyber .brand {
  border-radius: 4px;
  border-color: #f1dfe3;
}
body.tpl-cyber .brand-mark {
  border-radius: 3px;
  background: linear-gradient(135deg, #e11d48, #f97316);
  box-shadow: 0 3px 10px rgba(225, 29, 72, .28);
}

body.tpl-cyber .hero-title {
  letter-spacing: .5px;
  text-transform: none;
}
body.tpl-cyber .hero-title em {
  background: linear-gradient(120deg, #e11d48, #f97316);
  -webkit-background-clip: text;
  background-clip: text;
}

body.tpl-cyber .search-card { border-radius: 8px; }
body.tpl-cyber .search-box { border-radius: 5px; background: #fff; border-color: var(--line-2); }
body.tpl-cyber .search-btn {
  border-radius: 4px;
  background: linear-gradient(135deg, #e11d48, #f97316);
  box-shadow: 0 5px 14px rgba(225, 29, 72, .26);
  letter-spacing: 1.5px;
}

body.tpl-cyber .order-card { border-radius: 8px; position: relative; overflow: hidden; }
body.tpl-cyber .order-card::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 3px;
  background: linear-gradient(90deg, #e11d48, #f97316 60%, transparent);
}
body.tpl-cyber .countdown-block { border-radius: 6px; }
body.tpl-cyber .cd-cell { border-radius: 5px; }
body.tpl-cyber .meta-item { border-radius: 5px; background: #fff; }
body.tpl-cyber .renew-btn { border-radius: 4px; letter-spacing: .6px; }

body.tpl-cyber .footer, body.tpl-cyber .foot { letter-spacing: .6px; }