*{box-sizing:border-box}body{margin:0;font:15px/1.6 "Microsoft JhengHei",sans-serif;background:#eef4fa;color:#333}
a{color:#1a6fb5;text-decoration:none}header{background:#1a6fb5;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;flex-wrap:wrap}
header a,header button{color:#fff}.logo{font-size:20px;font-weight:bold}nav{display:flex;gap:14px;align-items:center}nav form{margin:0}nav button{background:none;border:0;cursor:pointer;font:inherit}
main{max-width:920px;margin:16px auto;padding:0 12px}footer{text-align:center;color:#888;padding:20px}
.box{background:#fff;border:1px solid #cfdcea;border-radius:6px;padding:14px 18px;margin-bottom:14px}.box h2{margin:0 0 8px;color:#1a6fb5}
.cols{display:grid;grid-template-columns:2fr 1fr;gap:14px}@media(max-width:640px){.cols{grid-template-columns:1fr}}
.narrow{max-width:420px;margin:auto}label{display:block;margin:8px 0}input,textarea{width:100%;padding:7px;border:1px solid #bbb;border-radius:4px;font:inherit}
input[type=file]{width:auto}button{background:#1a6fb5;color:#fff;border:0;border-radius:4px;padding:7px 14px;cursor:pointer;margin-top:6px}
.inline{display:inline}.inline button{background:#aaa;padding:2px 8px}.err{color:#c00}small{color:#888}.tabs a{margin-right:14px;font-weight:bold}
.item{border-top:1px dashed #ccc;padding:8px 0}.content{margin-top:14px;font-size:16px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.card{background:#fff;border:1px solid #cfdcea;border-radius:6px;padding:6px;text-align:center}
.card img{width:100%;height:130px;object-fit:cover;border-radius:4px}.ph{height:130px;background:#dde;display:flex;align-items:center;justify-content:center}
.av{border-radius:50%;object-fit:cover;vertical-align:middle;margin-right:6px}.ph0{display:inline-block;background:#c8d6e5}
.prof{display:flex;gap:14px;align-items:center}.tabs a{padding:2px 8px;border-radius:4px}.tabs a.on{background:#1a6fb5;color:#fff}
.pager{margin:10px 0 0}.pager a,.pager b{display:inline-block;padding:2px 8px;border:1px solid #cfdcea;border-radius:4px;margin-right:4px}.pager b{background:#1a6fb5;color:#fff}
table{width:100%;border-collapse:collapse}td{border-top:1px solid #e3ecf5;padding:6px 4px;vertical-align:middle}select{width:100%;padding:7px}
.cap{margin:4px 0;font-size:13px;color:#555;word-break:break-all}.card form input{margin-top:4px;font-size:13px}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:640px){.cols2{grid-template-columns:1fr}}
.sec h2{display:flex;justify-content:space-between;align-items:baseline}.sec h2 a{font-size:13px;font-weight:normal}
.card small{display:block;font-size:12px}.card span{display:block;font-size:14px;margin-top:4px}
.sform{display:flex;gap:6px;align-items:center}.sform input{flex:1}.sform select{width:auto}.sform button{margin-top:0}