/* 青川市图书馆 —— 米黄纸页 + 墨绿书脊 + 棕色木架,老事业单位网站气质 */
*{box-sizing:border-box}
body{margin:0;font-family:"Songti SC","SimSun","Noto Serif SC",serif;background:#ece4cf;color:#33302a;line-height:1.7}
a{color:#1f5c4d}
.wrap{max-width:1080px;margin:0 auto;background:#f4eeda;border-left:1px solid #cfc3a2;border-right:1px solid #cfc3a2;min-height:100vh}

.head{display:flex;gap:16px;align-items:center;padding:22px 28px;background:linear-gradient(120deg,#1f5c4d,#2e7a63);color:#f4eeda;border-bottom:5px solid #8a6a35}
.emblem{font-size:42px;line-height:1;color:#d9b86c}
.head h1{margin:0;font-size:28px;letter-spacing:6px}
.sub{font-size:12px;letter-spacing:2px;opacity:.85;font-family:Georgia,serif}

.marq{background:#7a2e22;color:#f7e9c8;padding:6px 10px;font-size:13px;overflow:hidden;white-space:nowrap}
.marq span{display:inline-block;padding-left:100%;animation:marq 26s linear infinite}
@keyframes marq{to{transform:translateX(-100%)}}

.nav{display:flex;flex-wrap:wrap;background:#3a2f1d;border-bottom:3px solid #8a6a35}
.nav a{color:#ecdcb4;text-decoration:none;padding:9px 18px;font-size:14px;border-right:1px solid #5a4a30}
.nav a:hover{background:#8a6a35;color:#fff}
.crumb{padding:7px 28px;font-size:12px;color:#8a7d5f;background:#e8dfc5;border-bottom:1px solid #d6c9a4}

.layout{display:grid;grid-template-columns:230px 1fr 230px;gap:16px;padding:18px 20px}
.side .box,.content .box{margin-bottom:16px}
.box{background:#fbf6e7;border:1px solid #d6c9a4;border-top:4px solid #1f5c4d}
.box h2{margin:0;padding:8px 14px;font-size:15px;color:#1f5c4d;letter-spacing:2px;background:#e7dcc0;border-bottom:1px solid #d6c9a4}
.inner{padding:10px 14px}
.small{font-size:13px}
.muted{color:#9a8d6d}
.center{text-align:center}
.plain{margin:0;padding-left:18px}
.plain li{margin:4px 0}

.t-info,.t-rank,.t-log{width:100%;border-collapse:collapse;font-size:13px}
.t-info td{padding:4px 6px;border-bottom:1px dotted #cdbf9c}
.t-info td:first-child{color:#6b5d3c;white-space:nowrap}
.t-rank th,.t-log th{background:#e7dcc0;color:#4a3d22;font-weight:normal;padding:6px 8px;text-align:left;border:1px solid #d6c9a4}
.t-rank td,.t-log td{padding:6px 8px;border:1px solid #e0d4b4;vertical-align:top}
.t-rank tr:nth-child(even) td,.t-log tr:nth-child(even) td{background:#f4ecd6}
.hot-num{color:#7a2e22;font-weight:bold}

.counter{font-size:34px;font-family:Georgia,serif;color:#7a2e22;letter-spacing:3px}

.news ul{margin:0;padding-left:20px}
.news li{margin:5px 0;font-size:14px}
.date{display:inline-block;font-family:Consolas,monospace;color:#8a7d5f;font-size:12px;margin-right:6px}

.searchbar{display:flex;gap:8px;margin-bottom:10px}
.searchbar input{flex:1;padding:8px 12px;border:1px solid #b3a47e;border-radius:3px;background:#fffdf5;font-family:inherit;font-size:14px}
.searchbar button{font-family:inherit;border:1px solid #1f5c4d;background:#1f5c4d;color:#f4eeda;padding:0 20px;border-radius:3px;cursor:pointer;font-size:14px}
.searchbar button:hover{background:#2e7a63}
a.hot{cursor:pointer;text-decoration:underline;margin-right:8px;white-space:nowrap}
.book{border-left:3px solid #8a6a35;background:#f4ecd6;padding:6px 12px;margin:8px 0}
.bk-n{font-weight:bold;font-size:15px}
.bk-st{font-size:13px;color:#1f5c4d;margin-top:2px}

.foot{background:#3a2f1d;color:#c9bb95;text-align:center;font-size:12px;padding:18px 20px 26px;line-height:2}
.foot a{color:#e2c987}

@media(max-width:900px){
  .layout{grid-template-columns:1fr}
}