body{font-family:system-ui,Arial; margin:0; background:#f6f7fb;}
.topbar{position:sticky; top:0; background:#fff; padding:10px; border-bottom:1px solid #ddd; z-index:10;}
.searchwrap{position:relative; max-width:720px; margin:0 auto;}
#top-search{width:100%; padding:10px 12px; border:1px solid #ccc; border-radius:10px; font-size:16px;}
#top-suggest{display:none; position:absolute; left:0; right:0; top:44px; background:#fff; border:1px solid #ddd; border-radius:10px; overflow:hidden;}
.s-item{padding:10px 12px; cursor:pointer; border-top:1px solid #f0f0f0;}
.s-item:hover{background:#f3f6ff;}
.container{max-width:920px; margin:16px auto; padding:0 12px;}
.card{background:#fff; border:1px solid #e5e5e5; border-radius:14px; padding:14px; margin-bottom:12px;}
.suggestbox{
  display:none;
  position:absolute;
  background:#fff;
  border:1px solid #ddd;
  border-radius:10px;
  margin-top:6px;
  width:100%;
  max-height:240px;
  overflow:auto;
  z-index:50;
}
.suggestbox .item{
  padding:10px 12px;
  cursor:pointer;
  border-top:1px solid #f0f0f0;
}
.suggestbox .item:hover{ background:#f3f6ff; }
.field{ position:relative; }
table{width:100%; border-collapse:collapse;}
th,td{padding:10px; border-bottom:1px solid #eee; text-align:left;}
a.btn{display:inline-block; padding:10px 12px; border:1px solid #ccc; border-radius:12px; text-decoration:none; color:#111; background:#fff;}