:root{--color-bg:#F5F5F5;--color-surface:#FFFFFF;--color-primary:#1a73e8;--color-primary-hover:#1557b0;--color-text-main:#202124;--color-text-secondary:#5f6368;--color-border:#dadce0;--color-success:#00C853;--color-error:#D32F2F;--font-family-base:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--font-family-code:'JetBrains Mono',monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:3rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--spacing-16:4rem;--container-width:1200px;--header-height:64px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--transition-fast:0.2s ease;--transition-base:0.3s ease}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family-base);background-color:var(--color-bg);color:var(--color-text-main);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;font-family:inherit}.site-header{background-color:rgba(255,255,255,0.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);height:var(--header-height);position:sticky;top:0;z-index:1000}.logo-text{font-family:var(--font-family-base);font-weight:700;font-size:1.5rem;color:var(--color-text-main)}.highlight{color:var(--color-primary)}.desktop-nav a{font-weight:500;font-size:0.95rem}.desktop-nav a:hover,.desktop-nav a.active{color:var(--color-primary)}.mobile-menu-btn{display:none;background:none;font-size:1.25rem;color:var(--color-text-main)}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu-btn{display:block}}.site-footer{background-color:#fff;border-top:1px solid var(--color-border);padding:var(--spacing-16) 0 var(--spacing-8);margin-top:var(--spacing-16)}.footer-col .logo-text{font-size:1.25rem;font-weight:700}.footer-links li{margin-bottom:var(--spacing-2)}.footer-links a{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{margin-top:var(--spacing-12);padding-top:var(--spacing-8);border-top:1px solid var(--color-border)}.social-links a{color:var(--color-text-secondary);font-size:1.25rem}.social-links a:hover{color:var(--color-primary)}@media (max-width:768px){.footer-content{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:var(--spacing-4);text-align:center}}.section{padding:80px 0}.badge{display:inline-block;padding:4px 12px;border-radius:16px;font-size:0.875rem;font-weight:600}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface)}.icon-btn:hover{border-color:var(--color-text-main)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mt-4{margin-top:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.breadcrumbs{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-4) 0}.breadcrumbs a{color:var(--color-text-secondary)}.breadcrumbs a:hover{color:var(--color-primary)}.container,.container--wide{width:100%;margin:0 auto;padding:0 var(--spacing-4)}.container{max-width:1200px}.container--wide{max-width:1200px}@media (min-width:1280px){.container--wide{max-width:1360px}}@media (min-width:1536px){.container--wide{max-width:1536px}}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:var(--spacing-4)}.gap-8{gap:var(--spacing-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.layout-sidebar{display:grid;grid-template-columns:280px minmax(0,1fr);gap:var(--spacing-8)}@media (max-width:1024px){.layout-sidebar{grid-template-columns:1fr}}.sticky{position:sticky}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-6);border-radius:var(--border-radius-md);font-weight:600;transition:all var(--transition-fast)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-main);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-text-main)}.card{background-color:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--spacing-6);transition:transform var(--transition-base),box-shadow var(--transition-base);border:1px solid transparent}.card:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(0,0,0,0.05);border-color:var(--color-border)}.h1{font-size:var(--font-size-4xl);font-weight:700;line-height:1.2}.h2{font-size:var(--font-size-3xl);font-weight:700;line-height:1.3}.h3{font-size:var(--font-size-2xl);font-weight:700}.h4{font-size:var(--font-size-xl);font-weight:600}.w-full{width:100%}.block{display:block}.bg-gray-100{background-color:#f1f3f4}.hover\:bg-gray-100:hover{background-color:#f1f3f4}.hover\:text-primary:hover{color:var(--color-primary)}.border-b{border-bottom:1px solid var(--color-border)}.border-l-2{border-left:2px solid var(--color-border)}.border-gray-100{border-color:#f1f3f4}.rounded{border-radius:4px}.rounded-md{border-radius:6px}.p-1{padding:0.25rem}.p-2{padding:0.5rem}.p-3{padding:0.75rem}.p-4{padding:1rem}.pl-4{padding-left:1rem}.mb-2{margin-bottom:0.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mt-1{margin-top:0.25rem}.mt-2{margin-top:0.5rem}.space-y-1 > * + *{margin-top:0.25rem}.space-y-2 > * + *{margin-top:0.5rem}.space-y-4 > * + *{margin-top:1rem}.font-bold{font-weight:700}.font-mono{font-family:var(--font-family-code)}.text-sm{font-size:0.875rem}.text-xs{font-size:0.75rem}.text-gray-500{color:#5f6368}.text-center{text-align:center}@media (max-width:768px){:root{--font-size-4xl:2.25rem;--font-size-3xl:1.75rem}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}