:root {
  --rose-ink: #24151d;
  --rose-muted: #725565;
  --rose-paper: #fff9f5;
  --rose-panel: rgba(255, 250, 247, .94);
  --rose-line: rgba(145, 72, 101, .20);
  --rose-wine: #7c284a;
  --rose-pink: #d45d83;
  --rose-blush: #f3b7c8;
  --rose-gold: #c79245;
  --rose-shadow: 0 24px 70px rgba(83, 38, 57, .18);
}

html { background: #f9eee9 !important; }

body {
  color: var(--rose-ink) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(243,183,200,.52), transparent 28rem),
    radial-gradient(circle at 88% 18%, rgba(199,146,69,.18), transparent 25rem),
    linear-gradient(135deg, #fffaf6 0%, #f8ebe7 48%, #f4e2e8 100%) fixed !important;
}

body::before {
  opacity: .32 !important;
  background-image:
    radial-gradient(circle at center, rgba(124,40,74,.16) 1px, transparent 1.5px) !important;
  background-size: 24px 24px !important;
  mask-image: linear-gradient(to bottom, #000, transparent 88%) !important;
}

body::after {
  width: 30rem !important;
  height: 30rem !important;
  right: -10rem !important;
  bottom: -13rem !important;
  background: rgba(212,93,131,.20) !important;
  filter: blur(80px) !important;
}

a { color: var(--rose-wine) !important; }
a:hover { color: var(--rose-pink) !important; }
.snowEffect { opacity: .07 !important; filter: sepia(1) hue-rotate(285deg); }

.body_body {
  width: min(1160px, calc(100% - 28px)) !important;
  margin: 24px auto 54px !important;
}

.div-12 {
  color: #755d68 !important;
  background: rgba(255,250,247,.75) !important;
  border: 1px solid var(--rose-line) !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 24px rgba(83,38,57,.07) !important;
}

.left_top, .right_top, .bg_top, .bg_noel, .bg_top_22 { background-image: none !important; }

.body-content, .bg-content2 {
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

h1.a {
  position: relative;
  min-height: 112px;
  margin: 0 0 18px !important;
  display: grid;
  place-items: center;
}

h1.a img { display: none !important; }
h1.a a::before {
  content: "KÍ ỨC";
  display: block;
  color: var(--rose-wine);
  font: 600 clamp(28px, 5vw, 54px)/.95 Georgia, serif;
  letter-spacing: .22em;
  text-align: center;
}
h1.a a::after {
  content: "ROSE  ·  THẾ GIỚI CHIẾN BINH";
  display: block;
  margin-top: 12px;
  color: var(--rose-gold);
  font: 700 12px/1.3 "Segoe UI", sans-serif;
  letter-spacing: .28em;
  text-align: center;
}

.link-more, .h, #top {
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
}

.menu2 {
  padding: 7px !important;
  border: 1px solid var(--rose-line) !important;
  border-radius: 999px !important;
  background: rgba(255,250,247,.86) !important;
  box-shadow: 0 15px 35px rgba(83,38,57,.10) !important;
  backdrop-filter: blur(14px);
}
.menu2 table { border-spacing: 5px !important; }
.menu2 td {
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
}
.menu2 td a {
  display: block !important;
  padding: 11px 14px !important;
  color: var(--rose-muted) !important;
  font: 700 13px/1 "Segoe UI", sans-serif !important;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.menu2 td:hover, .menu2 td#selected {
  background: linear-gradient(135deg, var(--rose-wine), var(--rose-pink)) !important;
  box-shadow: 0 8px 20px rgba(124,40,74,.22) !important;
}
.menu2 td:hover a, .menu2 td#selected a { color: #fff !important; }

.bg_top_22 {
  overflow: hidden !important;
  margin: 20px 0 !important;
  border: 1px solid rgba(124,40,74,.16) !important;
  border-radius: 28px !important;
  box-shadow: var(--rose-shadow) !important;
}
.bg_top_22 img {
  min-height: 240px;
  object-fit: cover;
  filter: sepia(.18) saturate(.78) hue-rotate(300deg) contrast(.96);
}

.bg-content, .content, .content-box, .card, .box, .w3-container,
.forum-content, .post-list, .login-form, .register-form {
  color: var(--rose-ink) !important;
  border-color: var(--rose-line) !important;
  border-radius: 22px !important;
  background: var(--rose-panel) !important;
  box-shadow: 0 16px 45px rgba(83,38,57,.10) !important;
}

.download .bg-content { padding: 18px !important; }
.vb-download-grid { gap: 12px !important; }
.vb-download-card {
  color: var(--rose-ink) !important;
  border: 1px solid var(--rose-line) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, #fffdfb, #f9ebe9) !important;
  box-shadow: 0 10px 28px rgba(83,38,57,.08) !important;
}
.vb-download-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(212,93,131,.48) !important;
  box-shadow: 0 16px 34px rgba(124,40,74,.16) !important;
}
.vb-device-icon {
  color: #fff !important;
  background: linear-gradient(135deg, var(--rose-wine), var(--rose-pink)) !important;
  box-shadow: none !important;
}
.vb-download-copy strong { color: var(--rose-wine) !important; }
.vb-download-copy small { color: var(--rose-muted) !important; }
.vb-download-action {
  color: var(--rose-wine) !important;
  border-color: rgba(124,40,74,.18) !important;
  background: #fff7f4 !important;
}

button, .btn, input[type="submit"], input[type="button"],
.button, .btn-primary, .btn-success {
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--rose-wine), var(--rose-pink)) !important;
  box-shadow: 0 10px 24px rgba(124,40,74,.20) !important;
}
button:hover, .btn:hover, input[type="submit"]:hover { filter: brightness(1.08); transform: translateY(-1px); }

input, select, textarea {
  color: var(--rose-ink) !important;
  border: 1px solid rgba(124,40,74,.22) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.86) !important;
  box-shadow: inset 0 1px 2px rgba(83,38,57,.05) !important;
}
input:focus, select:focus, textarea:focus {
  outline: 0 !important;
  border-color: var(--rose-pink) !important;
  box-shadow: 0 0 0 4px rgba(212,93,131,.13) !important;
}

table { border-color: var(--rose-line) !important; }
th {
  color: #fff !important;
  background: var(--rose-wine) !important;
}
td { border-color: rgba(124,40,74,.12) !important; }
tr:nth-child(even) td { background: rgba(243,183,200,.09) !important; }

.copyright, footer, .footer {
  color: var(--rose-muted) !important;
  border-color: var(--rose-line) !important;
  background: transparent !important;
}
.vb-legal-notice {
  color: var(--rose-muted) !important;
  border-color: var(--rose-line) !important;
  background: rgba(255,250,247,.72) !important;
}

#backTopimg {
  border-radius: 50%;
  filter: sepia(.6) hue-rotate(285deg) saturate(.8);
}

@media (max-width: 700px) {
  .body_body { width: min(100% - 16px, 1160px) !important; margin-top: 12px !important; }
  h1.a { min-height: 88px; }
  h1.a a::before { letter-spacing: .12em; }
  h1.a a::after { font-size: 9px; letter-spacing: .16em; }
  .menu2 { border-radius: 20px !important; }
  .menu2 table, .menu2 tbody, .menu2 tr { display: grid !important; grid-template-columns: 1fr 1fr; }
  .menu2 td { display: block !important; }
  .bg_top_22 img { min-height: 160px; }
  .vb-download-grid { grid-template-columns: 1fr !important; }
}