*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#faf7f2;color:#222}
header{background:#b71c1c;color:#fff;padding:24px 16px;text-align:center}h1{margin:0;font-size:1.8rem}.tag{margin:6px 0 0;opacity:.9}
main{max-width:900px;margin:0 auto;padding:16px}
.controls{display:flex;gap:8px;flex-wrap:wrap}.controls input{flex:2 1 220px}.controls select{flex:1 1 160px}
input,select,textarea,button{font:inherit;padding:10px;border:1px solid #ccc;border-radius:6px;background:#fff}
button{background:#b71c1c;color:#fff;border:0;cursor:pointer}button:hover{background:#8e1515}
.status{color:#666;font-size:.9rem}.list{display:flex;flex-direction:column;gap:8px}
.row{background:#fff;border:1px solid #e5ded2;border-radius:8px;padding:12px;display:grid;grid-template-columns:48px 1fr auto;gap:4px 12px;align-items:center}
.row a{font-weight:600;color:#b71c1c;text-decoration:none}.row a:hover{text-decoration:underline}
.handle{color:#777;font-size:.85rem}.meta{grid-column:1/-1;font-size:.88rem;color:#444;display:flex;gap:14px;flex-wrap:wrap}
.subs{font-weight:700;text-align:right}#more{display:block;margin:16px auto}
.suggest{margin-top:32px;background:#fff;border:1px solid #e5ded2;border-radius:8px;padding:16px}
.suggest label{display:block;margin:10px 0}.suggest input,.suggest textarea{width:100%}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
footer{text-align:center;color:#777;font-size:.85rem;padding:24px 16px}
@media(max-width:520px){.row{grid-template-columns:1fr}.subs{text-align:left}}
.av{position:relative;display:block;width:48px;height:48px;border-radius:50%;overflow:hidden;background:#e5ded2}.av img,.ph{position:absolute;inset:0;width:48px;height:48px}.ph{display:flex;align-items:center;justify-content:center;color:#7a6a58;font-weight:700;font-size:.95rem}.av img{object-fit:cover;background:#e5ded2}
@media(max-width:520px){.row{grid-template-columns:48px 1fr}.subs{grid-column:2}}