*{margin:0;padding:0;box-sizing:border-box}:root{--paper-color: #ffffff;--font-family: Arial, sans-serif}body{font-family:var(--font-family);background-color:#f5f5f5;color:#333;line-height:1.6}.container{max-width:1200px;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}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.article-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:1.5rem;transition:transform .3s ease,box-shadow .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;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:4.5rem;max-height:6rem}.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{background-color:gold}.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:#1a1a1a;box-shadow:0 2px 10px #ffffff1a}.dark-mode .article-card h3{color:#fff;background-color:#1a1a1a}.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}@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}}