html,body{margin:0;padding:0;border:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{overflow-y:scroll}body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;font-size:100%;font:inherit}article,aside,details,figcaption,figure,dialog,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;background:#fff}table{border-collapse:separate;border-spacing:0}table,th,td{vertical-align:middle}th,td,caption{text-align:left;font-weight:400}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}address,caption,cite,code,dfn,em,i,th,var{font-style:normal}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}fieldset,img{border:none}img{vertical-align:middle;font-size:12px;line-height:1em;color:#999;text-align:left;overflow:hidden;-ms-interpolation-mode:bicubic}iframe{border:none;margin:0;padding:0}ol,ul{list-style:none}.container{width:1280px;margin:0 auto;text-align:left}#exposeMask{background-color:rgba(0,0,0,.5);background-image:url(/common/images/loading/spacer.png);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000',endColorstr='#7F000000')}body{font-size:14px;font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.adiframe{overflow:hidden}.adiframe::-webkit-scrollbar{display:none}a{text-decoration:none}a:active{outline:none}a.green:link,a.green:visited,.green{color:#060}a.green:hover,a.green:active{color:#f60}a.aqua:link,a.aqua:visited,.aqua{color:#8b3}a.aqua:hover,a.aqua:active{color:#f60}a.white:link,a.white:visited,.white{color:#fff}a.white:hover,a.white:active{color:#fff}a.red:link,a.red:visited,.red{color:#fe4300}a.red:hover,a.red:active{color:#f60}a.pink:link,a.pink:visited,.pink{color:#f69}a.pink:hover,a.pink:active{color:#f60}a.blue:link,a.blue:visited,.blue{color:#0087d5}a.blue:hover,a.blue:active{color:#f60}a.orange:link,a.orange:visited,.orange{color:#f60}a.orange:hover,a.orange:active{color:#f60}a.yellow:link,a.yellow:visited,.yellow{color:#ff0}a.yellow:hover,a.yellow:active{color:#fff}a.zero:link,a.zero:visited,.zero{color:#000}a.zero:hover,a.zero:active{color:#f60}a.three:link,a.three:visited,.three{color:#333}a.three:hover,a.three:active{color:#f60}a.six:link,a.six:visited,.six{color:#666}a.six:hover,a.six:active{color:#f60}a.nine:link,a.nine:visited,.nine{color:#999}a.nine:hover,a.nine:active{color:#f60}a.ccc:link,a.ccc:visited,.ccc{color:#ccc}a.ccc:hover,a.ccc:active{color:#f60}a.under:link,a.under:visited{text-decoration:none}a.under:hover,a.under:active{text-decoration:underline}a.underline:link,a.underline:visited{text-decoration:underline}a.underline:hover,a.underline:active{text-decoration:underline}.arial{font-family:Helvetica,Arial,SimSun}.tahoma{font-family:Tahoma,Geneva,'SimSun',sans-serif}.yahei{font-family:'Hiragino Sans GB','Microsoft YaHei','SimSun',sans-serif}.simsun{font-family:'SimSun',sans-serif}.money{font-family:Helvetica,Arial,'Hiragino Sans GB','Microsoft YaHei','SimSun',sans-serif}.bold{font-weight:700}.center{text-align:center}button,input,select,textarea{font-family:Helvetica,Arial,'SimSun';line-height:normal}button,input{*overflow:visible;_overflow:inherit}textarea{overflow:auto;vertical-align:top;resize:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{vertical-align:-2px;margin:0}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}input[type=date]{-webkit-appearance:textarea}input::-ms-clear{display:none}:-ms-input-placeholder{color:#bcbcbc}:-moz-placeholder{color:#bcbcbc}::-moz-placeholder{color:#bcbcbc}::-webkit-input-placeholder{color:#bcbcbc;line-height:normal}@media(-webkit-min-device-pixel-ratio:0){input{line-height:normal}}hr{background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0;border:none;font-size:0;overflow:hidden}hr.space{background:#fff;color:#fff;visibility:hidden}.mid{vertical-align:middle}.ht{margin:0;padding:0;height:0;list-style:none;text-indent:-9999px;overflow:hidden}.ellipsis{-moz-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.l{float:left}.r{float:right}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clear-s{clear:both}.clear5{clear:both;overflow:hidden;height:5px}.clear10{clear:both;overflow:hidden;height:10px}.clear15{clear:both;overflow:hidden;height:15px}.clear20{clear:both;overflow:hidden;height:20px}.clear25{clear:both;overflow:hidden;height:25px}.clear30{clear:both;overflow:hidden;height:30px}.clearfix:after,.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;font-size:0}.clearfix,.container{*zoom:1;}.text-toast{position:fixed;z-index:1002;left:0;display:block;word-break:break-all;padding:10px 20px;opacity:0;max-width:90%;background:rgba(0,0,0,.8);color:#fff;font-size:14px;line-height:18px;text-align:center;border-radius:3px;overflow:hidden;top:45%;margin-top:-50px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-transform:translateZ(0);-webkit-user-select:none;-webkit-user-drag:none;-webkit-animation-duration:3s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-webkit-transform:translateY(0px);-webkit-transform:translateY(0px);-webkit-transform:translateY(-10000px)}@-webkit-keyframes text-toast-on{0%{opacity:0;-webkit-transform:translateY(20px)}20%{opacity:1;-webkit-transform:translateY(0)}80%{opacity:1;-webkit-transform:translateY(0)}98%{opacity:.1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(-10000px)}}@keyframes text-toast-on{0%{opacity:0;transform:translateY(20px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}98%{opacity:.1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(-10000px)}}.text-toast-on{-webkit-animation-name:text-toast-on;animation-name:text-toast-on}.icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}@supports (padding-bottom:constant(safe-area-inset-bottom)){body{padding-bottom:constant(safe-area-inset-bottom)}}@supports (padding-bottom:env(safe-area-inset-bottom)){body{padding-bottom:env(safe-area-inset-bottom)}}[v-cloak]{display:none}button{background-color:transparent;border:none;padding:0;margin:0}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px;padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px;padding-left:2rem;padding-right:2rem}}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#1f2937;background-color:#f9fafb}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}button{cursor:pointer;border:none;outline:none;font-family:inherit}.clearfix:after{content:"";display:table;clear:both}:root{--color-primary:#1b3a30;--color-primary-light:#2a5446;--color-primary-dark:#122822;--color-accent:#c9a227;--color-accent-hover:#d4b23a;--color-accent-light:#f5ebcc;--color-surface:#faf7f2;--color-surface-alt:#f0ebe3;--color-surface-dark:#e8e2d6;--color-text:#1b3a30;--color-text-secondary:#3d5a4f;--color-text-muted:#5c7268;--color-border:#d4cfc4;--color-white:#fff;--color-overlay:rgba(27,58,48,.92);--font-display:'Crimson Pro',Georgia,serif;--font-body:'Nunito Sans',-apple-system,sans-serif;--max-width:1440px;--header-height:80px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-card:0 4px 24px rgba(27,58,48,.08);--shadow-card-hover:0 12px 40px rgba(27,58,48,.15);--shadow-elevated:0 20px 60px rgba(27,58,48,.2)}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--color-surface);border-bottom:1px solid var(--color-border);transition:all .3s ease}.nav.scrolled{background:rgba(250,247,242,.95);backdrop-filter:blur(12px);box-shadow:0 2px 20px rgba(27,58,48,.08)}.nav-inner{max-width:var(--max-width);margin:0 auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.menu-toggle{width:44px;height:44px;background:0 0;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:var(--radius-sm);transition:background .2s}.menu-toggle:hover{background:var(--color-surface-alt)}.menu-toggle span{display:block;width:22px;height:2px;background:var(--color-primary);transition:all .3s}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.logo{display:flex;align-items:center;gap:14px;text-decoration:none;position:absolute;left:50%;transform:translateX(-50%)}.logo-icon{width:48px;height:48px;position:relative}.logo-icon svg{width:100%;height:100%}.logo-text{font-family:var(--font-display);font-size:1.6rem;font-weight:600;color:var(--color-primary);letter-spacing:.5px}.logo-text span{color:var(--color-accent)}.nav-actions{display:flex;align-items:center;gap:16px}.nav-search-btn{width:44px;height:44px;background:0 0;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.nav-search-btn:hover{background:var(--color-surface-alt);border-color:var(--color-primary);color:var(--color-primary)}.nav-cta{padding:12px 24px;background:var(--color-accent);color:var(--color-white);text-decoration:none;font-size:.9rem;font-weight:600;border-radius:var(--radius-sm);transition:all .2s;border:none;cursor:pointer}.nav-cta:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(201,162,39,.35)}.sidebar-overlay{position:fixed;inset:0;background:rgba(27,58,48,.5);opacity:0;visibility:hidden;transition:all .3s;z-index:1001}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar{position:fixed;top:0;left:0;bottom:0;width:340px;background:var(--color-white);transform:translateX(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:1002;overflow-y:auto}.sidebar.active{transform:translateX(0)}.sidebar-header{padding:24px 28px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.sidebar-close{width:40px;height:40px;background:var(--color-surface);border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all .2s}.sidebar-close:hover{background:var(--color-surface-alt);color:var(--color-primary)}.sidebar-nav{padding:24px 0}.sidebar-nav-item{display:block;padding:16px 28px;color:var(--color-text);text-decoration:none;font-size:1.05rem;font-weight:500;transition:all .2s;border-left:3px solid transparent}.sidebar-nav-item:hover{background:var(--color-surface);color:var(--color-accent);border-left-color:var(--color-accent);padding-left:32px}.sidebar-nav-group{margin-bottom:8px}.sidebar-nav-group-title{padding:12px 28px 8px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-text-muted)}.sidebar .logo{position:static;transform:none}@media (max-width:768px){.nav-inner{padding:0 24px}.nav-cta{display:none}}.footer{background:var(--color-primary-dark);color:var(--color-white);padding:80px 0 40px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px}.footer-brand{padding-right:40px}.footer-logo{display:flex;align-items:center;gap:14px;margin-bottom:24px}.footer-logo-icon{width:48px;height:48px}.footer-logo-icon svg{width:100%;height:100%}.footer-logo-text{font-family:var(--font-display);font-size:1.5rem;font-weight:600}.footer-logo-text span{color:var(--color-accent)}.footer-desc{font-size:.95rem;color:rgba(255,255,255,.65);line-height:1.7;margin-bottom:28px}.footer-social{display:flex;gap:12px}.social-link{width:44px;height:44px;background:rgba(255,255,255,.08);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7);text-decoration:none;transition:all .2s}.social-link:hover{background:var(--color-accent);color:var(--color-white)}.footer-column h4{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-white);margin-bottom:24px}.footer-links{list-style:none}.footer-links li{margin-bottom:14px}.footer-links a{color:rgba(255,255,255,.65);text-decoration:none;font-size:.95rem;transition:all .2s}.footer-links a:hover{color:var(--color-accent);padding-left:6px}.footer-bottom{padding-top:40px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.footer-copyright{font-size:.9rem;color:rgba(255,255,255,.5)}.footer-legal{display:flex;gap:28px}.footer-legal a{color:rgba(255,255,255,.5);text-decoration:none;font-size:.9rem;transition:color .2s}.footer-legal a:hover{color:var(--color-accent)}.modal-overlay{position:fixed;inset:0;background:rgba(27,58,48,.85);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:var(--color-white);border-radius:var(--radius-lg);padding:48px;max-width:440px;width:100%;text-align:center;position:relative;transform:translateY(20px) scale(.95);transition:transform .3s ease}.modal-overlay.active .modal{transform:translateY(0) scale(1)}.modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:none;background:var(--color-surface-alt);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.modal-close:hover{background:var(--color-accent);color:#fff}.modal-icon{margin-bottom:20px}.modal-title{font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--color-primary);letter-spacing:2px;margin-bottom:12px}.modal-desc{font-size:1rem;color:var(--color-text-secondary);margin-bottom:28px;line-height:1.6}.modal-form{display:flex;flex-direction:column;gap:12px}.modal-input{width:100%;padding:16px 20px;border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit;transition:all .3s}.modal-input:focus{outline:none;border-color:var(--color-accent)}.modal-btn{width:100%;padding:16px 20px;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s}.modal-btn:hover{background:var(--color-accent-hover)}.modal-note{font-size:.85rem;color:var(--color-text-muted);margin-top:16px}.modal-success{display:none}.modal-success.show{display:block}.modal-success-icon{width:64px;height:64px;background:var(--color-accent-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--color-accent)}@media (max-width:1200px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand{padding-right:0}.footer-bottom{flex-direction:column;gap:20px}.footer-social{justify-content:center}.modal{padding:32px 24px}}.category-hero{padding-top:var(--header-height);background:var(--color-primary);position:relative;overflow:hidden}.category-hero:before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cpath d='M0 75 Q150 45 300 75 T600 75' fill='none' stroke='%23C9A227' stroke-width='1' opacity='0.15'/%3E%3Cpath d='M0 150 Q150 120 300 150 T600 150' fill='none' stroke='%23C9A227' stroke-width='1' opacity='0.12'/%3E%3Cpath d='M0 225 Q150 255 300 225 T600 225' fill='none' stroke='%23C9A227' stroke-width='1' opacity='0.1'/%3E%3C/svg%3E");background-size:600px 600px;opacity:.6}.category-hero-inner{position:relative;z-index:1;max-width:var(--max-width);margin:0 auto;padding:60px 48px 80px}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:.9rem}.breadcrumb a{color:rgba(255,255,255,.7);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--color-accent)}.breadcrumb span{color:rgba(255,255,255,.5)}.breadcrumb-current{color:var(--color-white);font-weight:600}.category-hero-content{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end}.category-hero-text h1{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:600;color:var(--color-white);line-height:1.1;margin-bottom:16px}.category-hero-text h1 span{color:var(--color-accent)}.category-hero-text p{font-size:1.15rem;color:rgba(255,255,255,.8);line-height:1.7;max-width:600px}.category-stats{display:flex;gap:48px}.stat-item{text-align:center}.stat-value{font-family:var(--font-display);font-size:2.75rem;font-weight:600;color:var(--color-accent);line-height:1;margin-bottom:8px}.stat-label{font-size:.85rem;color:rgba(255,255,255,.65);text-transform:uppercase;letter-spacing:1px}.filter-bar{position:sticky;top:var(--header-height);z-index:100;background:var(--color-white);border-bottom:1px solid var(--color-border);box-shadow:0 2px 10px rgba(27,58,48,.05)}.filter-bar-inner{max-width:var(--max-width);margin:0 auto;padding:0;display:flex;align-items:center;justify-content:space-between;height:64px}.filter-tabs{display:flex;gap:8px}.filter-tab{padding:10px 20px;background:0 0;border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:all .2s}.filter-tab:hover{background:var(--color-surface);color:var(--color-text)}.filter-tab.active{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-primary);font-weight:600}.filter-actions{display:flex;align-items:center;gap:16px}.sort-dropdown{position:relative}.sort-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9rem;color:var(--color-text);cursor:pointer;transition:all .2s}.sort-btn:hover{border-color:var(--color-primary)}.sort-btn svg{width:16px;height:16px;color:var(--color-text-muted)}.view-toggle{display:flex;gap:4px}.view-btn{width:40px;height:40px;background:0 0;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.view-btn:hover,.view-btn.active{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.content-section{padding:60px 0 100px;background:var(--color-surface)}.container{max-width:var(--max-width);margin:0 auto;padding:0 48px}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.article-card{background:var(--color-white);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:inherit;transition:all .4s ease;box-shadow:var(--shadow-card)}.article-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-card-hover)}.article-image{position:relative;aspect-ratio:16/10;overflow:hidden}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.article-card:hover .article-image img{transform:scale(1.05)}.article-tag{position:absolute;top:16px;left:16px;padding:6px 14px;background:var(--color-accent);color:var(--color-white);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:var(--radius-xs)}.article-score{position:absolute;bottom:16px;right:16px;width:48px;height:48px;background:var(--color-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-family:var(--font-display);font-size:1.25rem;font-weight:600}.article-score.excellent{background:#2a5446}.article-score.good{background:#5c7268}.article-body{padding:24px}.article-category{font-size:.75rem;color:var(--color-accent);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.article-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-text);line-height:1.35;margin-bottom:12px;transition:color .2s}.article-card:hover .article-title{color:var(--color-accent)}.article-excerpt{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-meta{display:flex;align-items:center;gap:16px;font-size:.8rem;color:var(--color-text-muted)}.article-meta span{display:flex;align-items:center;gap:5px}.pagination{margin-top:60px;text-align:center}.load-more-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:all .3s}.load-more-btn:hover{border-color:var(--color-accent);background:var(--color-accent-light);color:var(--color-primary)}.load-more-btn svg{width:18px;height:18px;transition:transform .2s}.load-more-btn:hover svg{transform:translateY(3px)}.pagination-info{margin-top:16px;font-size:.9rem;color:var(--color-text-muted)}.content-with-sidebar{display:grid;grid-template-columns:1fr 320px;gap:48px}.category-sidebar{position:sticky;top:calc(var(--header-height) + 80px);height:fit-content}.sidebar-ad{background:var(--color-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card)}.sidebar-ad-image{aspect-ratio:4/3;overflow:hidden}.sidebar-ad-image img{width:100%;height:100%;object-fit:cover}.sidebar-ad-body{padding:24px}.sidebar-ad-label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.sidebar-ad-title{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--color-text);line-height:1.3;margin-bottom:16px}.sidebar-ad-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--color-accent);color:var(--color-white);text-decoration:none;font-size:.9rem;font-weight:600;border-radius:var(--radius-sm);transition:all .2s;width:100%;justify-content:center}.sidebar-ad-btn:hover{background:var(--color-accent-hover)}.sidebar-newsletter{margin-top:32px;background:var(--color-primary);border-radius:var(--radius-md);padding:28px;text-align:center}.sidebar-newsletter h4{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-white);margin-bottom:10px}.sidebar-newsletter p{font-size:.9rem;color:rgba(255,255,255,.75);margin-bottom:20px}.sidebar-newsletter input{width:100%;padding:14px 16px;background:var(--color-white);border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;margin-bottom:12px}.sidebar-newsletter button{width:100%;padding:14px 20px;background:var(--color-accent);border:none;color:var(--color-white);font-size:.95rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.sidebar-newsletter button:hover{background:var(--color-accent-hover)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.article-card{opacity:0;animation:fadeInUp .5s ease forwards}.article-card:nth-child(1){animation-delay:.05s}.article-card:nth-child(2){animation-delay:.1s}.article-card:nth-child(3){animation-delay:.15s}.article-card:nth-child(4){animation-delay:.2s}.article-card:nth-child(5){animation-delay:.25s}.article-card:nth-child(6){animation-delay:.3s}@media (max-width:1200px){.content-with-sidebar{grid-template-columns:1fr}.category-sidebar{display:none}.content-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.category-hero-content{grid-template-columns:1fr;gap:40px}.category-stats{justify-content:flex-start}}@media (max-width:768px){.category-hero-inner{padding:40px 24px 60px}.filter-bar-inner{padding:0;flex-direction:column;height:auto;padding:16px 0;gap:16px}.filter-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.container{padding:0 24px}.content-grid{grid-template-columns:1fr}}