*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%}body{padding-top:70px;background:#fff;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;margin:0;color:#333;line-height:1.6}header{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 0;height:60px;box-sizing:border-box}.header-inner{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:100%}header img{height:50px;margin-top:-12.5px;padding-top:0}header a{color:#666;text-decoration:none;transition:color .3s;font-weight:400}header a:hover{color:#43a047}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{font-size:14px}.login-link{background:#43a047;color:#fff!important;padding:.5rem 1.5rem;border-radius:4px;transition:.3s}.login-link:hover{background:#2e7d32;color:#fff}.page-wrapper{display:flex;min-height:calc(100vh - 70px);gap:0;background:#fff;margin:0 auto;max-width:1100px;width:clamp(100%,90vw,100%)}.sidebar-nav{width:200px;background:#f8faf7;border-right:none;padding:15px 10px;max-height:calc(100vh - 70px);overflow-y:auto;overflow-x:hidden;position:sticky;top:70px;flex-shrink:0;scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{display:none}.search-box{display:flex;gap:0;margin-bottom:12px;position:relative}.search-box input{flex:1;padding:6px 32px 6px 8px;border:1px solid #ddd;border-radius:3px;font-size:12px;width:100%}.search-box input:focus{outline:0;border-color:#43a047;box-shadow:0 0 3px rgba(67,160,71,.3)}.search-btn{position:absolute;right:2px;top:50%;transform:translateY(-50%);padding:4px 6px;background:0 0;color:#43a047;border:none;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:color .2s}.search-btn:hover{color:#2e7d32}.category-filter{margin-bottom:12px}.category-filter label{display:block;font-weight:700;margin-bottom:6px;font-size:12px;color:#333}.category-btn{display:block;width:100%;padding:5px 8px;margin-bottom:3px;background:#f0f0f0;border:none;border-radius:3px;cursor:pointer;text-align:left;font-size:12px;transition:.2s;color:#333}.category-btn:hover{background:#e0e0e0}.category-btn.active{background:#43a047;color:#fff}.main-content{flex:1;padding:0;overflow-x:hidden;background:#fff;min-width:0;display:flex;flex-direction:column}.content-container{width:100%;background:#fff;min-height:calc(100vh - 70px);display:flex;flex-direction:column;padding:0}.article-header{background:linear-gradient(135deg,#43a047 0,#66bb6a 100%);color:#fff;padding:40px 60px;text-align:center}.article-header h1{font-size:2rem;margin:0 0 8px;font-weight:700}.article-header .subtitle{font-size:1rem;opacity:.9;font-weight:300}.article-content{padding:40px 60px;line-height:1.7;flex:1}.article-content h2{color:#2e7d32;font-size:1.5rem;margin:1.8rem 0 .9rem;border-left:4px solid #43a047;padding-left:18px;font-weight:700}.article-content h3{color:#388e3c;font-size:1.1rem;margin:1.3rem 0 .7rem;font-weight:600}.article-content p{color:#666;margin-bottom:1rem;font-size:15px}.article-content ol,.article-content ul{color:#666;margin:.9rem 0 1rem;padding-left:28px}.article-content li{margin-bottom:.7rem}.article-content strong{font-weight:600;color:#2e7d32}.highlight-box{background-color:#e8f5e9;border-left:4px solid #43a047;padding:20px;margin:20px 0;border-radius:4px}.highlight-box h3{margin-top:0;color:#2e7d32}.highlight-box ol{margin:10px 0}.highlight-box strong{color:#2e7d32}.tip-box{background-color:#e8f5e9;border-left:4px solid #66bb6a;padding:20px;margin:20px 0;border-radius:4px}.tip-box h3{margin-top:0;color:#2e7d32}.tip-box strong{color:#2e7d32}.feature-item{display:flex;gap:15px;margin:20px 0;padding:15px;background:#f8faf7;border-radius:8px;border-left:3px solid #43a047}.feature-icon{font-size:2rem;flex-shrink:0}.feature-content h4{color:#2e7d32;margin:0 0 8px;font-size:1.1rem}.feature-content p{margin:0}.feature-list{list-style:none;padding:0}.feature-list li:before{content:"✓ ";color:#43a047;font-weight:700;margin-right:8px}.feature-list li{padding:12px 0;margin-bottom:8px}.stats-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.stat-box{text-align:center;padding:20px;background:#e8f5e9;border-radius:8px}.stat-box .number{font-size:2rem;color:#2e7d32;font-weight:700}.stat-box .label{font-size:12px;color:#666;margin-top:8px}.cta-section{background:linear-gradient(135deg,#43a047 0,#66bb6a 100%);color:#fff;padding:40px;text-align:center;margin-top:40px;border-radius:8px}.cta-section h2{color:#fff!important;border:none!important;padding:0!important;margin:0 0 15px!important;font-size:1.5rem}.cta-section p{color:#fff;opacity:.9;margin-bottom:20px}.cta-button{display:inline-block;padding:12px 30px;background:#fff;color:#2e7d32;text-decoration:none;border-radius:25px;font-weight:700;font-size:16px;transition:.3s;cursor:pointer}.cta-button:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(0,0,0,.2);background:#f1f8e9}@media (max-width:1024px){.sidebar-nav{width:180px;padding:15px 8px}.article-content,.article-header{padding:30px 40px}.stats-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-wrapper{flex-direction:column}.sidebar-nav{width:100%;max-height:none;border-right:none;border-bottom:1px solid #eee;position:static}.article-content,.article-header{padding:20px}.article-header h1{font-size:1.5rem}.article-content h2{font-size:1.2rem}.stats-container{grid-template-columns:1fr}.search-box{margin-bottom:10px}.feature-item{flex-direction:column;gap:10px}}