*{box-sizing:border-box}body{margin:0;background:#171510;color:#f2e8ce;font-family:Arial,"Microsoft YaHei",sans-serif;min-height:100vh}header{height:74px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;border-bottom:1px solid rgba(242,232,206,.2);font-size:11px}header>div{text-align:center}header b{display:block;font:400 20px Georgia,"Songti SC",serif}header span{display:block;margin-top:4px;opacity:.6;font-size:9px}header>a:last-child{text-align:right}a{color:inherit;text-decoration:none}main{height:calc(100vh - 116px);display:grid;grid-template-columns:70px minmax(0,1fr) 70px;align-items:center;gap:18px;padding:24px}figure{margin:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}img{max-width:100%;max-height:calc(100% - 35px);object-fit:contain;box-shadow:0 20px 60px rgba(0,0,0,.4);background:#fff}figcaption{font:italic 14px Georgia,serif;margin-top:15px}button{border:1px solid rgba(242,232,206,.35);border-radius:50%;width:50px;height:50px;background:transparent;color:inherit;font-size:20px;cursor:pointer}button:hover{background:#c9532f;border-color:#c9532f}button:disabled{opacity:.18;cursor:default}.reader-tip{text-align:center;margin:0;font-size:9px;letter-spacing:.14em;opacity:.55}@media(max-width:600px){header{grid-template-columns:1fr auto;padding:0 15px}header>div{display:none}main{grid-template-columns:45px minmax(0,1fr) 45px;gap:5px;padding:12px}button{width:38px;height:38px}}