*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f6f7;color:#333;line-height:1.6}a{color:#1a73e8;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:#fff;border-bottom:1px solid #e8e8e8;padding:12px 0;position:sticky;top:0;z-index:10}.nav{display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.5rem;font-weight:700;color:#333}.nav-links{display:flex;gap:20px;align-items:center}.nav-links a,.link-btn{color:#555;font-size:.95rem;background:none;border:none;cursor:pointer}.nav-links a:hover,.link-btn:hover{color:#1a73e8}.search-form{display:flex;align-items:center;gap:6px;flex:1;max-width:360px;margin:0 16px}.search-input{flex:1;padding:6px 12px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;font-family:inherit}.search-input:focus{outline:none;border-color:#1a73e8}.search-btn{background:#1a73e8;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.85rem}.search-btn:hover{background:#1557b0}.layout{display:flex;flex-direction:column;min-height:100vh}.main{flex:1;width:100%;padding-top:24px;padding-bottom:40px}.footer{background:#fff;border-top:1px solid #e8e8e8;padding:20px 0;text-align:center;color:#999;font-size:.85rem}h1{font-size:1.6rem;margin-bottom:16px}h2{font-size:1.3rem;margin-bottom:8px}.article-list{display:flex;flex-direction:column;gap:16px}.article-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000000f}.article-card h2{margin-bottom:6px}.meta{color:#888;font-size:.85rem;margin-bottom:8px}.summary{color:#555;font-size:.95rem}.tags{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.tag{background:#eef4ff;color:#1a73e8;padding:2px 10px;border-radius:12px;font-size:.8rem}.tag:hover{background:#1a73e8;color:#fff;text-decoration:none}.article-detail{background:#fff;padding:28px;border-radius:8px}.article-detail h1{font-size:1.8rem;margin-bottom:10px}.article-wrapper{display:flex;gap:24px;margin-top:20px;align-items:flex-start}.toc-sidebar{position:sticky;top:80px;width:200px;flex-shrink:0;background:#f8f9fa;padding:16px 18px;border-radius:6px;max-height:calc(100vh - 120px);overflow-y:auto}.toc-sidebar h3{font-size:.95rem;margin-bottom:10px}.toc-sidebar ul{list-style:none;margin:0}.toc-sidebar li{margin:6px 0}.toc-sidebar a{color:#555;font-size:.85rem;display:block;padding:2px 0}.toc-sidebar a:hover{color:#1a73e8}.article-content{flex:1;min-width:0}.article-content h1,.article-content h2,.article-content h3{margin-top:24px;margin-bottom:12px}.article-content p{margin-bottom:12px}.article-content pre{background:#f6f8fa;padding:14px;border-radius:6px;overflow-x:auto;margin-bottom:12px}.article-content code{background:#f1f1f1;padding:2px 6px;border-radius:4px;font-size:.9em}.article-content pre code{background:none;padding:0}.article-content blockquote{border-left:4px solid #dfe2e5;padding-left:14px;color:#666;margin-bottom:12px}.article-content ul,.article-content ol{margin-left:20px;margin-bottom:12px}.article-content img{max-width:100%;height:auto;border-radius:6px;display:block;margin:12px 0}.article-content table{width:100%;border-collapse:collapse;margin-bottom:12px}.article-content th,.article-content td{border:1px solid #dfe2e5;padding:8px 12px;text-align:left}.article-content th{background:#f6f8fa}.toc{background:#f8f9fa;padding:16px 20px;border-radius:6px;margin:16px 0}.toc h3{font-size:1rem;margin-bottom:8px}.toc ul{list-style:none;margin:0}.toc li{margin:4px 0}.toc a{color:#555;font-size:.9rem}.toc a:hover{color:#1a73e8}.toc-level-2{padding-left:16px}.toc-level-3{padding-left:32px}.upload-form{background:#fff;padding:28px;border-radius:8px;width:100%}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:.95rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#1a73e8}button[type=submit],.btn{background:#1a73e8;color:#fff;border:none;padding:10px 24px;border-radius:6px;cursor:pointer;font-size:.95rem}button[type=submit]:hover,.btn:hover{background:#1557b0}.mode-switch{margin-bottom:20px;display:flex;gap:10px}.mode-switch button{background:#f0f0f0;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.mode-switch button.active{background:#1a73e8;color:#fff}.admin-table{width:100%;background:#fff;border-radius:8px;border-collapse:collapse;box-shadow:0 1px 3px #0000000f}.admin-table th,.admin-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #f0f0f0}.admin-table th{background:#f8f9fa;font-weight:600}.btn-danger{background:#ea4335;color:#fff;border:none;padding:6px 14px;border-radius:4px;cursor:pointer;font-size:.85rem}.btn-danger:hover{background:#c5221f}.login-box{max-width:360px;margin:60px auto;background:#fff;padding:28px;border-radius:8px;text-align:center}.login-box h2{margin-bottom:20px}.error{color:#ea4335;margin-bottom:12px}.loading{text-align:center;padding:40px;color:#888}@media (max-width: 800px){.nav{flex-direction:column;gap:10px}.search-form{width:100%;max-width:none;margin:0}.article-detail{padding:16px}.article-wrapper{flex-direction:column}.toc-sidebar{position:static;width:100%;max-height:none}}