/* 하위 페이지(공지사항 /news, 릴리즈노트 /releases) 공용 — 홈페이지와 같은 글래스모피즘 + 같은 헤더 */
:root{
  --bg:#05060d;
  --glass:rgba(255,255,255,.065); --glass2:rgba(255,255,255,.1);
  --gline:rgba(255,255,255,.18); --gline2:rgba(255,255,255,.34);
  --text:#f3f4fb; --muted:#b4b8cf; --dim:#868aa6;
  --acc:#9db8ff; --gold:#f3cf6b; --grn:#7fe0b4; --blu:#8ab4f8;
  --sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Segoe UI",Roboto,sans-serif;
  --blur:blur(22px) saturate(160%);
  --shadow:0 30px 70px -34px rgba(0,0,0,.75);
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased;letter-spacing:-.01em;min-height:100vh}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:linear-gradient(180deg,rgba(5,6,13,.5) 0%,rgba(5,6,13,.72) 50%,rgba(5,6,13,.92) 100%),url("/assets/galaxy.jpg") center 20%/cover no-repeat}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(760px 520px at 18% 8%,rgba(120,92,255,.28),transparent 65%),
    radial-gradient(680px 480px at 86% 22%,rgba(56,140,255,.22),transparent 65%),
    radial-gradient(720px 520px at 70% 92%,rgba(255,120,170,.13),transparent 65%)}
a{color:inherit}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px 80px}
.glass{background:linear-gradient(180deg,var(--glass2),var(--glass));border:1px solid var(--gline);border-radius:22px;
  -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.22)}

/* 헤더 (홈페이지와 동일) */
header{position:sticky;top:12px;z-index:50;margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 12px 10px 14px;border-radius:18px;background:rgba(14,16,30,.45);border:1px solid var(--gline);
  -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:0 14px 40px -22px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.14)}
.brand-wrap{display:flex;align-items:center;gap:11px;text-decoration:none}
.brand-icon{flex-shrink:0;width:64px;height:64px;border-radius:22%;display:block;box-shadow:0 6px 18px -5px rgba(0,0,0,.65)}
.brand-logo{font-family:ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;color:#f4f5ff;font-weight:700;line-height:1;white-space:pre;letter-spacing:0;
  font-size:clamp(4.5px,1.1vw,6px);user-select:none;-webkit-user-select:none;text-shadow:0 0 8px rgba(180,200,255,.4);margin:0}
.head-right{display:flex;align-items:center;gap:8px}
.navlink{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;font-size:13.5px;font-weight:700;white-space:nowrap;
  text-decoration:none;color:var(--text);border:1px solid transparent}
.navlink:hover{background:rgba(255,255,255,.08);border-color:var(--gline)}
.navlink.on{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}
.head-dl{display:inline-flex;align-items:center;height:36px;padding:0 15px;border-radius:999px;font-size:13.5px;font-weight:700;white-space:nowrap;
  text-decoration:none;color:#0c0e1a;background:#fff}
.head-dl:hover{background:#eef0ff}
.lang-wrap{position:relative}
.lang-btn{white-space:nowrap;display:inline-flex;align-items:center;gap:7px;height:36px;background:rgba(255,255,255,.07);border:1px solid var(--gline);border-radius:999px;color:var(--text);font-family:var(--sans);font-size:13px;font-weight:600;padding:0 13px;cursor:pointer}
.lang-btn:hover{border-color:var(--gline2)}
.lang-btn svg{width:16px;height:16px;color:var(--muted)}
.lang-btn .caret{color:var(--muted);font-size:10px}
.lang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:rgba(18,20,36,.9);border:1px solid var(--gline);border-radius:16px;padding:6px;
  -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:0 18px 44px -14px rgba(0,0,0,.7);display:none;z-index:60;max-height:340px;overflow-y:auto}
.lang-menu.open{display:block}
.lang-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;color:var(--text);font-family:var(--sans);font-size:13px;font-weight:600;padding:8px 11px;border-radius:10px;cursor:pointer;text-align:left}
.lang-menu button:hover{background:rgba(255,255,255,.09)}
.lang-menu button.on{color:var(--acc)}
.lang-menu .ck{color:var(--grn)}
.theme-switch{position:relative;width:64px;height:36px;border-radius:999px;border:1px solid var(--gline);background:rgba(255,255,255,.07);cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:0 10px;flex-shrink:0}
.theme-switch svg{width:15px;height:15px;flex-shrink:0;pointer-events:none}
.theme-switch .ic-moon{color:#c4ceff}
.theme-switch .ic-sun{color:#e0b44e}
.theme-switch .knob{position:absolute;top:5px;left:5px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.45);transition:transform .18s}
.theme-switch[data-on="1"] .knob{transform:translateX(28px)}
@media(max-width:860px){.head-dl{display:none}}
@media(max-width:620px){
  header{flex-wrap:wrap;row-gap:8px}
  .head-right{width:100%;justify-content:flex-start;flex-wrap:wrap}
  .lang-btn #langCur{display:none}
}
@media(max-width:480px){.brand-icon{width:44px;height:44px}.brand-logo{font-size:4px}.navlink{padding:0 11px;font-size:13px}}

/* 페이지 머리 */
.intro{padding:56px 0 26px}
.kicker{display:inline-block;padding:5px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.06em;color:#dfe5ff;background:rgba(255,255,255,.08);border:1px solid var(--gline)}
.intro h1{font-size:clamp(30px,4.6vw,46px);font-weight:800;letter-spacing:-.035em;color:#fff;margin:16px 0 8px}
.intro p{color:var(--muted);font-size:16px}

.empty{border:1px dashed var(--gline2);border-radius:22px;padding:60px 20px;text-align:center;color:var(--muted);margin-top:10px}
.back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none;font-size:13.5px;font-weight:600;margin:0 0 16px;padding:7px 14px;border-radius:999px;border:1px solid var(--gline);background:rgba(255,255,255,.05)}
.back:hover{color:#fff;border-color:#fff}

footer{margin:70px 0 0;padding:26px 0 0;border-top:1px solid rgba(255,255,255,.12);color:var(--dim);font-size:12.5px;text-align:center}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:#fff}

/* 라이트 모드 */
html[data-theme="light"]{
  --bg:#eef0f7; --glass:rgba(255,255,255,.55); --glass2:rgba(255,255,255,.78);
  --gline:rgba(20,24,48,.14); --gline2:rgba(20,24,48,.3);
  --text:#14172a; --muted:#4f546e; --dim:#80859f; --acc:#3f63e0; --grn:#13a06d;
  --shadow:0 24px 60px -34px rgba(40,50,110,.35);
}
html[data-theme="light"] body::before{background:linear-gradient(180deg,rgba(240,242,250,.92),rgba(240,242,250,.97)),url("/assets/galaxy.jpg") center 20%/cover no-repeat}
html[data-theme="light"] header{background:rgba(255,255,255,.65)}
html[data-theme="light"] .brand-logo{color:#171a26;text-shadow:none}
html[data-theme="light"] .intro h1{color:#10132a}
html[data-theme="light"] .kicker,html[data-theme="light"] .back{color:#22264a;background:rgba(255,255,255,.65)}
html[data-theme="light"] .navlink.on{background:rgba(255,255,255,.7);border-color:#10132a;color:#10132a}
html[data-theme="light"] .head-dl{background:#10132a;color:#fff}
html[data-theme="light"] .lang-menu{background:rgba(255,255,255,.94)}
html[data-theme="light"] .lang-menu button:hover{background:rgba(0,0,0,.05)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .glass,header{background:rgba(18,20,36,.9)}
  html[data-theme="light"] .glass,html[data-theme="light"] header{background:rgba(255,255,255,.95)}
}
/* 우주코드 앱(웹뷰) 안에서는 앱 자체 상단 바가 있어 헤더 숨김 */
html.embedded header{display:none}
html.embedded .intro{padding-top:20px}