/* Independent VyNews theme: Adventurer Guild / 原創冒險者公會
   Visual only. No Bootstrap layout or news content logic inside. */
:root {
  color-scheme: dark;
  --vn-page: #181a16;
  --vn-ink: #f6e8ce;
  --vn-muted: #c2b69d;
  --vn-accent: #e1b874;
  --vn-accent-ink: #272014;
  --vn-accent-soft: rgba(225,184,116,.12);
  --vn-border: rgba(208,174,112,.22);
  --vn-card: rgba(35,36,29,.93);
  --vn-card-hover: rgba(47,47,37,.98);
  --vn-header: rgba(23,26,21,.91);
  --vn-panel: rgba(35,37,31,.88);
  --vn-input: rgba(255,242,206,.035);
  --vn-chip: rgba(230,193,123,.075);
  --vn-chip-border: rgba(215,182,127,.17);
  --vn-shadow: 0 15px 38px rgba(4,5,2,.21);
}
body.vn-app { background:radial-gradient(ellipse 75% 60% at 89% 15%,rgba(111,91,47,.13),transparent 63%), radial-gradient(ellipse 80% 90% at 9% 80%,rgba(72,76,45,.22),transparent 63%), #181a16; }
.vn-app-shell::before { background-image:repeating-linear-gradient(0deg,transparent 0 83px,rgba(236,198,132,.025) 84px 85px),repeating-linear-gradient(90deg,transparent 0 83px,rgba(236,198,132,.023) 84px 85px); opacity:.65; }
.vn-app-shell::after { background-image: radial-gradient(circle at 15% 21%,rgba(229,182,104,.045) 0 2px,transparent 3px),radial-gradient(circle at 80% 42%,rgba(229,182,104,.065) 0 2px,transparent 3px);background-size:240px 240px,340px 290px; }
.vn-brand-emblem { border-radius:5px; transform:rotate(45deg) scale(.79); box-shadow:inset 0 0 0 3px rgba(25,25,15,.35),0 0 0 1px rgba(225,184,116,.21); }
.vn-brand-emblem span { transform:rotate(-45deg) scale(1.25); }
.vn-header { box-shadow:0 9px 35px rgba(0,0,0,.1); }
.vn-hero { background: radial-gradient(ellipse 340px 250px at 88% 40%,rgba(214,161,85,.11),transparent 87%), linear-gradient(122deg,rgba(49,50,38,.96),rgba(29,33,27,.98) 68%,rgba(50,45,32,.97)); }
.vn-hero::before { inset:13px; border:1px solid rgba(222,182,111,.21); border-radius:17px; }
.vn-hero::after { top:18px;left:18px;right:18px;bottom:18px;opacity:.12;background: repeating-linear-gradient(135deg,transparent 0 23px,#c59a56 24px 25px,transparent 26px 48px);mask-image:linear-gradient(to right,#000 0,transparent 22%,transparent 83%,#000 100%); }
.vn-art-orbit { border:1px solid rgba(219,175,101,.44); border-radius:50%; background:radial-gradient(circle,rgba(192,143,73,.07),transparent 65%); box-shadow:0 0 0 13px rgba(212,173,102,.025),inset 0 0 42px rgba(215,176,107,.06); }
.vn-art-orbit::before,.vn-art-orbit::after { content:""; position:absolute;left:50%;top:4%;bottom:4%;width:1px;background:linear-gradient(transparent,rgba(231,185,106,.55),transparent);transform-origin:50% 50%; }
.vn-art-orbit::after { transform:rotate(90deg); }
.vn-art-ring { inset:10%; border:1px dashed rgba(221,180,104,.33); box-shadow:0 0 0 18px rgba(198,147,84,.035); }
.vn-art-ring::before,.vn-art-ring::after { content:"";position:absolute;inset:15%;border:1px solid rgba(219,175,101,.26);transform:rotate(45deg); }
.vn-art-ring::after { transform:rotate(0deg); }
.vn-art-center { background:radial-gradient(circle at 35% 25%,#584c2e 0,#332e22 60%,#26281e 100%); border:1px solid #b48b4e;box-shadow:inset 0 0 0 5px rgba(26,23,13,.6),inset 0 0 0 6px rgba(209,169,91,.3),0 8px 32px #0008; }
.vn-art-glyph { color:#e4c085;text-shadow:0 3px 6px #201b10,0 0 23px #a3793459; }
.vn-art-top,.vn-art-bottom { color:#d8b679; }
.vn-decor-point { background:#d7aa63;box-shadow:0 0 14px #c79a55; }
.vn-card-category { text-transform:uppercase; }
.vn-card { background-image:linear-gradient(135deg,rgba(227,186,114,.03),transparent 63%); }
.vn-section-title { text-shadow:0 2px 19px rgba(227,183,102,.05); }
.vn-banner-mark { border-radius:4px;transform:rotate(45deg) scale(.8); }
.vn-banner-mark>span {transform:rotate(-45deg) scale(1.2);}
@media (max-width:767.98px) { .vn-hero::before { inset:8px;border-radius:12px; } }