*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2563eb;--secondary-color: #64748b;--accent-color: #f59e0b;--text-color: #1e293b;--text-light: #64748b;--bg-color: #ffffff;--bg-light: #f8fafc;--border-color: #e2e8f0;--shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);--border-radius: 8px;--transition: all 0.3s ease}body{font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-color)}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover{opacity:0.8}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start}@media (max-width: 768px){.container{grid-template-columns:1fr;gap:20px}}.site-header{background:var(--bg-color);border-bottom:1px solid var(--border-color);padding:20px 0;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}.site-header .header-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.site-title{font-size:24px;font-weight:700}.site-title a{color:var(--text-color)}.site-title a:hover{color:var(--primary-color)}.site-nav .nav-list{display:flex;list-style:none;gap:15px}.site-nav .nav-link{font-weight:500;padding:12px 20px;border-radius:20px;transition:all 0.3s ease;font-size:15px;text-decoration:none;display:inline-block;min-width:60px;text-align:center;border:none;background:linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);color:var(--text-color)}.site-nav .nav-link:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(59,130,246,0.15)}.site-nav .nav-link{font-weight:500;padding:12px 20px;border-radius:20px;transition:all 0.3s ease;font-size:15px;text-decoration:none;display:inline-block;min-width:60px;text-align:center;border:none;background:linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);color:var(--text-color)}.site-nav .nav-link:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(59,130,246,0.15)}.site-nav .nav-link:contains('主页'),.site-nav .nav-link[href*='index'],.site-nav .nav-link[href='/'],.site-nav .nav-link[href='/']{background:linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%) !important;color:#1e40af !important}.site-nav .nav-link:contains('主页'):hover,.site-nav .nav-link[href*='index']:hover,.site-nav .nav-link[href='/']:hover,.site-nav .nav-link[href='/']:hover{background:linear-gradient(135deg, #bfdbfe 0%, #93c5fd 100%) !important;box-shadow:0 6px 16px rgba(59,130,246,0.25) !important}.site-nav .nav-link:contains('学习'),.site-nav .nav-link[href*='课程学习']{background:linear-gradient(135deg, #e0f2fe 0%, #b3e5fc 100%) !important;color:#0277bd !important}.site-nav .nav-link:contains('学习'):hover,.site-nav .nav-link[href*='课程学习']:hover{background:linear-gradient(135deg, #b3e5fc 0%, #81d4fa 100%) !important;box-shadow:0 6px 16px rgba(3,169,244,0.25) !important}.site-nav .nav-link:contains('科研'),.site-nav .nav-link[href*='科研']{background:linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%) !important;color:#7c3aed !important}.site-nav .nav-link:contains('科研'):hover,.site-nav .nav-link[href*='科研']:hover{background:linear-gradient(135deg, #e9d5ff 0%, #ddd6fe 100%) !important;box-shadow:0 6px 16px rgba(139,92,246,0.25) !important}.site-nav .nav-link:contains('心得'),.site-nav .nav-link[href*='心得']{background:linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%) !important;color:#059669 !important}.site-nav .nav-link:contains('心得'):hover,.site-nav .nav-link[href*='心得']:hover{background:linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%) !important;box-shadow:0 6px 16px rgba(16,185,129,0.25) !important}.site-nav .nav-link:contains('杂谈'),.site-nav .nav-link[href*='杂谈']{background:linear-gradient(135deg, #fef3c7 0%, #fde68a 100%) !important;color:#d97706 !important}.site-nav .nav-link:contains('杂谈'):hover,.site-nav .nav-link[href*='杂谈']:hover{background:linear-gradient(135deg, #fde68a 0%, #fcd34d 100%) !important;box-shadow:0 6px 16px rgba(245,158,11,0.25) !important}@media (max-width: 768px){.site-nav .nav-list{gap:10px;flex-wrap:wrap;justify-content:center}.site-nav .nav-link{padding:10px 16px;font-size:14px;min-width:50px;border-radius:16px}}.main-content{min-height:calc(100vh - 200px)}.sidebar{position:sticky;top:120px}.site-footer{background:var(--bg-light);padding:40px 0;margin-top:80px;text-align:center;color:var(--text-light)}@media (max-width: 768px){.site-header .header-container{flex-direction:column;gap:20px}.site-nav .nav-list{gap:15px;flex-wrap:wrap;justify-content:center}}.post-grid{display:grid;gap:30px}.post-card{background:var(--bg-color);border-radius:var(--border-radius);padding:30px;box-shadow:var(--shadow);transition:var(--transition);border:1px solid var(--border-color)}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.post-card .post-title{font-size:24px;font-weight:600;margin-bottom:12px}.post-card .post-title a{color:var(--text-color)}.post-card .post-title a:hover{color:var(--primary-color)}.post-card .post-meta{display:flex;gap:20px;margin-bottom:15px;font-size:14px;color:var(--text-light)}.post-card .post-excerpt{margin-bottom:20px;line-height:1.7}.post-card .post-tags{display:flex;gap:8px;flex-wrap:wrap}.post .post-header{margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.post .post-title{font-size:36px;font-weight:700;margin-bottom:16px;line-height:1.2}.post .post-meta{display:flex;gap:20px;margin-bottom:20px;font-size:14px;color:var(--text-light)}.post .post-content{font-size:18px;line-height:1.8}.post .post-content h2,.post .post-content h3,.post .post-content h4{margin:40px 0 20px;color:var(--text-color)}.post .post-content p{margin-bottom:20px}.post .post-content ul,.post .post-content ol{margin:20px 0;padding-left:30px}.post .post-content code{background:var(--bg-light);padding:2px 6px;border-radius:4px;font-size:16px}.post .post-content pre{background:var(--bg-light);padding:20px;border-radius:var(--border-radius);overflow-x:auto;margin:20px 0}.tag,.tag-link{display:inline-block;background:var(--bg-light);color:var(--text-color);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;transition:var(--transition)}.tag:hover,.tag-link:hover{background:var(--primary-color);color:white}.widget{background:var(--bg-color);border-radius:var(--border-radius);padding:25px;margin-bottom:30px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.widget .widget-title{font-size:18px;font-weight:600;margin-bottom:20px;color:var(--text-color)}.tag-cloud{display:flex;gap:8px;flex-wrap:wrap}.recent-posts{list-style:none}.recent-posts li{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.recent-posts li:last-child{border-bottom:none}.recent-posts li a{flex:1;font-weight:500}.recent-posts li .post-date{font-size:12px;color:var(--text-light)}.post-navigation{display:flex;justify-content:space-between;margin-top:60px;padding-top:40px;border-top:1px solid var(--border-color)}.post-navigation a{flex:1;padding:20px;background:var(--bg-light);border-radius:var(--border-radius);transition:var(--transition)}.post-navigation a:hover{background:var(--primary-color);color:white}.post-navigation a.nav-prev{margin-right:20px}.post-navigation a.nav-next{margin-left:20px;text-align:right}.hero-section{text-align:center;padding:80px 40px;background:linear-gradient(135deg, var(--primary-color), var(--accent-color));color:white;margin-bottom:60px;border-radius:var(--border-radius)}.hero-section .hero-title{font-size:48px;font-weight:700;margin-bottom:20px}.hero-section .hero-subtitle{font-size:20px;opacity:0.9}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.post-card,.widget{animation:fadeInUp 0.6s ease-out}.post-card:nth-child(even){animation-delay:0.1s}@media (max-width: 768px){.hero-section{padding:60px 20px}.hero-section .hero-title{font-size:36px}.hero-section .hero-subtitle{font-size:18px}.post .post-title{font-size:28px}.post .post-content{font-size:16px}.post-navigation{flex-direction:column;gap:15px}.post-navigation a{margin:0 !important}}.post .post-content img{max-width:100%;height:auto;border-radius:var(--border-radius);box-shadow:var(--shadow);margin:20px 0;transition:var(--transition)}.post .post-content img:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.image-caption{text-align:center;font-size:14px;color:var(--text-light);margin-top:-15px;margin-bottom:25px;font-style:italic}.image-container{text-align:center;margin:30px 0}.image-container img{margin:0}.profile-card{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));border-radius:var(--border-radius);padding:60px 40px;margin-bottom:40px;box-shadow:var(--shadow-lg);border:none;text-align:center;color:white}.profile-avatar{width:140px;height:140px;border-radius:50%;margin:0 auto 25px;border:4px solid rgba(255,255,255,0.3);box-shadow:0 8px 20px rgba(0,0,0,0.2);transition:var(--transition)}.profile-avatar:hover{transform:scale(1.05);border-color:rgba(255,255,255,0.6);box-shadow:0 12px 30px rgba(0,0,0,0.3)}.profile-name{font-size:28px;font-weight:700;margin-bottom:10px;color:white}.profile-title{font-size:18px;color:rgba(255,255,255,0.9);margin-bottom:25px}.profile-bio{font-size:16px;line-height:1.6;color:rgba(255,255,255,0.9);max-width:500px;margin:0 auto 30px}.profile-links{display:flex;justify-content:center;gap:20px}.profile-links a{padding:10px 20px;background:rgba(255,255,255,0.2);border-radius:25px;font-size:14px;font-weight:500;transition:var(--transition);color:white;backdrop-filter:blur(10px)}.profile-links a:hover{background:rgba(255,255,255,0.3);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.2)}@media (max-width: 768px){.profile-card{padding:40px 20px}.profile-avatar{width:120px;height:120px}.profile-name{font-size:24px}.profile-title{font-size:16px}.profile-bio{font-size:14px}.profile-links{flex-wrap:wrap;gap:15px}}.post-featured-image{width:100%;height:200px;overflow:hidden;border-radius:var(--border-radius);margin-bottom:20px}.post-featured-image img{width:100%;height:100%;object-fit:cover;margin:0;transition:var(--transition)}.post-featured-image:hover img{transform:scale(1.05)}@media (max-width: 768px){.profile-card{padding:30px 20px}.profile-avatar{width:100px;height:100px}.profile-links{flex-wrap:wrap}}