/* Gudang4D */

/* THEME: bg=#1C0F33 accent=#FF2BD6 */
:root{--brown:#3A145F;--brown2:#5B1AA1;--sand:#F2EEFF;--paper:#23104A;--gold:#FF2BD6;--ink:#F2EEFF;--mut:#C8B9E8;--line:rgba(255,255,255,.14);--bg:#1C0F33;--panel:#23104A;--panel2:#1A0C33;--cyan:#28E8FF;--mag:#FF2BD6;--vio:#8A5CFF;--gold2:#FFC64A;--ok:#57FFA3;--shadow:0 14px 40px rgba(0,0,0,.55);--glow-mag:0 0 14px rgba(255,43,214,.35),0 0 30px rgba(255,43,214,.22);--glow-cyan:0 0 14px rgba(40,232,255,.28),0 0 30px rgba(40,232,255,.18);--radius:12px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font:16px/1.75 "Segoe UI",system-ui,Arial,sans-serif;background:
radial-gradient(1200px 700px at 10% -10%, rgba(138,92,255,.18), transparent 60%),
radial-gradient(900px 600px at 110% 0%, rgba(255,43,214,.14), transparent 58%),
radial-gradient(900px 800px at 70% 120%, rgba(40,232,255,.10), transparent 62%),
linear-gradient(180deg, #1C0F33 0%, #120827 60%, #0E0620 100%);color:var(--ink)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.3;color:var(--sand);text-shadow:0 1px 0 rgba(0,0,0,.55),0 0 10px rgba(138,92,255,.22)}
a{color:var(--cyan);text-decoration:none;text-shadow:0 0 10px rgba(40,232,255,.18)}a:hover{text-decoration:underline}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header.site{background:
linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0)),
linear-gradient(90deg, rgba(255,43,214,.14), rgba(40,232,255,.10)),
linear-gradient(180deg, #2B125A 0%, #1A0C33 100%);border-bottom:1px solid rgba(255,43,214,.35);position:sticky;top:0;z-index:40;box-shadow:0 10px 30px rgba(0,0,0,.45)}
header.site::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg, transparent, rgba(255,43,214,.8), rgba(40,232,255,.8), transparent);filter:drop-shadow(0 0 10px rgba(255,43,214,.35))}
header.site::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg, transparent, rgba(255,198,74,.65), rgba(255,43,214,.55), rgba(40,232,255,.55), transparent)}
.hbar{display:flex;align-items:center;gap:16px;padding:10px 0;position:relative}
.logo{display:flex;align-items:center;gap:10px}
.logo .book{width:32px;height:26px;background:
linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,0)),
linear-gradient(135deg, rgba(255,43,214,.18), rgba(40,232,255,.14)),
linear-gradient(180deg, #2A0F5A 0%, #1A073C 100%);border-radius:4px 9px 9px 4px;position:relative;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 18px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.20)}
.logo .book::after{content:"";position:absolute;left:6px;top:4px;bottom:4px;width:2px;background:linear-gradient(180deg, rgba(255,198,74,.95), rgba(255,43,214,.75));box-shadow:0 0 10px rgba(255,198,74,.22)}
.wordmark{color:var(--sand);font-family:Georgia,serif;font-size:20px;font-weight:700;letter-spacing:1px;text-shadow:0 1px 0 rgba(0,0,0,.6), var(--glow-mag)}
.wordmark b{color:var(--gold2);text-shadow:0 1px 0 rgba(0,0,0,.6),0 0 12px rgba(255,198,74,.25)}
nav.main{margin-left:auto;display:flex;flex-wrap:wrap;gap:4px}
nav.main a{color:rgba(242,238,255,.86);font-size:14px;padding:7px 11px;border-radius:10px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0));box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}
nav.main a:hover{color:var(--sand);background:
radial-gradient(12px 12px at 10px 50%, rgba(255,198,74,.55) 0 35%, transparent 38%),
linear-gradient(180deg, rgba(255,43,214,.22), rgba(40,232,255,.14)),
linear-gradient(180deg, #2B125A 0%, #1A0C33 100%);text-decoration:none;border-color:rgba(40,232,255,.35);box-shadow:0 0 0 3px rgba(40,232,255,.12), var(--glow-cyan)}
main{padding:0 0 60px}
.hero{background:
radial-gradient(1200px 240px at 50% 0%, rgba(255,43,214,.18), transparent 60%),
radial-gradient(900px 220px at 20% 10%, rgba(40,232,255,.12), transparent 55%),
linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,0)),
linear-gradient(180deg, #24104C 0%, #1C0F33 100%);border-bottom:1px solid rgba(255,255,255,.10);padding:46px 0 36px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;left:10px;right:10px;top:10px;height:14px;border-radius:999px;background:
radial-gradient(circle, rgba(255,198,74,.95) 0 3px, transparent 4px) 0 0/18px 14px,
radial-gradient(circle, rgba(255,43,214,.65) 0 3px, transparent 4px) 9px 0/18px 14px;filter:drop-shadow(0 0 10px rgba(255,198,74,.22));opacity:.95}
.hero::after{content:"";position:absolute;left:10px;right:10px;bottom:10px;height:14px;border-radius:999px;background:
radial-gradient(circle, rgba(255,198,74,.9) 0 3px, transparent 4px) 0 0/18px 14px,
radial-gradient(circle, rgba(40,232,255,.62) 0 3px, transparent 4px) 9px 0/18px 14px;filter:drop-shadow(0 0 10px rgba(40,232,255,.18));opacity:.85}
.hero .kick{font-size:12.5px;letter-spacing:3px;color:var(--gold2);font-weight:800;margin-bottom:12px;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.55),0 0 12px rgba(255,198,74,.25)}
.hero h1{font-size:32px;max-width:820px}
.hero .lede{max-width:780px;margin-top:14px;color:rgba(242,238,255,.78)}
.searchbox{margin-top:20px;max-width:640px}
.searchbox input{width:100%;padding:13px 18px;border:1px solid rgba(40,232,255,.35);border-radius:14px;font-size:16px;background:
linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0)),
linear-gradient(180deg, #1B0B38 0%, #120627 100%);font-family:inherit;color:var(--sand);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), 0 10px 25px rgba(0,0,0,.35)}
.searchbox input::placeholder{color:rgba(200,185,232,.85)}
.searchbox input:focus{outline:3px solid rgba(255,43,214,.22);border-color:rgba(255,43,214,.65);box-shadow:0 0 0 4px rgba(255,43,214,.10), var(--glow-mag)}
.az{display:flex;flex-wrap:wrap;gap:4px;margin-top:14px}
.az a{width:30px;height:30px;display:grid;place-items:center;background:
linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0)),
linear-gradient(180deg, #2A1158 0%, #1A0C33 100%);border:1px solid rgba(255,255,255,.12);border-radius:10px;color:var(--sand);font-family:Georgia,serif;font-weight:800;font-size:13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.az a:hover{background:
radial-gradient(10px 10px at 30% 30%, rgba(255,255,255,.22), transparent 60%),
linear-gradient(180deg, rgba(255,43,214,.38), rgba(40,232,255,.20)),
linear-gradient(180deg, #2C125E 0%, #1A0C33 100%);color:#FFFFFF;text-decoration:none;border-color:rgba(255,43,214,.55);box-shadow:0 0 0 3px rgba(255,43,214,.12), var(--glow-mag)}
.az .lead{width:auto;padding:0 10px;background:none;border:none;color:rgba(200,185,232,.85);font-size:13px;font-family:"Segoe UI",sans-serif;box-shadow:none}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center}
.hero-fig img{width:100%;height:auto;border-radius:14px;border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow);background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0))}
.vol{background:
linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,0)),
linear-gradient(180deg, #24104C 0%, #1A0C33 100%);border:1px solid rgba(255,255,255,.12);border-left:5px solid var(--gold);border-radius:14px;padding:22px 24px;margin:16px 0;box-shadow:var(--shadow);position:relative;overflow:hidden}
.vol::before{content:"";position:absolute;left:12px;right:12px;top:12px;height:12px;border-radius:999px;background:
radial-gradient(circle, rgba(255,198,74,.9) 0 3px, transparent 4px) 0 0/18px 12px,
radial-gradient(circle, rgba(40,232,255,.55) 0 3px, transparent 4px) 9px 0/18px 12px;opacity:.6}
.vol h2{font-size:21px;margin-bottom:8px}
.vol :is(p,ul,ol,table){margin:8px 0}
.vol table{width:100%;border-collapse:collapse;font-size:14.5px;display:block;overflow-x:auto}
.vol th{background:
linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0)),
linear-gradient(90deg, rgba(255,43,214,.25), rgba(40,232,255,.18)),
linear-gradient(180deg, #2D145F 0%, #1B0B38 100%);color:var(--sand);text-align:left;padding:7px 10px;border-bottom:1px solid rgba(255,255,255,.12)}
.vol td{padding:7px 10px;border:1px solid rgba(255,255,255,.12);background:rgba(16,6,36,.55);color:rgba(242,238,255,.92)}
.termchip{display:inline-block;background:
linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0)),
linear-gradient(180deg, #2A1158 0%, #1A0C33 100%);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:2px 12px;margin:3px 3px;font-size:13.5px;color:var(--sand);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.termchip:hover{border-color:rgba(40,232,255,.35);box-shadow:0 0 0 3px rgba(40,232,255,.10), var(--glow-cyan)}
.crumbs{font-size:13px;color:rgba(200,185,232,.86);margin:20px 0 14px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li::before{content:"\00BB ";color:var(--gold2);text-shadow:0 0 10px rgba(255,198,74,.22)}
.art-head{border-bottom:1px solid rgba(255,43,214,.35);padding-bottom:12px;margin-bottom:14px;position:relative}
.art-head::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg, transparent, rgba(255,43,214,.85), rgba(40,232,255,.75), transparent);filter:drop-shadow(0 0 10px rgba(255,43,214,.22))}
.art-head h1{font-size:29px;text-shadow:0 1px 0 rgba(0,0,0,.6), var(--glow-mag)}
.art-meta{font-size:13px;color:rgba(200,185,232,.86)}
.page2col{display:grid;grid-template-columns:1fr;gap:0}
.toc{background:
linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,0)),
linear-gradient(180deg, #24104C 0%, #1A0C33 100%);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px 20px;margin:18px 0;box-shadow:var(--shadow);position:relative;overflow:hidden}
.toc::before{content:"";position:absolute;left:12px;right:12px;top:12px;height:12px;border-radius:999px;background:
radial-gradient(circle, rgba(255,198,74,.88) 0 3px, transparent 4px) 0 0/18px 12px,
radial-gradient(circle, rgba(255,43,214,.55) 0 3px, transparent 4px) 9px 0/18px 12px;opacity:.55}
.toc h2{font-size:15px;letter-spacing:2px;color:var(--gold2);text-transform:uppercase;text-shadow:0 0 12px rgba(255,198,74,.18)}
.toc ol{margin:8px 0 0 18px;font-size:14.5px}
.fig-main{margin:20px 0;border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;background:
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0)),
linear-gradient(180deg, #201041 0%, #120627 100%);box-shadow:var(--shadow)}
.fig-main img{display:block;width:100%;height:auto}
.fig-main figcaption{font-size:13px;color:rgba(200,185,232,.86);padding:9px 14px;border-top:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.18)}
.sect{background:
linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,0)),
linear-gradient(180deg, #24104C 0%, #1A0C33 100%);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:20px 24px;margin:16px 0;box-shadow:var(--shadow);position:relative;overflow:hidden}
.sect::before{content:"";position:absolute;left:10px;right:10px;top:10px;height:12px;border-radius:999px;background:
radial-gradient(circle, rgba(255,198,74,.88) 0 3px, transparent 4px) 0 0/18px 12px,
radial-gradient(circle, rgba(40,232,255,.55) 0 3px, transparent 4px) 9px 0/18px 12px;opacity:.45}
.sect h2{font-size:21px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:6px}
.sect h2::before{content:"\00A7\00A0";color:var(--gold2);text-shadow:0 0 10px rgba(255,198,74,.20)}
.sect h3{font-size:17px;color:rgba(200,185,232,.96);margin:12px 0 4px}
.sect :is(p,ul,ol,table){margin:8px 0}
.sect table{width:100%;border-collapse:collapse;font-size:14.5px;display:block;overflow-x:auto}
.sect th{background:
linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0)),
linear-gradient(90deg, rgba(255,43,214,.25), rgba(40,232,255,.18)),
linear-gradient(180deg, #2D145F 0%, #1B0B38 100%);color:var(--sand);text-align:left;padding:7px 10px;border-bottom:1px solid rgba(255,255,255,.12)}
.sect td{padding:7px 10px;border:1px solid rgba(255,255,255,.12);background:rgba(16,6,36,.55);color:rgba(242,238,255,.92)}
.faq details{background:
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0)),
linear-gradient(180deg, #24104C 0%, #1A0C33 100%);border:1px solid rgba(255,255,255,.12);border-radius:12px;margin:8px 0;padding:4px 16px;box-shadow:0 10px 26px rgba(0,0,0,.35)}
.faq summary{cursor:pointer;font-weight:700;padding:10px 0;color:var(--sand);text-shadow:0 1px 0 rgba(0,0,0,.55)}
.faq summary::marker{color:var(--gold2)}
.faq-a{color:rgba(200,185,232,.90);padding-bottom:12px}
.related{background:
radial-gradient(900px 220px at 20% 0%, rgba(255,43,214,.20), transparent 60%),
radial-gradient(900px 220px at 80% 20%, rgba(40,232,255,.14), transparent 55%),
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0)),
linear-gradient(180deg, #2B125A 0%, #1A0C33 100%);border-radius:14px;padding:18px 22px;margin:22px 0;color:var(--sand);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.12);position:relative;overflow:hidden}
.related::before{content:"";position:absolute;left:12px;right:12px;top:12px;height:12px;border-radius:999px;background:
radial-gradient(circle, rgba(255,198,74,.88) 0 3px, transparent 4px) 0 0/18px 12px,
radial-gradient(circle, rgba(255,43,214,.55) 0 3px, transparent 4px) 9px 0/18px 12px;opacity:.6}
.related h2{color:var(--sand);font-size:17px;text-shadow:0 1px 0 rgba(0,0,0,.6), var(--glow-cyan)}
.related ul{list-style:none}
.related li{margin:7px 0;padding-left:22px;position:relative;font-size:14.5px}
.related li::before{content:"\2192";position:absolute;left:0;color:var(--gold2);text-shadow:0 0 10px rgba(255,198,74,.18)}
.rg-strip{background:
linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0)),
linear-gradient(180deg, rgba(87,255,163,.10), rgba(87,255,163,.03));border:1px solid rgba(87,255,163,.28);border-radius:14px;padding:14px 18px;margin:20px 0;color:rgba(242,238,255,.92);font-size:14.5px;box-shadow:0 10px 26px rgba(0,0,0,.35)}
footer.site{background:
radial-gradient(900px 220px at 50% 0%, rgba(255,43,214,.18), transparent 60%),
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0)),
linear-gradient(180deg, #1A0C33 0%, #0E0620 100%);color:rgba(242,238,255,.82);padding:34px 0 24px;font-size:14px;border-top:1px solid rgba(255,255,255,.10);position:relative}
footer.site::before{content:"";position:absolute;left:10px;right:10px;top:10px;height:14px;border-radius:999px;background:
radial-gradient(circle, rgba(255,198,74,.85) 0 3px, transparent 4px) 0 0/18px 14px,
radial-gradient(circle, rgba(40,232,255,.55) 0 3px, transparent 4px) 9px 0/18px 14px;opacity:.45}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:26px}
footer.site h2{font-family:Georgia,serif;font-size:14px;letter-spacing:2px;color:var(--gold2);margin-bottom:10px;text-transform:uppercase;text-shadow:0 0 12px rgba(255,198,74,.18)}
footer.site ul{list-style:none}
footer.site li{margin:6px 0}
footer.site a{color:rgba(242,238,255,.82)}
footer.site a:hover{color:var(--cyan);text-shadow:var(--glow-cyan)}
.fbadges{display:flex;gap:14px;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);flex-wrap:wrap}
.badge18{border:1px solid rgba(255,198,74,.75);color:var(--gold2);font-weight:900;border-radius:12px;padding:2px 10px;background:
linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0)),
linear-gradient(180deg, rgba(255,198,74,.10), rgba(255,198,74,.02));box-shadow:0 0 0 3px rgba(255,198,74,.10), 0 10px 22px rgba(0,0,0,.35)}
.legal{font-size:12.5px;color:rgba(200,185,232,.78);margin-top:12px}
.searchnote{display:none;background:
linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0)),
linear-gradient(180deg, rgba(255,198,74,.12), rgba(255,198,74,.03));border:1px dashed rgba(255,198,74,.65);border-radius:12px;padding:10px 14px;margin-top:10px;font-size:14px;color:rgba(242,238,255,.92);box-shadow:0 10px 24px rgba(0,0,0,.35)}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.fgrid{grid-template-columns:1fr}.hero h1{font-size:25px}.art-head h1{font-size:23px}.az a{width:26px;height:26px}}