*{margin:0;padding:0;box-sizing:border-box}:root{--paper-color: #ffffff;--font-family: Arial, sans-serif}.background-container{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-2;transition:background-image 1s ease-in-out}.background-container.light-mode{filter:brightness(1) contrast(1) saturate(1)}.background-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffff4d;z-index:-1;transition:background-color .5s ease}body{font-family:var(--font-family);background-color:transparent;color:#333;line-height:1.6}.container{max-width:100vh;margin:0 auto;padding:20px}.navbar{background-color:#2c3e50;color:#fff;padding:1rem 0;margin-bottom:2rem}.navbar-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.style-options{display:flex;align-items:center;gap:16px}.paper-colors{display:flex;align-items:center}.font-selector select{outline:none}@media(max-width:768px){.style-options{flex-direction:column;gap:8px;margin:8px 0}.navbar-container{flex-direction:column;padding:10px}}.navbar h1{font-size:1.5rem;font-weight:600}.homepage{text-align:center}.homepage h2{margin-bottom:2rem;color:#2c3e50}.search-results{color:#3498db;margin-bottom:2rem;font-size:.95rem}.pagination{display:flex;justify-content:center;margin-top:3rem;margin-bottom:2rem}.pagination-btn{transition:all .3s ease}.pagination-btn:hover{background-color:#3498db;color:#fff}.pagination-btn.active:hover{background-color:#2980b9}.search-container{margin:0 2rem}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.article-card{background-color:var(--paper-color);border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;text-align:left}.article-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00000026}.article-card h3{color:#2c3e50;margin-bottom:1rem;font-size:1.2rem;line-height:1.5;min-height:4.5rem}.article-card .meta{color:#7f8c8d;font-size:.9rem;margin-bottom:1rem}.article-card .btn{display:inline-block;background-color:#3498db;color:#fff;padding:.5rem 1rem;border-radius:4px;text-decoration:none;transition:background-color .3s ease;font-size:.9rem}.article-card .btn:hover{background-color:#2980b9}.reading-page{display:flex;justify-content:center;padding:2rem 0}.paper{background-color:var(--paper-color);max-width:800px;width:100%;padding:3rem;border-radius:8px;box-shadow:0 4px 20px #0000001a;line-height:1.8}.paper h1{color:#2c3e50;margin-bottom:2rem;font-size:2rem;text-align:center;line-height:1.3}.paragraph{margin-bottom:2rem}.paragraph .original{font-size:1.1rem;margin-bottom:1rem;color:#34495e}.paragraph .translation{font-size:1rem;color:#7f8c8d;background-color:#ecf0f1;padding:1rem;border-radius:4px;transition:all .3s ease;filter:blur(5px);cursor:pointer}.paragraph .translation:hover{filter:blur(0);background-color:#d5dbdb}.back-btn{display:inline-block;background-color:#95a5a6;color:#fff;padding:.5rem 1rem;border-radius:4px;text-decoration:none;transition:background-color .3s ease;margin-bottom:2rem;font-size:.9rem}.back-btn:hover{background-color:#7f8c8d}.highlight-word{background-color:#ff0;padding:2px 4px;border-radius:3px;cursor:pointer;position:relative;transition:all .3s ease}.highlight-word:hover,.highlight-word.active{background-color:gold}.highlight-tooltip{position:absolute;top:-40px;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:8px 12px;border-radius:4px;font-size:.8rem;white-space:nowrap;z-index:1000;pointer-events:none;box-shadow:0 2px 8px #0000004d}.highlight-tooltip:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(0,0,0,.8)}.dark-mode,.dark-mode body{background-color:#000;color:#fff}.dark-mode .navbar{background-color:#1a1a1a}.dark-mode .homepage h2{color:#fff}.dark-mode .article-card{background-color:var(--paper-color);box-shadow:0 2px 10px #ffffff1a}.dark-mode .article-card h3{color:#fff;background-color:var(--paper-color)}.dark-mode .article-card .meta{color:#bdc3c7}.dark-mode .article-card .btn{background-color:#3498db}.dark-mode .article-card .btn:hover{background-color:#2980b9}.dark-mode .paper{background-color:#1a1a1a;box-shadow:0 4px 20px #ffffff1a}.dark-mode .paper h1,.dark-mode .paragraph .original{color:#fff}.dark-mode .paragraph .translation{color:#bdc3c7;background-color:#2c3e50}.dark-mode .paragraph .translation:hover,.dark-mode .back-btn{background-color:#34495e}.dark-mode .back-btn:hover{background-color:#2c3e50}.dark-mode .highlight-word{background-color:gold;color:#000}.dark-mode .highlight-word:hover{background-color:#ffc107}.dark-mode .highlight-tooltip{background-color:#ffffffe6;color:#000}.dark-mode .highlight-tooltip:after{border-top-color:#ffffffe6}@media(max-width:768px){.container{padding:10px}.navbar-container{padding:0 10px}.navbar h1{font-size:1.2rem}.articles-grid{grid-template-columns:1fr;gap:1rem}.paper{padding:1.5rem}.paper h1{font-size:1.5rem}.paragraph .original{font-size:1rem}.paragraph .translation{font-size:.9rem}}