*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans:var(--font-noto-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bg-color:#f8fafc;--bg-card:#fff;--bg-card-hover:#f1f5f9;--border-color:#e2e8f0;--border-color-hover:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--primary:#f59e0b;--primary-hover:#d97706;--primary-glow:#f59e0b1a;--success:#10b981;--error:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #00000014, 0 10px 10px -5px #00000005;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-color:#030712;--bg-card:#0b0f19;--bg-card-hover:#111827;--border-color:#1f2937;--border-color-hover:#374151;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--primary-glow:#f59e0b26;--shadow-xl:0 20px 25px -5px #00000026, 0 10px 10px -5px #0000000a}html,body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;max-width:100%;min-height:100%;line-height:1.6;overflow-x:hidden}body{flex-direction:column;display:flex}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}img{max-width:100%;height:auto;display:block}.mx-auto{margin-left:auto;margin-right:auto}.max-w-7xl{max-width:80rem}.px-4{padding-left:1rem;padding-right:1rem}@media (min-width:640px){.px-4{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.px-4{padding-left:2rem;padding-right:2rem}}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.site-header{z-index:50;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);background-color:#f8fafccc;width:100%;position:sticky;top:0}[data-theme=dark] .site-header{background-color:#030712cc}.site-header .google-auto-placed,.site-header ins.adsbygoogle{display:none!important}.header-container{justify-content:space-between;align-items:center;height:4rem;display:flex}.brand-logo-container{align-items:center;gap:.75rem;display:flex}.brand-icon{border-radius:var(--radius-sm);color:#fff;width:2.25rem;height:2.25rem;transition:transform var(--transition-fast);background:linear-gradient(135deg,#f59e0b,#ea580c,#f59e0b);justify-content:center;align-items:center;font-size:1.125rem;font-weight:900;display:flex;box-shadow:0 4px 10px #f59e0b4d}[data-theme=dark] .brand-icon{color:#000}.brand-logo-container:hover .brand-icon{transform:scale(1.05)}.brand-text-wrapper{flex-direction:column;display:flex}.brand-name{letter-spacing:.05em;color:var(--text-primary);font-size:1.125rem;font-weight:700;line-height:1.2}.brand-logo-container:hover .brand-name{color:var(--primary)}.brand-sub{letter-spacing:.15em;color:var(--text-secondary);text-transform:uppercase;font-size:.625rem;font-weight:500}.header-nav{display:none}@media (min-width:768px){.header-nav{gap:2rem;display:flex}}.nav-link{color:var(--text-secondary);font-size:.875rem;font-weight:500}.nav-link.active,.nav-link:hover{color:var(--primary)}.header-actions{align-items:center;gap:1rem;display:flex}.theme-toggle{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-card);width:2.25rem;height:2.25rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{border-color:var(--primary);color:var(--primary);background-color:var(--bg-card-hover)}.mobile-menu-toggle{width:2.5rem;height:2.5rem;color:var(--text-primary);cursor:pointer;z-index:100;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.mobile-menu-toggle:hover{color:var(--primary)}@media (min-width:768px){.mobile-menu-toggle{display:none}}.mobile-nav-drawer{background-color:var(--bg-color);z-index:40;border-bottom:0px solid var(--border-color);width:100%;height:0;transition:height .3s ease-in-out;position:fixed;top:4rem;left:0;overflow:hidden}.mobile-nav-drawer.open{border-bottom-width:1px;height:calc(100vh - 4rem)}.mobile-nav{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.mobile-nav-link{color:var(--text-primary);border-bottom:1px solid #0000000d;padding-bottom:.5rem;font-size:1.25rem;font-weight:600}[data-theme=dark] .mobile-nav-link{border-bottom-color:#ffffff0d}.mobile-nav-link:hover{color:var(--primary)}.badge-ai{border-radius:var(--radius-full);color:var(--primary);background-color:#f59e0b1a;border:1px solid #f59e0b33;align-items:center;padding:.125rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.hero-section{margin-bottom:3rem}.hero-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);background-color:var(--bg-card);box-shadow:var(--shadow-xl);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);grid-template-columns:1fr;display:grid;position:relative;overflow:hidden}@media (min-width:1024px){.hero-card{grid-template-columns:1.2fr 1fr;min-height:24rem}}.hero-card:hover{border-color:var(--border-color-hover);box-shadow:0 20px 30px -10px #0000001a, 0 0 15px var(--primary-glow)}[data-theme=dark] .hero-card:hover{box-shadow:0 20px 30px -10px #0000004d, 0 0 15px var(--primary-glow)}.hero-image-container{background-color:#f1f5f9;width:100%;height:14rem;position:relative;overflow:hidden}[data-theme=dark] .hero-image-container{background-color:#0f172a}@media (min-width:640px){.hero-image-container{height:20rem}}@media (min-width:1024px){.hero-image-container{height:100%}}.hero-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.hero-card:hover .hero-image{transform:scale(1.03)}.hero-content{flex-direction:column;justify-content:center;padding:1.5rem;display:flex}@media (min-width:640px){.hero-content{padding:2.5rem}}.hero-tag{text-transform:uppercase;letter-spacing:.1em;color:var(--primary);align-self:flex-start;margin-bottom:1rem;font-size:.75rem;font-weight:700;display:inline-flex}.hero-title{color:var(--text-primary);transition:color var(--transition-fast);margin-bottom:1rem;font-size:1.5rem;font-weight:800;line-height:1.3}@media (min-width:640px){.hero-title{font-size:2rem}}.hero-title:hover{color:var(--primary)}.hero-description{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.hero-meta{color:var(--text-muted);border-top:1px solid var(--border-color);align-items:center;gap:1rem;padding-top:1rem;font-size:.8125rem;display:flex}.hero-author{color:var(--text-secondary);font-weight:500}.search-section{margin-bottom:2.5rem}.search-form{max-width:36rem;box-shadow:var(--shadow-md);border-radius:var(--radius-md);margin:0 auto;display:flex;position:relative}.search-input-wrapper{flex:1;position:relative}.search-input{border-radius:var(--radius-md) 0 0 var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-card);width:100%;height:3rem;color:var(--text-primary);transition:border-color var(--transition-fast), background-color var(--transition-fast);outline:none;padding:0 1rem 0 3rem;font-family:inherit;font-size:.95rem}.search-input:focus{border-color:var(--primary);background-color:var(--bg-card-hover)}.search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-button{background-color:var(--primary);color:#fff;border-radius:0 var(--radius-md) var(--radius-md) 0;cursor:pointer;height:3rem;transition:background-color var(--transition-fast);border:none;padding:0 1.5rem;font-size:.95rem;font-weight:700}[data-theme=dark] .search-button{color:#000}.search-button:hover{background-color:var(--primary-hover)}.grid-title-wrapper{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.grid-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.grid-title:before{content:"";background-color:var(--primary);border-radius:var(--radius-full);width:4px;height:1.25rem;display:block}.grid-subtitle{color:var(--text-secondary);font-size:.8125rem}.news-grid{grid-template-columns:1fr;gap:1.75rem;display:grid}@media (min-width:640px){.news-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.news-grid{grid-template-columns:repeat(3,1fr)}}.news-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;display:flex;overflow:hidden}.news-card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-lg), 0 0 12px var(--primary-glow);transform:translateY(-4px)}.card-image-container{background-color:#f1f5f9;width:100%;height:11rem;position:relative;overflow:hidden}[data-theme=dark] .card-image-container{background-color:#0f172a}.card-image{object-fit:cover;width:100%;height:100%;transition:transform .4s}.news-card:hover .card-image{transform:scale(1.05)}.card-content{flex-direction:column;flex:1;padding:1.25rem;display:flex}.card-meta-top{color:var(--primary);text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:flex}.card-title{color:var(--text-primary);-webkit-line-clamp:2;height:3.08rem;transition:color var(--transition-fast);-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:1.1rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.news-card:hover .card-title{color:var(--primary)}.card-excerpt{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:1.25rem;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.card-footer-meta{border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:.75rem;font-size:.75rem;display:flex}.card-author{color:var(--text-secondary);font-weight:500}.pagination-container{justify-content:center;margin-top:3.5rem;margin-bottom:1rem;display:flex}.load-more-btn{height:2.75rem;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background-color:#0000;align-items:center;gap:.5rem;padding:0 1.75rem;font-size:.875rem;font-weight:600;display:inline-flex}.load-more-btn:hover{background-color:var(--bg-card-hover);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.load-more-btn:active{transform:translateY(0)}.empty-state{text-align:center;background-color:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);max-width:32rem;margin:2rem auto;padding:5rem 2rem}.empty-icon{color:var(--text-muted);margin-bottom:1rem;font-size:3rem}.empty-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.empty-desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.875rem}.clear-search-btn{background-color:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;height:2.25rem;transition:background-color var(--transition-fast);border:none;align-items:center;padding:0 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}[data-theme=dark] .clear-search-btn{color:#000}.clear-search-btn:hover{background-color:var(--primary-hover)}.detail-layout{box-sizing:border-box;width:100%;max-width:48rem;margin:0 auto;padding-top:1rem}.back-link-wrapper{margin-bottom:2rem}.back-link{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.back-link:hover{color:var(--primary)}.article-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);box-sizing:border-box;width:100%;padding:1.5rem;overflow:hidden}@media (min-width:640px){.article-container{padding:3rem}}.article-header{margin-bottom:2rem}.article-original-tag{border-radius:var(--radius-sm);color:var(--primary);letter-spacing:.05em;background-color:#f59e0b1a;border:1px solid #f59e0b33;align-items:center;margin-bottom:.75rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:700;display:inline-flex}.article-title{color:var(--text-primary);margin-bottom:1.25rem;font-size:1.75rem;font-weight:800;line-height:1.35}@media (min-width:640px){.article-title{font-size:2.25rem}}.article-meta-row{color:var(--text-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:1.5rem;padding-bottom:1.25rem;font-size:.875rem;display:flex}.article-author-info{align-items:center;gap:.5rem;display:flex}.author-avatar{border-radius:var(--radius-full);background-color:var(--primary);color:#fff;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.75rem;font-weight:800;display:flex}[data-theme=dark] .author-avatar{color:#000}.article-photos-gallery{flex-direction:column;gap:1rem;margin-bottom:2.5rem;display:flex}.article-main-photo-wrapper{border-radius:var(--radius-md);background-color:#f1f5f9;width:100%;height:16rem;position:relative;overflow:hidden}[data-theme=dark] .article-main-photo-wrapper{background-color:#0f172a}@media (min-width:640px){.article-main-photo-wrapper{height:28rem}}.article-photo{object-fit:cover;width:100%;height:100%}.photos-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (min-width:640px){.photos-grid{grid-template-columns:repeat(3,1fr)}}.thumbnail-photo-wrapper{border-radius:var(--radius-sm);cursor:pointer;height:6rem;transition:border-color var(--transition-fast);background-color:#f1f5f9;border:2px solid #0000;position:relative;overflow:hidden}[data-theme=dark] .thumbnail-photo-wrapper{background-color:#0f172a}.thumbnail-photo-wrapper:hover{border-color:var(--primary)}.article-summary-box{border-left:4px solid var(--primary);border-radius:0 var(--radius-md) var(--radius-md) 0;background-color:#f59e0b0d;margin-bottom:2.5rem;padding:1.25rem 1.5rem}[data-theme=dark] .article-summary-box{background-color:#f59e0b08}.summary-title{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;font-size:.9rem;font-weight:700}.summary-text{color:var(--text-primary);font-size:.95rem;line-height:1.6}.article-body-content{color:#334155;word-break:break-word;overflow-wrap:break-word;font-size:1.0625rem;line-height:1.8}[data-theme=dark] .article-body-content{color:#e2e8f0}.article-body-content *{overflow-wrap:break-word!important;word-break:break-word!important;max-width:100%!important}.article-body-content p{margin-bottom:1.5rem}.article-body-content img{border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin:2rem 0;max-width:100%!important;height:auto!important}.article-body-content iframe,.article-body-content video,.article-body-content embed,.article-body-content object{aspect-ratio:16/9;border-radius:var(--radius-md);margin:1.5rem 0;max-width:100%!important;height:auto!important}.article-body-content table{border-collapse:collapse;margin:1.5rem 0;display:block;overflow-x:auto;width:100%!important;max-width:100%!important}.article-body-content pre,.article-body-content code{white-space:pre-wrap!important;word-break:break-all!important;max-width:100%!important;overflow-x:auto!important}.article-body-content a{color:var(--primary);text-underline-offset:4px;word-break:break-all;overflow-wrap:break-word;text-decoration:underline}.article-body-content a:hover{color:var(--primary-hover)}.article-body-content br{margin-bottom:1rem}.related-articles-section{margin-top:4rem}.related-title{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.25rem;font-weight:700}.text-amber{color:var(--primary)}.font-bold{font-weight:700}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;animation:1.5s infinite loading-pulse}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#0b0f19 25%,#1f2937 50%,#0b0f19 75%)}@keyframes loading-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.site-footer{border-top:1px solid var(--border-color);background-color:var(--bg-card);width:100%;color:var(--text-secondary);margin-top:5rem;padding:3rem 0;font-size:.875rem}.footer-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(3,1fr)}}.footer-col{flex-direction:column;gap:1rem;display:flex}.footer-col-title{color:var(--text-primary);letter-spacing:.05em;text-transform:uppercase;font-size:.875rem;font-weight:700}.footer-col-text{color:var(--text-secondary);line-height:1.6}.footer-links-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.footer-link{color:var(--text-secondary);transition:color var(--transition-fast)}.footer-link:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);margin-top:2rem;padding-top:2rem;font-size:.75rem}