.page-layout{display:grid;grid-template-columns:1fr var(--sidebar-width);gap:var(--spacing-md);margin-top:var(--spacing-lg)}.page-main{min-width:0}.page-sidebar{position:sticky;top:calc(var(--nav-links-height) + var(--nav-height) + var(--spacing-md));max-height:calc(100vh - var(--nav-links-height) - var(--nav-height) - var(--spacing-lg));overflow-y:auto;scrollbar-width:thin}.page-sidebar::-webkit-scrollbar{width:4px}.page-sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.page-sidebar::-webkit-scrollbar-track{background:transparent}.nav-links{position:fixed;top:0;left:0;right:0;z-index:200;height:var(--nav-links-height);background:var(--bg-card);border-bottom:1px solid var(--border-light);display:flex;align-items:center}.nav-links .container{display:flex;align-items:center;justify-content:center;height:100%;gap:var(--spacing-lg)}.nav-links a{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast);white-space:nowrap}.nav-links a.active,.nav-links a:hover{color:var(--primary)}.site-header{position:sticky;top:var(--nav-links-height);z-index:100;background:var(--bg-card);box-shadow:0 1px 4px var(--border-light);height:var(--nav-height)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:100%}.site-brand{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.site-brand-logo{height:32px;width:32px;border-radius:var(--radius-sm);object-fit:cover}.site-brand-text{font-size:var(--text-h4);font-weight:var(--font-bold);color:var(--primary)}.main-nav{display:flex;align-items:center;gap:var(--spacing-md)}.nav-link{font-size:var(--text-small);font-weight:var(--font-normal);color:var(--text-primary);padding:var(--spacing-xs) 0;transition:color var(--transition-fast);white-space:nowrap}.nav-link.active,.nav-link:hover{color:var(--primary)}.nav-more{position:relative}.nav-more-trigger{font-size:var(--text-small);font-weight:var(--font-normal);color:var(--text-primary);padding:var(--spacing-xs) 0;cursor:pointer;transition:color var(--transition-fast);display:flex;align-items:center;gap:4px}.nav-more-trigger:hover{color:var(--primary)}.nav-more-trigger:after{content:"";display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid;transition:transform var(--transition-fast)}.nav-more:hover .nav-more-trigger:after{transform:rotate(180deg)}.nav-more-dropdown{position:absolute;top:100%;left:0;background:var(--bg-card);border-radius:var(--radius-sm);box-shadow:var(--shadow-hover);padding:var(--spacing-sm) 0;min-width:160px;opacity:0;visibility:hidden;transform:translateY(4px);transition:all var(--transition-fast)}.nav-more:hover .nav-more-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-more-dropdown a{display:block;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--text-small);color:var(--text-primary);transition:all var(--transition-fast)}.nav-more-dropdown a:hover{background:var(--primary-light);color:var(--primary)}.header-actions{gap:var(--spacing-sm);flex-shrink:0}.header-actions,.search-btn{display:flex;align-items:center}.search-btn{justify-content:center;width:36px;height:36px;border-radius:50%;transition:background var(--transition-fast)}.search-btn:hover{background:var(--primary-light)}.search-btn svg{width:18px;height:18px;color:var(--text-secondary)}.hamburger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;gap:5px}.hamburger-btn span{display:block;width:20px;height:2px;background:var(--text-primary);transition:all var(--transition-fast)}.hamburger-btn.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger-btn.active span:nth-child(2){opacity:0}.hamburger-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.banner{margin:var(--spacing-lg) 0;height:320px;border-radius:var(--radius-md);box-shadow:var(--shadow-soft);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.banner:before{background:radial-gradient(ellipse at center,rgba(123,167,217,.08) 0,rgba(250,249,247,0) 70%)}.banner:after,.banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.banner:after{background-image:linear-gradient(rgba(123,167,217,.03) 1px,transparent 0),linear-gradient(90deg,rgba(123,167,217,.03) 1px,transparent 0);background-size:40px 40px;opacity:.4}.banner-content{position:relative;z-index:1;text-align:center}.banner-title-zh{font-size:var(--text-h1);font-weight:var(--font-bold);color:var(--primary);margin-bottom:var(--spacing-sm)}.banner-title-en{font-size:var(--text-h2);font-weight:var(--font-normal);color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-family:Inter,sans-serif}.banner-tagline{font-size:var(--text-small);color:var(--text-tertiary);font-weight:var(--font-thin)}.banner-small{height:200px}.banner-small .banner-title-zh{font-size:var(--text-h2)}.banner-small .banner-title-en{font-size:var(--text-h3)}.banner-small .banner-tagline{font-size:var(--text-tiny)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin:var(--spacing-lg) 0}.category-card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:var(--spacing-lg);text-align:center;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;display:block}.category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border:1px solid rgba(123,167,217,.3)}.category-card-icon{width:56px;height:56px;margin:0 auto var(--spacing-sm);color:var(--primary);display:flex;align-items:center;justify-content:center}.category-icon-img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-md);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.category-card-title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--primary);margin-bottom:var(--spacing-xs)}.category-card-desc{font-size:var(--text-small);color:var(--text-tertiary);font-weight:var(--font-thin)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-lg)}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--text-small);color:var(--text-primary);background:var(--bg-card);box-shadow:var(--shadow-soft);transition:all var(--transition-fast)}.pagination a:hover{background:var(--primary-light);color:var(--primary)}.pagination .active{background:var(--primary);color:var(--text-inverse)}.pagination .disabled{opacity:.4;pointer-events:none}@media (max-width:767px){.hamburger-btn{display:flex}.main-nav{position:fixed;top:calc(var(--nav-links-height) + 60px);left:0;right:0;background:var(--bg-card);flex-direction:column;padding:var(--spacing-md);box-shadow:var(--shadow-soft);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:100}.main-nav.active{transform:translateY(0);opacity:1;visibility:visible}.main-nav .nav-link{padding:var(--spacing-sm) 0;width:100%;text-align:center;border-bottom:1px solid var(--border-light)}}