:root { color-scheme: dark; font-family: Inter, "Microsoft YaHei", Arial, sans-serif; }
body { margin:0; background: radial-gradient(circle at top, #12345a 0, #020712 48%, #01030a 100%); color:#e8f7ff; }
a { color:#7ce0ff; text-decoration:none; margin-left:18px; }
.gov-shell { padding:24px; max-width:1500px; margin:0 auto; }
header { display:flex; justify-content:space-between; gap:24px; align-items:flex-start; }
h1 { margin:8px 0; font-size:32px; }
.eyebrow { color:#72ffd6; letter-spacing:0.12em; font-size:12px; }
.notice, .panel { border:1px solid rgba(93,213,255,.22); background:rgba(5,20,38,.76); border-radius:18px; box-shadow:0 18px 55px rgba(0,0,0,.22); }
.notice { padding:12px 16px; margin:18px 0; color:#ffd98a; }
.layout { display:grid; grid-template-columns:1.25fr .75fr; gap:18px; }
.panel { padding:18px; }
.full { margin-top:18px; }
textarea { width:100%; min-height:360px; background:#03111f; color:#d9f6ff; border:1px solid rgba(124,224,255,.28); border-radius:12px; padding:14px; font-family:"JetBrains Mono", Consolas, monospace; box-sizing:border-box; }
button { border:0; border-radius:10px; background:linear-gradient(120deg,#18d7ff,#72ffd6); color:#00101e; font-weight:700; padding:10px 14px; cursor:pointer; }
.buttons { display:flex; gap:10px; flex-wrap:wrap; margin:12px 0; }
table { width:100%; border-collapse:collapse; }
th,td { border-bottom:1px solid rgba(255,255,255,.1); padding:10px; text-align:left; vertical-align:top; }
code { color:#93ffd7; }
pre { overflow:auto; background:#020b15; border-radius:12px; padding:12px; max-height:380px; }
@media (max-width: 960px) { .layout, header { grid-template-columns:1fr; display:block; } nav { margin-top:12px; } }