:root{--navy:#111c31;--navy2:#0d1526;--gold:#e0bd64;--gold2:#d6b35c;--ink:#2b2620;--mut:#6b6558;--bg:#faf8f3;--card:#fff;--line:#e6dfcd}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"DM Sans","Noto Sans SC",sans-serif;background:var(--bg);color:var(--ink)}
a{color:inherit;text-decoration:none}
.topbar{position:sticky;top:0;z-index:50;background:var(--navy);color:#fff;box-shadow:0 2px 12px rgba(10,15,30,.25)}
.topbar-in{max-width:1180px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px}
.brand .b1{font-size:26px;font-weight:800;letter-spacing:2px;color:var(--gold)}
.brand .b2{font-size:13px;letter-spacing:4px;color:var(--gold)}
.nav{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto;align-items:center}
.nav a{padding:7px 13px;border-radius:999px;font-size:14.5px;color:#eae6da}
.nav a:hover{background:rgba(224,189,100,.18)}
.nav a.on{background:var(--gold);color:var(--navy);font-weight:700}
.lang{display:flex;border:1px solid rgba(224,189,100,.55);border-radius:999px;overflow:hidden;margin-left:8px}
.lang button{background:transparent;border:0;color:#eae6da;font-size:13px;padding:6px 13px;cursor:pointer;font-family:inherit}
.lang button.on{background:var(--gold);color:var(--navy);font-weight:700}
.hero{position:relative;background:var(--navy2);color:#fff;overflow:hidden}
.hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38}
.hero-in{position:relative;max-width:1180px;margin:0 auto;padding:64px 20px 56px}
.hero h1{font-family:"Newsreader","Noto Sans SC",serif;font-size:40px;line-height:1.25;font-weight:600}
.hero h1 .g{color:var(--gold)}
.hero p{margin-top:16px;max-width:720px;font-size:17px;line-height:1.75;color:#e8e4d8}
.cta{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.btn{display:inline-block;padding:11px 22px;border-radius:999px;font-size:15px;font-weight:600}
.btn.gold{background:var(--gold);color:var(--navy)}
.btn.ghost{border:1px solid rgba(255,255,255,.55);color:#fff}
.wrap{max-width:1180px;margin:0 auto;padding:36px 20px 10px}
.sec-t{font-size:26px;font-weight:800;margin:26px 0 6px}
.sec-t .en{font-size:14px;color:var(--mut);font-weight:600;margin-left:8px}
.sec-d{color:var(--mut);line-height:1.8;font-size:15.5px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:18px 0 8px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 2px 8px rgba(20,25,40,.05)}
.card h3{font-size:18px;margin-bottom:8px}
.card h3 .k{color:var(--gold2);margin-right:8px}
.card p{font-size:14.5px;color:var(--mut);line-height:1.75}
.card a.more{display:inline-block;margin-top:12px;color:var(--gold2);font-weight:700;font-size:14px}
.kw{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 4px}
.kw span{border:1px solid rgba(224,189,100,.5);color:#efe9d8;border-radius:999px;padding:6px 14px;font-size:13.5px;background:rgba(17,28,49,.35)}
.people{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin:20px 0}
.person{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 2px 8px rgba(20,25,40,.05)}
.person .ph{display:flex;gap:14px;align-items:center;margin-bottom:12px}
.person img{width:76px;height:76px;border-radius:50%;object-fit:cover;border:2px solid var(--gold)}
.person .role{color:var(--gold2);font-weight:700;font-size:13.5px;letter-spacing:1px}
.person .nm{font-size:19px;font-weight:800;margin-top:2px}
.person p{font-size:14px;color:#55503f;line-height:1.8}
.newsitem{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;margin:16px 0;box-shadow:0 2px 8px rgba(20,25,40,.05)}
.newsitem .dt{color:var(--gold2);font-weight:700;font-size:13.5px}
.newsitem h3{font-size:19px;margin:6px 0 10px}
.newsitem p{font-size:15px;line-height:1.9;color:#4c4636;margin-bottom:10px}
.foot{margin-top:44px;background:var(--navy);color:#d9d4c4}
.foot-in{max-width:1180px;margin:0 auto;padding:28px 20px;font-size:14px;line-height:1.9}
.foot .g{color:var(--gold);font-weight:700}
.foot a{color:var(--gold)}
@media(max-width:640px){.hero h1{font-size:29px}.brand .b1{font-size:21px}.nav a{font-size:13.5px;padding:6px 9px}}
.form{max-width:520px;margin:10px 0 20px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 2px 8px rgba(20,25,40,.05)}
.form label{display:block;font-size:13.5px;font-weight:700;margin:12px 0 5px;color:#4c4636}
.form input,.form select,.form textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;font-size:15px;font-family:inherit;background:#fffdf8}
.form .btn{margin-top:16px;width:100%;text-align:center;cursor:pointer;border:0}
.msg{margin-top:12px;font-size:14px;line-height:1.6}
.msg.err{color:#b03a2e}.msg.ok{color:#1e7d46}
.vid{position:relative;padding-top:56.25%;border-radius:10px;overflow:hidden;background:#0d1526;margin-top:10px}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.lock{background:#0d1526;color:#e8e4d8;border-radius:10px;padding:22px;text-align:center;margin-top:10px;font-size:14.5px;line-height:1.8}
table.list{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:14px}
table.list th,table.list td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
table.list th{background:#f3efe2}
.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700}
.pill.pending{background:#fdf0d3;color:#8a6d1a}.pill.approved{background:#dcf2e3;color:#1e7d46}.pill.rejected{background:#f6dcd6;color:#b03a2e}
.smallbtn{padding:5px 12px;border-radius:999px;border:1px solid var(--gold2);background:#fff;font-size:13px;cursor:pointer;font-weight:600}
.smallbtn:hover{background:var(--gold);color:var(--navy)}