* { margin:0; padding:0; box-sizing:border-box; }
body {
  font-family: -apple-system, "Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif;
  font-size:16px; line-height:1.8; color:#1F2937; background:#FFFFFF;
}
.wrap { max-width:760px; margin:0 auto; padding:0 24px; }

header { background:#0A3B60; color:#FFFFFF; padding:16px 0; }
.head-in { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.brand { display:flex; align-items:center; }
.brand img { height:44px; width:auto; display:block; }
@media (max-width:520px){ .brand img { height:36px; } }
nav a { color:#FFFFFF; text-decoration:none; font-size:14px; margin-left:20px; opacity:.85; }
nav a:hover { opacity:1; color:#E8CF9A; }

main { padding:40px 24px 56px; }
h1 { font-size:26px; line-height:1.5; color:#0A3B60; margin-bottom:8px; font-weight:600; }
.sub { font-size:14px; color:#6B7280; margin-bottom:24px; }
h2 { font-size:19px; color:#0A3B60; margin:36px 0 12px; padding-left:12px; border-left:4px solid #D6B26E; font-weight:600; }
p { margin-bottom:12px; }
ul { margin:0 0 12px 22px; }
li { margin-bottom:8px; }
strong { font-weight:600; }

.abstract { background:#F5E6C4; border-radius:8px; padding:18px 20px; margin:20px 0 28px; }
.abstract p { margin:0; font-size:16px; }

.note { font-size:14px; color:#6B7280; background:#F7F9FA; border-left:3px solid #D6B26E; padding:10px 14px; border-radius:4px; margin-top:10px; }

.todo { color:#B45309; font-size:13px; background:#FFF7ED; padding:1px 6px; border-radius:3px; }

.contact { display:flex; align-items:center; gap:20px; flex-wrap:wrap; margin-top:4px; }
.contact img { width:150px; height:150px; border:1px solid #E5E7EB; border-radius:8px; display:block; }
.contact .info { font-size:15px; }
.contact .info p { margin-bottom:6px; }
a { color:#0A3B60; }

.artlist { list-style:none; margin:0; padding:0; }
.artlist li { border-bottom:1px solid #EEF1F3; padding:14px 0; margin:0; }
.artlist .t { font-size:16px; font-weight:600; color:#0A3B60; }
.artlist .d { font-size:13px; color:#6B7280; margin-left:8px; font-weight:400; }
.artlist .s { font-size:14px; color:#374151; margin-top:4px; }
.artlist .t a { color:#0A3B60; text-decoration:none; border-bottom:1px solid #D6B26E; }
.artlist .t a:hover { color:#B8914E; border-bottom-color:#B8914E; }

footer { background:#0A3B60; color:#FFFFFF; padding:24px 0; font-size:13px; }
footer .note { background:transparent; border:none; color:#D6B26E; padding:0; margin-top:6px; font-size:13px; }