:root{--color-bg: #FDFBF7;--color-primary: #1F6B43;--color-secondary: #2D5A85;--color-accent: #A5486E;--color-text: #2C3E50;--color-text-light: #4A5568;--color-border: #E0DED9;--color-card-bg: #FFFFFF;--color-hover: #185236;--spacing-xs: 0.5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--max-width: 1200px;--border-radius: 8px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;line-height:1.6;scroll-padding-top:80px}body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;color:var(--color-text);background-color:var(--color-bg);min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{line-height:1.3;margin-bottom:var(--spacing-sm);color:var(--color-text)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:var(--spacing-sm)}a{color:var(--color-primary);text-decoration:none;transition:color 0.3s ease}a:hover{color:var(--color-hover)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md);width:100%}main{flex:1;padding:var(--spacing-xl) 0}.site-header{background-color:var(--color-card-bg);border-bottom:2px solid var(--color-primary);padding:var(--spacing-md) 0;margin-bottom:var(--spacing-lg);position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;position:relative}.site-title{margin:0;font-size:1.75rem}.site-title a{color:var(--color-text);font-weight:600;display:flex;align-items:center;gap:var(--spacing-xs)}.site-title a:hover{color:var(--color-primary)}.site-icon{width:32px;height:32px;display:inline-block}.hamburger{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger span{width:100%;height:3px;background-color:var(--color-text);border-radius:10px;transition:all 0.3s ease;transform-origin:center}.hamburger:hover span{background-color:var(--color-primary)}.hamburger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.header-right{display:none;flex-direction:column;align-items:stretch;gap:var(--spacing-md);position:absolute;top:100%;right:0;background-color:var(--color-card-bg);border:2px solid var(--color-primary);border-radius:var(--border-radius);padding:var(--spacing-md);margin-top:var(--spacing-sm);min-width:200px;box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:1000}.header-right.active{display:flex}.site-nav{display:flex;flex-direction:column;gap:0;width:100%}.site-nav a{color:var(--color-text-light);font-weight:500;padding:var(--spacing-sm);border-radius:var(--border-radius);transition:all 0.3s ease;text-align:left}.site-nav a:hover{background-color:var(--color-primary);color:white}.nav-dropdown{position:relative;width:100%}.nav-dropdown-toggle{width:100%;background:none;border:none;color:var(--color-text-light);font-weight:500;font-size:1rem;padding:var(--spacing-sm);text-align:left;cursor:pointer;border-radius:var(--border-radius);transition:all 0.3s ease;display:flex;align-items:center;justify-content:space-between;font-family:inherit}.nav-dropdown-toggle:hover{background-color:var(--color-primary);color:white}.dropdown-arrow{font-size:0.8em;transition:transform 0.3s ease;display:inline-block}.nav-dropdown.active .dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu{display:none;flex-direction:column;gap:0;padding-left:var(--spacing-md);margin-top:var(--spacing-xs)}.nav-dropdown.active .nav-dropdown-menu{display:flex}.nav-dropdown-menu a{padding:var(--spacing-sm);padding-left:var(--spacing-md);font-size:0.95rem}@media (min-width: 1024px){.hamburger{display:none}.header-content{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--spacing-md)}.header-right{display:flex;flex-direction:row;position:static;background:none;border:none;padding:0;margin:0;min-width:auto;box-shadow:none;align-items:center;gap:0;justify-content:center}.site-nav{flex-direction:row;align-items:center;gap:0.25rem;width:auto}.site-nav>a,.nav-dropdown-toggle{padding:0.5rem 0.75rem;white-space:nowrap;font-size:0.95rem}.nav-dropdown{position:relative;width:auto}.nav-dropdown-menu{position:absolute;top:100%;left:0;margin-top:var(--spacing-xs);background:var(--color-card-bg);border:2px solid var(--color-primary);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,0.1);padding:var(--spacing-xs);min-width:160px;z-index:1000}.nav-dropdown-menu a{padding:0.625rem 0.75rem;font-size:0.9rem}.header-social{padding-top:0;border-top:none;padding-left:0;width:auto;gap:0.75rem}.header-social svg{width:18px;height:18px}}.header-social{display:flex;gap:var(--spacing-md);align-items:center;padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);width:100%;justify-content:center}.header-social a{color:var(--color-text-light);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);border-radius:50%;transition:all 0.3s ease}.header-social a:hover{color:var(--color-primary);background-color:rgba(168,213,186,0.1)}.header-social button{color:var(--color-text-light);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);border-radius:50%;transition:all 0.3s ease;background:none;border:none;cursor:pointer;position:relative}.header-social button:hover{color:var(--color-primary);background-color:rgba(168,213,186,0.1)}.copy-email-btn-header::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:var(--color-text);color:white;padding:0.5rem 0.75rem;border-radius:6px;font-size:0.85rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s ease;margin-bottom:0.5rem;z-index:1001}.copy-email-btn-header:hover::after{opacity:1}.copy-email-btn-header.copied::after{content:'Copied!';opacity:1}.copy-email-btn-header.copied{color:var(--color-primary)}.site-footer{background-color:var(--color-card-bg);border-top:2px solid var(--color-secondary);padding:var(--spacing-lg) 0;margin-top:var(--spacing-xl)}.footer-content{text-align:center}.social-links{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.social-links a,.social-links button{color:var(--color-text-light);font-weight:500;transition:color 0.3s ease;background:none;border:none;cursor:pointer;padding:0;display:inline-flex;align-items:center}.social-links a:hover,.social-links button:hover{color:var(--color-secondary)}.copy-email-btn{position:relative}.copy-email-btn::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:var(--color-text);color:white;padding:0.5rem 0.75rem;border-radius:6px;font-size:0.85rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s ease;margin-bottom:0.5rem;z-index:1001}.copy-email-btn:hover::after{opacity:1}.copy-email-btn.copied::after{content:'Copied!';opacity:1}.copy-email-btn.copied{color:var(--color-primary)}.site-footer p{color:var(--color-text-light);font-size:0.9rem;margin:0}.site-version{font-size:0.8rem;color:var(--color-text-light);margin-left:0.5rem}.hero{text-align:center;padding:var(--spacing-xl) 0;margin-bottom:var(--spacing-xs)}.hero h2{font-size:2.5rem;color:var(--color-text);margin-bottom:var(--spacing-xs)}.subtitle{font-size:1.25rem;color:var(--color-text-light)}.featured-content{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);color:white;padding:var(--spacing-lg);border-radius:var(--border-radius);margin-bottom:var(--spacing-xl);box-shadow:0 4px 12px rgba(0,0,0,0.15);text-align:center}.featured-label{font-size:0.85rem;text-transform:uppercase;letter-spacing:1px;font-weight:600;opacity:0.9;margin-bottom:var(--spacing-xs)}.featured-title{font-size:1.75rem;color:white;margin-bottom:var(--spacing-md);line-height:1.3}.featured-description{font-size:1.1rem;line-height:1.7;margin-bottom:var(--spacing-lg);opacity:0.95;max-width:800px;margin-left:auto;margin-right:auto}.featured-link{display:inline-block;background:white;color:var(--color-primary);padding:0.75rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;text-decoration:none;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.2)}.featured-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.3);color:var(--color-primary)}@media (max-width: 768px){.featured-content{padding:var(--spacing-md)}.featured-title{font-size:1.35rem}.featured-description{font-size:1rem}}.home-grid{display:grid;grid-template-columns:350px 1fr;gap:var(--spacing-xl);align-items:stretch}.home-summary{display:flex}.home-intro{background-color:var(--color-card-bg);padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:0 2px 8px rgba(0,0,0,0.05);border-left:4px solid var(--color-primary);flex:1;display:flex;flex-direction:column}.home-intro p{font-size:1rem;line-height:1.8;margin-bottom:var(--spacing-md)}.home-intro p:last-child{margin-bottom:0}.home-content{min-width:0;display:flex;padding:0}.content-card{background-color:var(--color-card-bg);padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:0 2px 8px rgba(0,0,0,0.05);border-left:4px solid var(--color-primary);flex:1;display:flex;flex-direction:column}.content-card h2{margin-top:0;margin-bottom:var(--spacing-md);color:var(--color-text);font-size:1.5rem;flex-shrink:0}.content-card .post-list{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md);overflow:hidden}.content-card .view-all{margin-top:var(--spacing-md);flex-shrink:0}.post-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.post-preview{background-color:var(--color-bg);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);border-left:3px solid var(--color-secondary);transition:transform 0.3s ease, box-shadow 0.3s ease;cursor:pointer}.post-preview:hover{transform:translateX(4px);box-shadow:0 4px 12px rgba(0,0,0,0.1);border-left-color:var(--color-primary)}.post-preview a.post-link{display:block;color:inherit;text-decoration:none}.post-preview a.post-link:hover{color:inherit}.post-preview h3{margin-bottom:var(--spacing-xs);font-size:1.1rem}.post-preview h3 a{color:var(--color-text)}.post-preview h3 a:hover{color:var(--color-primary)}.post-meta{color:var(--color-text-light);font-size:0.85rem;margin-bottom:var(--spacing-sm)}.post-excerpt{color:var(--color-text-light);margin-bottom:var(--spacing-sm);font-size:0.9rem;line-height:1.6}.read-more{color:var(--color-primary);font-weight:500;font-size:0.9rem}.view-all{display:inline-block;color:var(--color-secondary);font-weight:600}.post{background-color:var(--color-card-bg);padding:var(--spacing-lg);border-radius:var(--border-radius)}.post-header{border-bottom:2px solid var(--color-border);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-lg)}.post-title{margin-bottom:var(--spacing-sm)}.post-tags{margin-top:var(--spacing-sm)}.tag{display:inline-block;background-color:var(--color-secondary);color:white;padding:0.25rem 0.75rem;border-radius:20px;font-size:0.85rem;margin-right:var(--spacing-xs);margin-top:var(--spacing-xs)}.post-content{line-height:1.8}.post-content h2,.post-content h3,.post-content h4{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.post-content p{margin-bottom:var(--spacing-md)}.post-content ul,.post-content ol{margin-bottom:var(--spacing-md);margin-left:var(--spacing-lg)}.post-content li{margin-bottom:var(--spacing-xs)}.post-content code{background-color:var(--color-bg);padding:0.2rem 0.4rem;border-radius:4px;font-size:0.9em;font-family:'Consolas', 'Monaco', 'Courier New', monospace}.post-content pre{background-color:var(--color-bg);padding:var(--spacing-md);border-radius:var(--border-radius);overflow-x:auto;margin-bottom:var(--spacing-md);border-left:4px solid var(--color-secondary)}.post-content pre code{background:none;padding:0}.post-content blockquote{border-left:4px solid var(--color-accent);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--color-text-light);font-style:italic}.post-share{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--color-bg);border-radius:var(--border-radius);border-left:4px solid var(--color-primary);text-align:center}.post-share p{margin-bottom:var(--spacing-md);color:var(--color-text);font-weight:500}.post-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-md);border-top:2px solid var(--color-border)}.back-link{color:var(--color-text-light)}.page{background-color:var(--color-card-bg);padding:var(--spacing-lg);border-radius:var(--border-radius)}.page-header{border-bottom:2px solid var(--color-border);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-lg)}.page-content{line-height:1.8}.page-content h2{margin-top:var(--spacing-lg);color:var(--color-primary)}.page-content h3{margin-top:var(--spacing-md);color:var(--color-secondary)}.page-content ul,.page-content ol{margin-bottom:var(--spacing-md);margin-left:var(--spacing-lg)}.page-content li{margin-bottom:var(--spacing-xs)}.social-icons{display:flex;gap:var(--spacing-md);margin:var(--spacing-md) 0}.social-icons a{color:var(--color-text-light);display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.social-icons a:hover{color:var(--color-primary)}.resume-section{margin-bottom:var(--spacing-xl)}.resume-item{margin-bottom:var(--spacing-lg)}.resume-item h3{margin-bottom:var(--spacing-xs)}.resume-meta{color:var(--color-text-light);font-size:0.9rem;margin-bottom:var(--spacing-sm)}.profile-image{float:right;width:200px;height:200px;object-fit:cover;border-radius:50%;margin:0 0 var(--spacing-md) var(--spacing-lg);border:4px solid var(--color-primary);box-shadow:0 4px 12px rgba(0,0,0,0.1)}@media (max-width: 768px){.profile-image{float:none;display:block;margin:0 auto var(--spacing-md) auto;width:150px;height:150px}}@media (max-width: 1024px){.home-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.home-summary{height:auto}.home-intro{margin-bottom:0;height:auto}.home-content{height:auto}.content-card{height:auto}}@media (max-width: 768px){html{font-size:14px}.hero h2{font-size:2rem}.hero{padding:var(--spacing-lg) 0}.home-intro{padding:var(--spacing-md)}.content-card{padding:var(--spacing-md);height:auto}.post,.page{padding:var(--spacing-md)}.post-preview{padding:var(--spacing-sm) var(--spacing-md)}.content-card .post-list{gap:var(--spacing-sm)}}.upcoming-list{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.upcoming-item{background-color:var(--color-bg);padding:var(--spacing-md);border-radius:var(--border-radius);border-left:4px solid var(--color-primary);transition:transform 0.3s ease, box-shadow 0.3s ease}.upcoming-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.upcoming-item.status-planned{border-left-color:var(--color-text-light)}.upcoming-item.status-cooking{border-left-color:#C87A3C}.upcoming-item.status-refining{border-left-color:var(--color-secondary)}.upcoming-item.status-completed{border-left-color:var(--color-primary)}.upcoming-item.status-delayed{border-left-color:var(--color-accent)}.upcoming-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm);gap:var(--spacing-md);flex-wrap:wrap}.upcoming-title-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.upcoming-item h3{margin:0;color:var(--color-text)}.status-badge{display:inline-block;padding:0.25rem 0.75rem;border-radius:20px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.status-badge.status-planned{background-color:var(--color-text-light);color:white}.status-badge.status-cooking{background-color:#C87A3C;color:white}.status-badge.status-refining{background-color:var(--color-secondary);color:white}.status-badge.status-completed{background-color:var(--color-primary);color:white}.status-badge.status-delayed{background-color:var(--color-accent);color:white}.delivery-date{color:var(--color-text-light);font-weight:600;font-size:0.9rem;white-space:nowrap}.upcoming-description{color:var(--color-text-light);line-height:1.6;margin:0}@media (max-width: 768px){.upcoming-header{flex-direction:column;align-items:flex-start}.upcoming-title-row{width:100%}.delivery-date{align-self:flex-start}}.guides-page{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.guides-hero{text-align:center;margin-bottom:var(--spacing-xl)}.guides-hero h1{color:var(--color-text);margin-bottom:var(--spacing-sm)}.guides-hero .subtitle{font-size:1.25rem;color:var(--color-text-light);margin-bottom:var(--spacing-md)}.guides-container{display:flex;gap:var(--spacing-xl);align-items:flex-start}.guides-sidebar{position:sticky;top:2rem;width:250px;flex-shrink:0}.guides-sidebar h3{color:var(--color-text);margin-bottom:var(--spacing-md);font-size:1.1rem}.guides-main{flex:1;min-width:0}.category-filters{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-btn{padding:var(--spacing-xs) var(--spacing-sm);border:none;background:transparent;color:var(--color-text);border-radius:var(--border-radius);cursor:pointer;font-size:0.9rem;text-align:left;transition:all 0.2s ease;width:100%}.filter-btn:hover{background:var(--color-card-bg);color:var(--color-primary)}.filter-btn.active{background:var(--color-primary);color:white;font-weight:500}.category-section{margin-bottom:var(--spacing-xl)}.category-heading{color:var(--color-text);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--color-primary)}.guide-cards{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:var(--spacing-md)}.guide-card{background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-md);transition:all 0.3s ease;cursor:pointer}.guide-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.guide-card a.guide-link{display:block;color:inherit;text-decoration:none;position:relative}.guide-card a.guide-link:hover{color:inherit}.reading-order-badge{position:absolute;top:-12px;right:-12px;background:var(--color-primary);color:white;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1rem;box-shadow:0 2px 8px rgba(0,0,0,0.15);z-index:1}.prerequisites-notice{background:#f0f7ff;border-left:3px solid var(--color-primary);padding:var(--spacing-xs) var(--spacing-sm);margin:var(--spacing-sm) 0;font-size:0.9rem;border-radius:4px;display:flex;align-items:flex-start;gap:var(--spacing-xs)}.prereq-icon{flex-shrink:0;font-size:1rem}.prereq-text{color:#2c5aa0;font-weight:500;line-height:1.4}.guide-card h3{margin-bottom:var(--spacing-sm);font-size:1.25rem}.guide-card h3 a{color:var(--color-text)}.guide-card h3 a:hover{color:var(--color-primary)}.guide-card-meta{margin-bottom:var(--spacing-sm)}.category-badge{display:inline-block;padding:0.25rem 0.75rem;background:var(--color-secondary);color:white;border-radius:12px;font-size:0.85rem;font-weight:500}.guide-excerpt{color:var(--color-text-light);margin-bottom:var(--spacing-md);line-height:1.6}.guide-card .read-more{color:var(--color-primary);font-weight:500}.guide-card .read-more:hover{color:var(--color-hover)}.no-results{text-align:center;padding:var(--spacing-xl);color:var(--color-text-light)}.guide{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md);overflow-x:hidden}.guide-header{margin-bottom:var(--spacing-lg)}.breadcrumb{font-size:0.9rem;color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.breadcrumb a{color:var(--color-primary)}.breadcrumb .separator{margin:0 var(--spacing-xs)}.guide-title{color:var(--color-text);margin-bottom:var(--spacing-sm)}.guide-meta{margin-bottom:var(--spacing-md)}.guide-container{display:grid;grid-template-columns:250px 1fr;gap:var(--spacing-xl);align-items:start;overflow-x:hidden;min-width:0}.guide-toc{position:sticky;top:var(--spacing-md)}.toc-wrapper{background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-md)}.toc-wrapper h3{font-size:1rem;margin-bottom:var(--spacing-sm);color:var(--color-text)}.toc-list{list-style:none}.toc-item{margin-bottom:var(--spacing-xs)}.toc-item a{color:var(--color-text-light);font-size:0.9rem;display:block;padding:0.25rem 0;transition:color 0.3s ease}.toc-item a:hover,.toc-item a.active{color:var(--color-primary)}.toc-sublist{list-style:none;margin-left:var(--spacing-md)}.toc-subitem{margin-bottom:var(--spacing-xs)}.toc-subitem a{font-size:0.85rem}.guide-content{background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);min-height:400px;min-width:0;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}.guide-content h2:has(+ol li a[href^="#"]),.guide-content h2:has(+ul li a[href^="#"]){display:none}.guide-content h2+ol:has(li a[href^="#"]),.guide-content h2+ul:has(li a[href^="#"]){display:none}.guide-content h2{color:var(--color-text);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--color-border)}.guide-content h3{color:var(--color-text);margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm)}.guide-content h4{color:var(--color-text);margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm)}.guide-content p{margin-bottom:var(--spacing-md)}.guide-content ul,.guide-content ol{margin-bottom:var(--spacing-md);margin-left:var(--spacing-lg)}.guide-content li{margin-bottom:var(--spacing-xs)}.guide-content code{background:var(--color-bg);padding:0.2em 0.4em;border-radius:4px;font-family:'Courier New', monospace;font-size:0.9em}.guide-content pre{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-md);overflow-x:auto;margin-bottom:var(--spacing-md);max-width:100%}.guide-content pre code{background:none;padding:0}.guide-content table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-md);display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.guide-content th,.guide-content td{border:1px solid var(--color-border);padding:var(--spacing-sm);text-align:left;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;max-width:300px}.guide-content th{background:var(--color-bg);font-weight:600}.guide-content blockquote{border-left:4px solid var(--color-accent);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--color-text-light)}.guide-content blockquote>*:last-child{margin-bottom:0}.guide-content blockquote p{margin-bottom:var(--spacing-sm)}.guide-content blockquote ul,.guide-content blockquote ol{margin-bottom:var(--spacing-sm);margin-left:var(--spacing-lg)}.guide-content blockquote li{margin-bottom:var(--spacing-sm)}.guide-content img{max-width:100%;height:auto;display:block;margin:var(--spacing-md) auto;border-radius:var(--border-radius);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.guide-share{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--color-bg);border-radius:var(--border-radius);border-left:4px solid var(--color-primary);text-align:center}.guide-share p{margin-bottom:var(--spacing-md);color:var(--color-text);font-weight:500}.guide-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-md);border-top:2px solid var(--color-border)}.guide-footer .back-link{color:var(--color-primary);font-weight:500}@media (max-width: 1024px){.guide-container{grid-template-columns:1fr}.guide-toc{position:static;margin-bottom:var(--spacing-lg)}}@media (max-width: 768px){.guides-page{padding:0 var(--spacing-sm)}.guides-container{flex-direction:column}.guides-sidebar{position:static;width:100%;margin-bottom:var(--spacing-lg)}.category-filters{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xs)}.filter-btn{width:auto;padding:var(--spacing-xs) var(--spacing-sm);font-size:0.85rem}.guide-cards{grid-template-columns:1fr}.guide{padding:0 var(--spacing-sm)}.guide-content{padding:var(--spacing-md);overflow-x:hidden;word-wrap:break-word}.guide-content table{font-size:0.85rem}.guide-content th,.guide-content td{padding:var(--spacing-xs);white-space:normal;min-width:100px}.guide-content pre{font-size:0.85rem}}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background-color:var(--color-primary);color:white;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,0.15);opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:1000}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top:hover{background-color:var(--color-hover);transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,0.2)}.scroll-to-top:active{transform:translateY(-1px)}@media (max-width: 768px){.scroll-to-top{bottom:1.5rem;right:1.5rem;width:45px;height:45px;font-size:1.25rem}}.case-study{max-width:1000px;margin:0 auto;padding:0 var(--spacing-md)}.case-study-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border)}.case-study-title{color:var(--color-text);margin-bottom:var(--spacing-sm)}.case-study-subtitle{font-size:1.25rem;color:var(--color-text-light);margin-bottom:var(--spacing-md);line-height:1.6}.case-study-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-bg);border-radius:var(--border-radius)}.meta-item{font-size:0.95rem;color:var(--color-text)}.case-study-technologies{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center}.case-study-technologies strong{color:var(--color-text);margin-right:var(--spacing-xs)}.tech-tag{display:inline-block;background-color:var(--color-secondary);color:white;padding:0.25rem 0.75rem;border-radius:12px;font-size:0.85rem;font-weight:500}.case-study-content{background-color:var(--color-card-bg);padding:var(--spacing-xl);border-radius:var(--border-radius);line-height:1.8}.case-study-content h2{color:var(--color-primary);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--color-border)}.case-study-content h3{color:var(--color-secondary);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.case-study-content h4{color:var(--color-text);margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm)}.case-study-content p{margin-bottom:var(--spacing-md)}.case-study-content ul,.case-study-content ol{margin-bottom:var(--spacing-md);margin-left:var(--spacing-lg)}.case-study-content li{margin-bottom:var(--spacing-xs)}.case-study-content strong{color:var(--color-primary);font-weight:600}.case-study-content code{background-color:var(--color-bg);padding:0.2rem 0.4rem;border-radius:4px;font-size:0.9em;font-family:'Consolas', 'Monaco', 'Courier New', monospace}.case-study-content pre{background-color:var(--color-bg);padding:var(--spacing-md);border-radius:var(--border-radius);overflow-x:auto;margin-bottom:var(--spacing-md);border-left:4px solid var(--color-secondary)}.case-study-content pre code{background:none;padding:0}.case-study-content blockquote{border-left:4px solid var(--color-accent);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--color-text-light);font-style:italic}.case-study-share{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--color-bg);border-radius:var(--border-radius);border-left:4px solid var(--color-primary);text-align:center}.case-study-share p{margin-bottom:var(--spacing-md);color:var(--color-text);font-weight:500}.case-study-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-md);border-top:2px solid var(--color-border)}.case-study-footer .back-link{color:var(--color-primary);font-weight:500}@media (max-width: 768px){.case-study{padding:0 var(--spacing-sm)}.case-study-content{padding:var(--spacing-md)}.case-study-meta{flex-direction:column;gap:var(--spacing-xs)}}.text-center{text-align:center}.mt-lg{margin-top:var(--spacing-lg)}.mb-lg{margin-bottom:var(--spacing-lg)}.subcategory-guides-nav{margin-top:2rem}.subcategory-section{margin-bottom:3rem;padding:1.5rem;background:var(--card-bg, #f8f9fa);border-radius:8px}.subcategory-heading{font-size:1.5rem;margin-bottom:0.5rem;color:var(--heading-color, #1a1a1a)}.subcategory-number{display:inline-block;min-width:2rem;color:var(--primary-color, #06c);font-weight:bold}.subcategory-description{color:var(--text-secondary, #666);margin-bottom:1rem;font-style:italic}.subcategory-guides{list-style:none;padding-left:0;counter-reset:guide-counter}.guide-item{margin-bottom:0.75rem}.guide-link{display:flex;align-items:baseline;padding:0.75rem 1rem;background:white;border-radius:6px;text-decoration:none;color:var(--text-color, #333);transition:all 0.2s ease;border-left:3px solid transparent}.guide-link:hover{background:var(--hover-bg, #e9ecef);border-left-color:var(--primary-color, #06c);transform:translateX(4px)}.nav-guide-number{display:inline-block;min-width:3rem;color:var(--primary-color, #06c);font-weight:600;font-size:0.9rem}.nav-guide-title{flex:1}.subcategory-group{margin-bottom:3rem}.subcategory-title{font-size:1.5rem;margin-bottom:0.5rem;color:var(--heading-color, #1a1a1a);border-bottom:2px solid var(--primary-color, #06c);padding-bottom:0.5rem}.subcategory-desc{color:var(--text-secondary, #666);margin-bottom:1.5rem;font-style:italic}.subcategory-badge{background:var(--secondary-color, #e9ecef);color:var(--text-color, #333);padding:0.25rem 0.75rem;border-radius:4px;font-size:0.85rem;margin-left:0.5rem}.guide-navigation{margin:1rem 0;padding:0.5rem 0;border-top:1px solid var(--border-color, #e0e0e0)}.guide-nav-container{display:flex;justify-content:space-between;gap:0.75rem}.guide-nav-link{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.75rem;background:var(--color-card-bg, #fff);border-radius:6px;text-decoration:none;color:var(--text-color, #333);transition:all 0.2s ease;border:2px solid var(--color-border, #E0DED9);flex:1;max-width:45%}.guide-nav-link:hover{background:var(--hover-bg, #e9ecef);border-color:var(--primary-color, #06c);transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,0.1)}.guide-nav-prev{justify-content:flex-start}.guide-nav-next{justify-content:flex-end}.nav-arrow{font-size:1.5rem;color:var(--primary-color, #06c);font-weight:bold}.nav-content{display:flex;flex-direction:column;gap:0.25rem}.guide-nav-next .nav-content{text-align:right}.nav-label{font-size:0.85rem;color:var(--text-secondary, #666);text-transform:uppercase;font-weight:600;letter-spacing:0.5px}.nav-title{font-size:1rem;font-weight:500;color:var(--heading-color, #1a1a1a)}.guide-nav-spacer{flex:1;max-width:45%}@media (max-width: 768px){.guide-nav-container{flex-direction:column}.guide-nav-link,.guide-nav-spacer{max-width:100%}}