*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.6;color:#1a1a1a;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;transition:all 0.3s ease}a:hover{opacity:0.7}.container{max-width:800px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}h1{font-size:32px}h2{font-size:24px}h3{font-size:18px}p{margin-bottom:16px}.main-nav{background:#fff;border-bottom:1px solid #e5e5e5;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);background:rgba(255,255,255,0.9)}.main-nav .nav-container{max-width:800px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:24px}.main-nav .nav-item{padding:16px 0;font-size:18px;font-weight:500;color:#666;border-bottom:2px solid transparent;transition:all 0.3s ease}.main-nav .nav-item.nav-brand{font-size:1.5rem;font-weight:700}.main-nav .nav-item:hover{color:#1a1a1a}.main-nav .nav-item.active{color:#1a1a1a;border-bottom-color:#1a1a1a}.home-page{padding:32px 0}.home-page .intro{margin-bottom:32px;text-align:center}.home-page .intro .site-title{font-size:48px;font-weight:700;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.home-page .intro .site-description{color:#666;font-size:18px}.home-page .posts-list{display:flex;flex-direction:column;gap:24px}.home-page .post-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,0.08);transition:all 0.3s ease;border:1px solid #e5e5e5}.home-page .post-card:hover{box-shadow:0 8px 24px rgba(0,0,0,0.12);transform:translateY(-2px)}.home-page .post-card .post-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px}.home-page .post-card .post-title{font-size:24px;font-weight:600;margin:0}.home-page .post-card .post-title a{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-page .post-card .post-date{color:#999;font-size:14px;white-space:nowrap}.home-page .post-card .post-excerpt{color:#666;font-size:16px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tags-page{padding:32px 0}.tags-page .page-title{font-size:40px;font-weight:700;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:32px;text-align:center}.tags-page .categories-list{display:flex;flex-direction:column;gap:32px}.tags-page .category-section{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e5e5}.tags-page .category-name{font-size:24px;font-weight:600;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #4a7c59;display:flex;align-items:center;gap:8px}.tags-page .category-name a{color:#1a1a1a}.tags-page .category-name .category-count{color:#999;font-size:14px;font-weight:400}.tags-page .category-posts{list-style:none;display:flex;flex-direction:column;gap:0}.tags-page .category-post{display:flex;align-items:center;gap:24px;padding:12px 16px;border-bottom:1px solid #e5e5e5}.tags-page .category-post.odd{background-color:#fff}.tags-page .category-post.even{background-color:#f8f9fa}.tags-page .category-post:last-child{border-bottom:none}.tags-page .category-post .post-date{color:#666;font-size:14px;font-family:monospace;min-width:90px;flex-shrink:0}.tags-page .category-post .post-link{color:#2563a8;font-size:18px;font-weight:500;flex:1;text-decoration:none}.tags-page .category-post .post-link:hover{color:#1d4f8a;text-decoration:underline}.post{padding:32px 0;max-width:800px;margin:0 auto}.post .post-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e5e5e5}.post .post-header .post-title{font-size:36px;font-weight:700;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.post .post-header .post-meta{display:flex;align-items:center;gap:16px;color:#999;font-size:14px}.post .post-header .post-meta .post-date{color:#666}.post .post-header .post-meta .post-categories{display:flex;gap:8px}.post .post-header .post-meta .post-categories .category{padding:2px 8px;background:#f5f5f5;border-radius:4px;font-size:14px}.post .post-content{font-size:16px;line-height:1.8;color:#1a1a1a}.post .post-content h2{font-size:24px;margin:32px 0 16px}.post .post-content h3{font-size:18px;margin:24px 0 8px}.post .post-content p{margin-bottom:16px}.post .post-content a{color:#667eea;text-decoration:underline}.post .post-content a:hover{color:#764ba2}.post .post-content ul,.post .post-content ol{margin-bottom:16px;padding-left:24px}.post .post-content li{margin-bottom:4px}.post .post-content blockquote{margin:24px 0;padding:16px 24px;border-left:4px solid #667eea;background:#f8f9fa;color:#666}.post .post-content blockquote p{margin-bottom:0}.post .post-content code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-family:"SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;font-size:0.9em}.post .post-content pre{background:#1a1a1a;color:#fff;padding:16px;border-radius:8px;overflow-x:auto;margin-bottom:24px}.post .post-content pre code{background:none;padding:0;color:inherit}.post .post-content img{max-width:100%;height:auto;border-radius:8px;margin:24px 0}.post .post-content table{width:100%;border-collapse:collapse;margin-bottom:24px}.post .post-content table th,.post .post-content table td{padding:8px 16px;text-align:left;border-bottom:1px solid #e5e5e5}.post .post-content table th{font-weight:600;background:#f8f9fa}.about-page{padding:32px 0;max-width:800px;margin:0 auto}.about-page h2{font-size:24px;font-weight:600;color:#1a1a1a;margin-top:32px;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #4a7c59}.about-page h2:first-child{margin-top:0}.about-page p{color:#666;font-size:16px;line-height:1.8;margin-bottom:16px}.about-page ul{list-style:disc;padding-left:24px;margin-bottom:16px}.about-page ul li{color:#666;font-size:16px;line-height:2}.about-page a{color:#2563a8;text-decoration:none}.about-page a:hover{text-decoration:underline}.site-footer{margin-top:32px;padding:24px 0;border-top:1px solid #e5e5e5;text-align:center}.site-footer .footer-content{color:#999;font-size:14px}.site-footer .footer-content p{margin:0}@media (max-width: 768px){.main-nav .nav-container{padding:0 16px}.main-nav .nav-item{font-size:16px;padding:8px 0}.home-page .intro .site-title{font-size:32px}.home-page .post-card{padding:16px}.home-page .post-card .post-header{flex-direction:column}.home-page .post-card .post-title{font-size:18px}.tags-page .page-title{font-size:28px}.tags-page .category-section{padding:16px}.post .post-header .post-title{font-size:24px}.post .post-content{font-size:14px}.container{padding:0 16px}}