:root{--fb:"Verdana",Tahoma,-apple-system,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;--fd:"Verdana",Tahoma,-apple-system,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;--fm:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--bg:#c0c0c0;
--bg-img:repeating-linear-gradient(45deg,#c8c8c8 0 2px,#bcbcbc 2px 4px);--fg:#000080;--fg2:#404040;--accent:#000080;
--card:#f0f0f0;--card-h:#fffff0;--line:#808080;--r:0;--sh:2px 2px 0 #fff inset,-1px -1px 0 #808080 inset;--sh-h:2px 2px 0 #fff inset,-1px -1px 0 #808080 inset;
--gap:6px;--min:210px;--min-m:150px;--gap-m:6px;--card-pad:8px 10px;--h1:clamp(24px,4vw,40px);--h1-w:700;--h1-sub:12.5px;
--hero-pad:20px 0 14px;--chip-bg:#e4e4e4;--chip-bd:2px outset #fff;--chip-r:0;--chip-gap:5px;--name-s:13px;--name-w:700;
--fav:20px;--fav-r:0;--in-bg:#fff;--in-bd:2px inset #808080;--in-r:0;--cat-show:block;--cat-bg:#000080;--wrap-pad:14px 16px 40px;--max:1120px;--hv-y:translateY(0)}
.card{border:2px outset #fff}
.card:hover{background:#ffffe0;box-shadow:0 0 0 1px #000080}
a{text-decoration:underline}
.c-name{color:#0000ee}
.c-name:hover{color:#ee0000}
.chip.on{background:#000080;border-color:#000080;color:#ffff00}
h1{color:#000080;text-shadow:1px 1px 0 #fff}
.brand{color:#000080}
.hdr{background:linear-gradient(180deg,#000080,#000060);border-bottom:2px solid #000}
.hdr .brand,.hdr .brand em,.hdr .switcher{color:#ffff00}
footer{border-top:2px ridge #fff;color:#404040}
footer b::after{content:" ●";color:#00a000;font-size:9px}