:root{--primary-color:#0a66c2;--primary-dark:#004e98;--accent:#0b72ff;--accent-color:#ff3b30;--text-primary:#1d1d1f;--text-secondary:#86868b;--muted:#6b7280;--bg-primary:#fbfbfd;--bg-secondary:#ffffff;--card:#ffffff;--border-color:#e5e5e7;--radius:12px;--transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);--max-width:1200px;--gap:18px;--animation-duration:0.3s;--animation-timing:cubic-bezier(0.25,0.46,0.45,0.94);--shadow-sm:0 1px 3px rgba(0,0,0,0.12);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--focus-ring:0 0 0 3px rgba(11,114,255,0.18);--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:1.875rem;--font-size-4xl:2.25rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--h1-min:1.6rem;--h1-pref:4vw;--h1-max:2.8rem}
@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}
*:focus-visible{outline:3px solid rgba(11,114,255,0.5);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-color);color:#fff;padding:8px;text-decoration:none;border-radius:0 0 4px 0;z-index:100}.skip-link:focus{top:0}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",Helvetica,Arial,sans-serif;color:var(--text-primary);background:var(--bg-primary);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.article-breadcrumb,.article-breadcrumb.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}.container{max-width:var(--max-width);margin:22px auto;padding:0 24px;width:100%}h1{font-size:clamp(var(--h1-min),var(--h1-pref),var(--h1-max));line-height:var(--leading-tight);margin:0 0 0.6em;font-weight:700;letter-spacing:-0.02em}h2{font-size:var(--font-size-3xl);line-height:var(--leading-tight);font-weight:700;margin:0 0 0.8em}h3{font-size:var(--font-size-2xl);line-height:var(--leading-tight);font-weight:600;margin:0 0 0.6em}p{margin-bottom:1.25em;line-height:var(--leading-relaxed)}a{color:var(--primary-color);text-decoration:none;transition:color var(--animation-duration) var(--animation-timing)}a:hover,a:focus{color:var(--primary-dark);text-decoration:underline}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden;transition:box-shadow var(--animation-duration) var(--animation-timing),transform var(--animation-duration) var(--animation-timing)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hero-section{padding:clamp(12px,2.2vw,40px) 0;margin-bottom:clamp(12px,2vw,28px);position:relative;overflow:visible;will-change:transform}.hero-content{display:flex;align-items:center;gap:60px;flex-wrap:wrap}.hero-text{flex:1 1 340px;min-width:180px}.hero-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;margin:0 0 16px;line-height:1.1}.title-pre{color:#d93025}.title-post{color:#111}.hero-subtitle{font-size:var(--font-size-xl);color:var(--text-secondary);margin:0 0 32px;max-width:90%}.hero-visual{flex:1 1 420px;min-width:280px;display:flex;flex-direction:column;gap:20px}.hero-image-placeholder{width:100%;height:280px;border-radius:var(--radius);background:linear-gradient(90deg,#e0e0e0 0%,#f5f5f5 50%,#e0e0e0 100%);position:relative;overflow:hidden;will-change:opacity,transform}.hero-image-placeholder img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.hero-image-placeholder:hover img{transform:scale(1.03)}.hero-post-content{background:var(--bg-secondary);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-md)}.hero-post-category{display:inline-block;padding:4px 12px;background:rgba(10,102,194,0.08);color:var(--primary-color);border-radius:20px;font-size:var(--font-size-xs);font-weight:600;margin-bottom:12px}.wave-animation{position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(to top,rgba(10,102,194,0.08),transparent);border-radius:50% 50% 0 0/100% 100% 0 0;pointer-events:none;animation:wave 3s ease-in-out infinite}@keyframes wave{0%{transform:translateX(0)}50%{transform:translateX(-10px)}100%{transform:translateX(0)}}.search-interface{display:flex;flex-direction:column;gap:16px;margin-top:32px}.search-bar-wrapper{position:relative;max-width:600px}.search-input{width:100%;padding:14px 20px 14px 52px;font-size:var(--font-size-base);border:1px solid var(--border-color);border-radius:100px;background:var(--bg-secondary);transition:border-color var(--animation-duration) var(--animation-timing),box-shadow var(--animation-duration) var(--animation-timing)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--focus-ring)}.search-button{position:absolute;left:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:50%;transition:background-color var(--animation-duration) var(--animation-timing),color var(--animation-duration) var(--animation-timing)}.search-button:hover{background:rgba(10,102,194,0.06);color:var(--primary-color)}.filter-container{display:flex;align-items:center;gap:12px}.filter-select{padding:10px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--animation-duration) var(--animation-timing),box-shadow var(--animation-duration) var(--animation-timing)}.filter-select:focus{outline:none;box-shadow:var(--focus-ring);border-color:var(--primary-color)}.news-section{padding:48px 0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:12px}.section-title{font-size:var(--font-size-3xl);font-weight:700;margin:0;color:var(--text-primary)}.view-all-link{color:var(--primary-color);text-decoration:none;font-weight:500;display:flex;align-items:center;transition:color var(--animation-duration) var(--animation-timing)}.view-all-link:hover{color:var(--primary-dark)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.post-link{display:block;text-decoration:none;color:inherit;border-radius:var(--radius);transition:transform var(--animation-duration) var(--animation-timing),box-shadow var(--animation-duration) var(--animation-timing);will-change:transform,box-shadow}.post-link:focus{box-shadow:var(--shadow-lg)}.post-card{background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md);transition:transform var(--animation-duration) var(--animation-timing),box-shadow var(--animation-duration) var(--animation-timing);will-change:transform,box-shadow}.post-link:hover .post-card{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.post-image{width:100%;height:200px;object-fit:cover;display:block;transition:transform var(--animation-duration) var(--animation-timing)}.post-link:hover .post-image{transform:scale(1.03)}.post-content{padding:20px}.post-category{display:inline-block;padding:4px 12px;background:rgba(10,102,194,0.08);color:var(--primary-color);border-radius:20px;font-size:var(--font-size-xs);font-weight:600;margin-bottom:12px}.post-title{font-size:var(--font-size-xl);font-weight:600;margin:0 0 12px;line-height:1.3}.post-excerpt{color:var(--text-secondary);margin:0 0 16px;font-size:var(--font-size-sm);line-height:var(--leading-relaxed)}.post-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--text-secondary)}.post-author{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.author-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.article-container{max-width:1200px;margin:0 auto;padding:48px 24px;animation:fadeIn .5s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.article-layout{display:flex;gap:32px}.article-content-wrapper{flex:0 0 65%;max-width:65%}.article-sidebar{flex:0 0 30%;max-width:30%;position:sticky;top:24px;align-self:flex-start;height:fit-content}.article-blank{flex:0 0 10%;max-width:10%}.article-header{margin-bottom:40px}.article-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin:0 0 24px;line-height:1.2;letter-spacing:-0.02em}.article-meta-block{display:flex;justify-content:space-between;align-items:center;background:#f9fafb;border:1px solid var(--border-color);border-radius:6px;padding:6px 10px;margin:12px 0;font-size:var(--font-size-xs;);gap:8px;flex-wrap:nowrap;overflow-x:auto}.article-meta-block .author-info{display:flex;align-items:center;gap:6px}.article-meta-block .author-avatar{border-radius:50%;width:38px;height:38px}.article-meta-block .author-name{font-weight:500}.article-meta-block .publish-date{font-size:.9rem;color:var(--muted)}.article-actions{display:flex;gap:12px}.share-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background-color var(--animation-duration) var(--animation-timing),color var(--animation-duration) var(--animation-timing),border-color var(--animation-duration) var(--animation-timing)}.share-button:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.article-full{background:var(--bg-secondary);border-radius:var(--radius);padding:10px;box-shadow:var(--shadow-md)}.article-hero{position:relative;border-radius:var(--radius);overflow:hidden;margin-bottom:40px;box-shadow:var(--shadow-lg)}.hero-image{width:100%;height:450px;object-fit:cover;display:block;transition:transform var(--animation-duration) var(--animation-timing)}.hero-overlay{position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(to top,rgba(10,102,194,0.1),transparent)}.article-inner{margin-bottom:40px}.article-excerpt{font-size:var(--font-size-lg);line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.article-body{font-size:var(--font-size-base);line-height:var(--leading-relaxed);color:var(--text-primary)}.article-body h1,.article-body h2,.article-body h3{font-size:var(--font-size-3xl);font-weight:700;margin:32px 0 16px;line-height:var(--leading-tight);color:var(--text-primary)}.article-body p{margin-bottom:20px}.article-body img{max-width:100%;height:auto;border-radius:8px;margin:24px 0;transition:transform var(--animation-duration) var(--animation-timing)}.article-body img:hover{transform:scale(1.02)}.article-body blockquote{border-left:4px solid var(--primary-color);padding-left:24px;margin:24px 0;font-style:italic;color:var(--text-secondary);background:rgba(10,102,194,0.05);padding:16px 24px;border-radius:0 8px 8px 0}.article-body a{color:var(--primary-color);text-decoration:none;transition:color var(--animation-duration) var(--animation-timing)}.article-body a:hover{color:var(--primary-dark);text-decoration:underline}.tags-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-block;padding:6px 14px;background:rgba(10,102,194,0.1);color:var(--primary-color);border-radius:20px;font-size:var(--font-size-sm);font-weight:500;text-decoration:none;transition:background-color var(--animation-duration) var(--animation-timing),color var(--animation-duration) var(--animation-timing)}.tag:hover{background:var(--primary-color);color:#fff}@media (max-width:1024px){.article-sidebar,.article-sidebar .sticky-sidebar{display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important}.article-layout{flex-direction:column}.article-content-wrapper,.article-sidebar,.article-blank{flex:0 0 100%;max-width:100%}.article-blank{display:none}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}@media (max-width:980px){.hero-content{flex-direction:column;gap:20px}.hero-title{font-size:2.5rem}.nav-toggle{display:inline-flex}}@media (max-width:640px){.container{padding:0 16px}.hero-section{padding:20px 0}.hero-title{font-size:2rem}.posts-grid{grid-template-columns:1fr}.newsletter-form{flex-direction:column}.section-header{flex-direction:column;align-items:flex-start;gap:16px}.article-header{margin-bottom:20px}.article-title{font-size:1.8rem;margin:0 0 16px;line-height:1.3}.article-meta-block{flex-direction:row;flex-wrap:wrap;padding:4px 6px;font-size:.75rem;gap:4px;overflow-x:visible}.article-full{padding:6px 9px;border-radius:0;box-shadow:none}.hero-image{height:240px}.article-excerpt{font-size:1rem;margin-bottom:20px;padding-bottom:12px}.article-body{font-size:1rem;line-height:1.6}.article-body h1,.article-body h2,.article-body h3{font-size:1.5rem;margin:20px 0 12px}.tag{font-size:.85rem;padding:4px 10px}.author-avatar{width:32px;height:32px;border:none;margin-bottom:4px}.share-button{padding:6px 12px;font-size:.85rem}}@media (max-width:480px){.site-footer{padding:18px 0;min-height:150px}}@media print{.article-sidebar,.share-button,.article-container{padding:0}.article-full{box-shadow:none;border:1px solid var(--border-color)}.post-image,.hero-image{display:none}.article-body a{color:inherit;text-decoration:underline}.article-body a::after{content:" (" attr(href) ")";font-size:var(--font-size-xs);color:var(--text-secondary)}}@media (prefers-contrast:more){:root{--primary-color:#0051d5;--text-primary:#0a0a0a;--text-secondary:#333;--border-color:#777}}@media (prefers-reduced-data:reduce){.hero-image-placeholder,.post-image,.hero-image{background-color:var(--bg-secondary);background-image:none}}.loading{position:relative;overflow:hidden}.loading::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);animation:loading 1.5s infinite}@keyframes loading{to{left:100%}}.share-notification{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:12px 24px;background:var(--primary-color);color:#fff;border-radius:8px;box-shadow:var(--shadow-lg);z-index:1000;animation:slideUp .3s ease-out}@keyframes slideUp{from{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%,0);opacity:1}}.article-date{font-size:var(--font-size-xs);color:var(--muted);display:flex;align-items:center;gap:4px}.author-byline{display:flex;align-items:center;gap:8px;margin-bottom:16px}.related-articles{margin-top:32px;padding-top:20px;border-top:1px solid var(--border-color)}.related-title{font-size:1.5rem;font-weight:700;margin:0 0 16px}.related-grid{display:flex;flex-wrap:wrap;gap:12px;margin:0 -6px}.related-card{flex:0 0 calc(29.333% - 12px);background:var(--bg-secondary);border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,0.06);transition:transform .2s ease;margin:0 6px}.related-link{display:block;text-decoration:none;color:inherit}.related-link:hover .related-card{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1)}.related-image{width:100%;height:120px;overflow:hidden}.related-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.related-content{padding:10px}.related-card-title{font-size:1rem;font-weight:600;margin:0 0 4px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-time{font-size:.75rem;color:var(--muted);display:flex;align-items:center;gap:3px}.title-pre{color:#d93025;font-weight:700}.title-post{color:#111;font-weight:400}.hero-title .title-pre,.hero-title .title-post,.article-title .title-pre,.article-title .title-post,.post-title .title-pre,.post-title .title-post,.related-card-title .title-pre,.related-card-title .title-post{display:inline}@media (max-width:968px){.related-card{flex:0 0 calc(30% - 12px)}.related-image{height:100px}}@media (max-width:640px){.related-card{flex:0 0 90%}.related-image{height:160px}.related-title{font-size:1.25rem;margin-bottom:12px}}