*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;font-size:14px;line-height:1.4;color:#000;background:#fff;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:20px}header{margin-bottom:40px;border-bottom:1px solid #000;padding-bottom:20px;display:flex;justify-content:space-between;align-items:flex-start}.header-content{flex:1}.language-toggle{margin-top:5px}.lang-btn{background:none;border:1px solid #000;font-family:Courier New,monospace;font-size:12px;padding:4px 8px;cursor:pointer;transition:background-color .2s ease;min-width:35px;height:28px;display:flex;align-items:center;justify-content:center}.lang-btn:hover{background-color:#000;color:#fff}h1{font-size:24px;font-weight:400;margin-bottom:5px;min-height:32px;display:flex;align-items:center;font-family:Courier New,monospace!important}h2{font-size:16px;font-weight:400;color:#666;min-height:22px;display:flex;align-items:center;font-family:Courier New,monospace!important}.loading,.error{padding:20px 0;font-style:italic}.error{color:#c00}.archive-list{width:100%}.archive-list-header{display:grid;grid-template-columns:80px 1fr 1fr;gap:20px;padding:8px 0;border-bottom:1px solid #000;margin-bottom:8px;align-items:center}.sort-toggle{background:none;border:none;font-family:Courier New,monospace;font-size:14px;padding:0;cursor:pointer;transition:opacity .2s ease;min-width:20px;height:22px;display:flex;align-items:center;justify-content:flex-start;color:#666}.sort-toggle:hover{opacity:.5}.sort-toggle.active{color:#000;opacity:1}.archive-item{display:grid;grid-template-columns:80px 1fr 1fr;gap:20px;padding:8px 0;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s ease;align-items:baseline;min-height:24px}.archive-item:hover{background-color:#f5f5f5}.item-year{color:#666;font-size:12px;font-weight:400;font-family:Courier New,monospace!important;min-width:80px;line-height:1.4}.item-title{font-weight:700;font-size:12px;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.item-authors{font-style:normal;font-size:10px;color:#666;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.item-meta{color:#666;font-size:12px}.image-preview{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease;max-width:400px;max-height:500px}.image-preview.show{opacity:.8}.image-preview img{width:100%;height:100%;max-width:400px;max-height:500px;object-fit:contain;border:1px solid #ccc;background:#fff}html[data-lang=en] [data-zh-only],html[data-lang=zh] [data-en-only]{display:none}html[data-lang=zh] body{font-family:Courier New,monospace;line-height:1.4}html[data-lang=zh] .archive-item{letter-spacing:normal;grid-template-columns:80px 1fr 1fr;gap:20px;padding:8px 0;min-height:24px;align-items:baseline}html[data-lang=zh] .item-year{min-width:80px;line-height:1.4}html[data-lang=zh] .item-title{line-height:1.4}html[data-lang=zh] .item-authors{line-height:1.4;font-style:normal;font-size:10px}html[data-lang=zh] h1,html[data-lang=zh] h2{font-family:Courier New,monospace!important;font-weight:400!important;line-height:1.4!important;letter-spacing:normal!important}html[data-lang=zh] .lang-btn{font-family:Courier New,monospace}html[data-lang=zh] header{margin-bottom:40px!important;padding-bottom:20px!important}.lang-btn.active{background-color:#000;color:#fff}@media (max-width: 768px){.archive-list{width:100%}.archive-list-header{grid-template-columns:60px 1fr;gap:15px}.archive-item{grid-template-columns:60px 1fr;gap:15px;grid-template-areas:"year title" "year authors"}.item-year{grid-area:year;align-self:start}.item-title{grid-area:title}.item-authors{grid-area:authors;margin-top:2px}.image-preview{left:50%;max-width:50%}.container{padding:15px}body{font-size:13px}header{flex-direction:column;align-items:flex-start}.language-toggle{margin-top:10px;align-self:flex-end}}