*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.8;color:#222;background:#f0f7ff}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}header{background:linear-gradient(135deg,#1a5f23 0%,#2e8b57 100%);color:#fff;padding:1rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.header-content{display:flex;justify-content:space-between;align-items:center}.my-logo{font-size:2.2rem;font-weight:900;text-decoration:none;color:#fff;display:flex;align-items:center;font-family:'Comic Sans MS',cursive;text-shadow:2px 2px 4px rgba(0,0,0,0.3);transition:transform 0.3s}.my-logo:hover{transform:scale(1.05);color:#ffeb3b}.my-logo i{margin-right:10px}nav{display:flex;align-items:center}.nav-links{display:flex;list-style:none}.nav-links li{margin-left:1.8rem}.nav-links a{color:#fff;text-decoration:none;font-weight:600;padding:8px 12px;border-radius:6px;transition:all 0.3s}.nav-links a:hover{background:rgba(255,255,255,0.2);color:#ffeb3b}.breadcrumb{padding:12px 0;background:#e8f5e9;font-size:0.9rem;border-bottom:1px solid #c8e6c9}.breadcrumb a{color:#2e7d32;text-decoration:none;font-weight:500}.breadcrumb a:hover{text-decoration:underline}.hamburger{display:none;flex-direction:column;cursor:pointer;padding:5px}.hamburger span{width:30px;height:4px;background:#fff;margin:4px 0;border-radius:2px;transition:0.3s}@media (max-width:768px){.nav-links{display:none;flex-direction:column;width:100%;position:absolute;top:100%;left:0;background:#2e8b57;padding:1.5rem;box-shadow:0 10px 20px rgba(0,0,0,0.2)}.nav-links.active{display:flex}.nav-links li{margin:0.8rem 0}.hamburger{display:flex}.hamburger.active span:nth-child(1){transform:rotate(-45deg) translate(-9px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(45deg) translate(-8px,-8px)}}main{display:grid;grid-template-columns:3fr 1fr;gap:2.5rem;padding:2.5rem 0}@media (max-width:992px){main{grid-template-columns:1fr}}.content{background:#fff;padding:2.5rem;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.08)}.sidebar{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.08);align-self:start}h1,h2,h3,h4{color:#1b5e20;margin-top:1.8rem;margin-bottom:1rem;line-height:1.3}h1{font-size:2.8rem;border-bottom:4px solid #4caf50;padding-bottom:0.7rem;text-align:center}h2{font-size:2.2rem;padding-left:10px;border-left:5px solid #4caf50}h3{font-size:1.7rem}h4{font-size:1.4rem;color:#388e3c}p{margin-bottom:1.2rem;text-align:justify}.highlight{background:#e8f5e9;padding:1rem;border-radius:10px;border-left:6px solid #4caf50;margin:1.5rem 0}.bold{font-weight:800;color:#1b5e20}.emoji{font-size:1.3rem;margin-right:8px}a{color:#2e7d32;text-decoration:none;font-weight:600;transition:color 0.3s}a:hover{color:#1b5e20;text-decoration:underline}img{max-width:100%;height:auto;border-radius:12px;margin:1.5rem 0;box-shadow:0 8px 20px rgba(0,0,0,0.1);border:3px solid #c8e6c9}form{display:flex;flex-direction:column;gap:1.2rem;margin-top:1.5rem}input,textarea,select{padding:0.8rem;border:2px solid #c8e6c9;border-radius:8px;font-size:1rem;transition:border-color 0.3s}input:focus,textarea:focus,select:focus{outline:none;border-color:#4caf50}button{padding:0.9rem;background:linear-gradient(to right,#4caf50,#2e7d32);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:bold;transition:all 0.3s;box-shadow:0 4px 10px rgba(76,175,80,0.3)}button:hover{background:linear-gradient(to right,#2e7d32,#1b5e20);transform:translateY(-3px);box-shadow:0 6px 15px rgba(76,175,80,0.4)}.rating{display:flex;gap:0.8rem;align-items:center;flex-wrap:wrap}.stars{color:#ffc107;font-size:1.5rem}footer{background:#1b5e20;color:#fff;padding:3rem 0;margin-top:3rem}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2.5rem}.footer-section{flex:1;min-width:250px}.footer-section h3{color:#ffeb3b;margin-bottom:1.2rem;font-size:1.5rem}friend-link{display:block;margin-bottom:0.8rem;padding:0.5rem;background:rgba(255,255,255,0.1);border-radius:6px;transition:background 0.3s}friend-link:hover{background:rgba(255,255,255,0.2)}friend-link a{color:#a5d6a7}.copyright{text-align:center;margin-top:3rem;padding-top:1.5rem;border-top:1px solid #4caf50;font-size:0.9rem;color:#c8e6c9}.schema-data{display:none}.update-time{font-style:italic;color:#666}.section-divider{height:2px;background:linear-gradient(to right,#4caf50,#c8e6c9);margin:2.5rem 0}.quote{font-style:italic;background:#f1f8e9;padding:1.5rem;border-radius:10px;border-left:6px solid #ff9800;margin:1.8rem 0}.list-circle{list-style-type:circle;padding-left:1.8rem}.flex-row{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}@media (max-width:768px){.flex-row{flex-direction:column}}