:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-card: #ffffff;--text-primary: #1a1a1a;--text-secondary: #666666;--accent-primary: #1a1a1a;--border-color: #e0e0e0}[data-theme=dark]{--bg-primary: #121212;--bg-secondary: #1a1a1a;--bg-card: #1a1a1a;--text-primary: #e5e5e5;--text-secondary: #888888;--accent-primary: #e5e5e5;--border-color: #333333}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}#root{min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color)}@media (max-width: 768px){html{font-size:14px}}@media (max-width: 768px){.hide-on-mobile{display:none!important}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998}}@media (max-width: 768px){.article-card{flex-direction:column!important}.article-card-image{width:100%!important;height:100px!important}}.mobile-drawer{display:none}@media (max-width: 768px){.mobile-drawer{display:block}}.article-drawer-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px}.article-drawer-modal>div{max-width:1000px;width:100%;max-height:85vh;overflow-y:auto;background:var(--bg-card);border-radius:8px;padding:24px 32px;box-shadow:0 4px 24px #0003}@media (max-width: 768px){.article-drawer-modal{padding:0;align-items:flex-end}.article-drawer-modal>div{max-width:100%;max-height:80vh;border-radius:12px 12px 0 0;padding:16px}}.search-input{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;padding:10px 12px;font-size:.9rem;outline:none;width:100%}.search-input::placeholder{color:var(--text-secondary)!important}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{color:var(--text-primary);margin-top:1em;margin-bottom:.5em;font-weight:700}.article-content p{margin-bottom:1em}.article-content code{background:var(--bg-secondary);padding:2px 4px;font-family:monospace;font-size:.9em}.article-content pre{background:var(--bg-secondary);padding:12px;overflow-x:auto;margin:1em 0}.article-content pre code{background:none;padding:0}.article-content a{color:var(--accent-primary);text-decoration:underline}.article-content blockquote{border-left:2px solid var(--border-color);margin-left:0;padding-left:16px;color:var(--text-secondary)}.article-content ul,.article-content ol{margin-left:24px;margin-bottom:1em}.article-content li{margin-bottom:.5em}.article-content img{max-width:100%}.article-content table{border-collapse:collapse;width:100%;margin:1em 0}.article-content th,.article-content td{border:1px solid var(--border-color);padding:8px 12px}.article-content th{background:var(--bg-secondary)}