:root{font-family:"Microsoft YaHei",sans-serif;color:#3f3329;background:#f2ecdf;--sprite-size:178px}*{box-sizing:border-box}body{margin:0}main{max-width:1420px;padding:45px 36px;margin:auto}.eyebrow{letter-spacing:.16em;color:#92764e;font-size:13px}h1{font-size:40px;letter-spacing:.08em;margin:12px 0}.intro{color:#7e705d}#stats{font-weight:bold;color:#866342;margin:24px 0}nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #d6c8b2;padding-bottom:16px}button,select,input{font:inherit}button,select{border:1px solid #c4ad8d;background:#fffaf0;border-radius:9px;padding:10px 18px;color:#57422e;cursor:pointer}button.active{background:#66513d;color:#fff8ea;border-color:#66513d}.search{margin-left:auto}.search input{border:1px solid #c4ad8d;padding:10px;border-radius:8px;width:260px;background:#fffdf7}.controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:20px 0;font-size:13px;color:#85715b}.controls label{display:flex;align-items:center;gap:8px}.controls select{padding:7px}.controls output{min-width:52px}.controls span{margin-left:auto}#resultCount{color:#947f66;font-size:13px}#gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.card{border:1px solid #dfd0b8;border-radius:14px;overflow:hidden;background:#fffbf2;text-align:center}.art{background:#ebe4d3;min-height:calc(var(--sprite-size) + 20px);display:flex;align-items:flex-end;justify-content:center;cursor:zoom-in;padding:10px 0;border:0;border-radius:0;width:100%}.art img{width:var(--sprite-size);height:var(--sprite-size);object-fit:contain;display:block;max-width:100%}.dark .art,.dark #detailImage{background:#293137}.checker .art,.checker #detailImage{background-color:#fff;background-image:conic-gradient(#d8d8d8 25%,transparent 0 50%,#d8d8d8 0 75%,transparent 0);background-size:20px 20px}.info{padding:12px 10px 16px}.info h2{font-size:18px;margin:0 0 7px}.meta{font-size:12px;color:#8f775c;line-height:1.8;margin:3px 0}.tag{font-size:10px;background:#ece3cc;border-radius:4px;padding:3px 6px;color:#8f7548;margin-left:6px}.version{grid-column:1/-1;padding:16px 0 0;margin-top:12px;border-top:1px solid #d9c9b0}.version h2{font-size:22px;margin:0 0 6px}.version p{color:#8f775c;font-size:13px;margin:0;line-height:1.7}.year{font-size:14px;margin-right:10px;color:#a48d6f}.note{font-size:12px;color:#927a60}footer{font-size:12px;line-height:1.9;border-top:1px solid #d6c8b2;margin-top:32px;padding-top:20px;color:#99856e}dialog{border:1px solid #d4c09f;border-radius:15px;background:#fff9ed;max-width:94vw;color:#57422e;text-align:center;padding:20px}dialog::backdrop{background:#201a17a0}#close{float:right;padding:6px 12px}dialog h2{font-size:22px}#detailImage{clear:both;background:#eee6d5;border-radius:10px}#detailImage img{display:block;width:min(512px,80vw);height:auto}#download{display:block;margin-top:16px;color:#8d612e}@media(max-width:650px){main{padding:24px 14px}h1{font-size:29px}.search{margin:0;width:100%}.search input{width:calc(100% - 45px)}#gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.controls{gap:12px}.controls span{margin-left:0}.info h2{font-size:16px}.art{min-height:180px}.art img{max-width:100%;height:auto}.intro{font-size:13px}}

.back-home{display:inline-block;padding:10px 0;color:#765426;text-decoration:underline;text-underline-offset:4px}
#detail h2{clear:both;padding-top:14px;margin:0 0 16px;overflow-wrap:anywhere}