.top-menu-box{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;margin:20px auto;transition:all 0.3s ease}#nav{list-style:none;margin:0;padding:0;display:flex !important;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}#nav li{position:relative;margin:0}#nav li a{display:flex;align-items:center;padding:8px 16px;background:rgba(255,255,255,0.8);color:#666;text-decoration:none;border-radius:20px;font-size:13px;font-weight:500;transition:all 0.3s ease;border:1px solid rgba(0,0,0,0.1);white-space:nowrap;position:relative}#nav li a:hover{background:rgba(102,126,234,0.1);color:#667eea;border-color:rgba(102,126,234,0.3);transform:translateY(-1px);text-decoration:none}#nav li.current a,#nav li a.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border-color:transparent;box-shadow:0 2px 8px rgba(102,126,234,0.3)}#nav li.current a:hover,#nav li a.active:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%);color:white;transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,0.4)}.part{background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid rgba(0,0,0,0.05);margin-bottom:25px;overflow:hidden;transition:all 0.3s ease}.part:hover{box-shadow:0 8px 30px rgba(0,0,0,0.12);transform:translateY(-2px)}.part h2{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:15px 20px;margin:0;font-size:18px;font-weight:600;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,0.1)}.part h2 strong{display:flex;align-items:center;gap:8px}.part h2 strong::before{content:'';width:4px;height:20px;background:rgba(255,255,255,0.8);border-radius:2px}.part h2 a{color:white;text-decoration:none;font-size:13px;font-weight:500;padding:6px 12px;background:rgba(255,255,255,0.2);border-radius:15px;transition:all 0.3s ease;display:flex;align-items:center;gap:4px}.part h2 a:hover{background:rgba(255,255,255,0.3);transform:translateX(3px);color:white;text-decoration:none}.part h2 a::after{content:'→';font-size:12px;transition:transform 0.3s ease}.part h2 a:hover::after{transform:translateX(2px)}.related-title{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:15px 20px;margin:0;font-size:18px;font-weight:600;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,0.1)}.related-title strong{display:flex;align-items:center;gap:8px}.related-title strong::before{content:'';width:4px;height:20px;background:rgba(255,255,255,0.8);border-radius:2px}.related-title a{color:white;text-decoration:none;font-size:13px;font-weight:500;padding:6px 12px;background:rgba(255,255,255,0.2);border-radius:15px;transition:all 0.3s ease;display:flex;align-items:center;gap:4px}.related-title a:hover{background:rgba(255,255,255,0.3);transform:translateX(3px);color:white;text-decoration:none}.related-title a::after{content:'→';font-size:12px;transition:transform 0.3s ease}.related-title a:hover::after{transform:translateX(2px)}.part .items{padding:20px;background:white}.part .item{background:white;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.05);transition:all 0.3s ease;border:1px solid rgba(0,0,0,0.05);overflow:hidden;margin-bottom:15px}.part .item:hover{box-shadow:0 4px 15px rgba(0,0,0,0.1);transform:translateY(-2px)}.part .item a{text-decoration:none;color:inherit;display:block;padding:15px;transition:all 0.3s ease}.part .item a:hover{text-decoration:none;color:inherit}.part .item img{border-radius:6px;transition:all 0.3s ease;width:52px;height:52px;object-fit:cover}.part .item:hover img{transform:scale(1.05)}.part .item h3{font-size:14px;font-weight:600;color:#2c3e50;margin:10px 0 8px 0;line-height:1.4;transition:color 0.3s ease}.part .item:hover h3{color:#667eea}.part .item p{font-size:12px;color:#6c757d;line-height:1.4;margin:0}.search-box{background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid rgba(0,0,0,0.05);padding:20px;position:relative;max-width:600px;margin:20px auto;display:flex;align-items:center;transition:all 0.3s ease;z-index:100}.search-box:hover{box-shadow:0 8px 30px rgba(0,0,0,0.12);transform:translateY(-2px)}.search-dropdown{position:relative;display:inline-block}.search-icon-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;border-radius:20px;padding:10px 16px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;box-shadow:0 2px 8px rgba(102,126,234,0.3);margin-left:10px}.search-icon-btn:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,0.4)}.search-icon-btn i{font-size:14px}.search-dropdown-menu{position:absolute;top:100%;right:0;background:white;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,0.15);border:1px solid rgba(0,0,0,0.1);padding:8px 0;margin-top:8px;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;z-index:1001}.search-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.search-dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:all 0.3s ease;color:#333;font-size:14px;border-bottom:1px solid rgba(0,0,0,0.05)}.search-dropdown-item:last-child{border-bottom:none}.search-dropdown-item:hover{background:rgba(102,126,234,0.1);color:#667eea;transform:translateX(5px)}.search-dropdown-item i{font-size:16px;color:#667eea;width:20px;text-align:center}.search-dropdown-item span{font-weight:500}.search-box form{position:relative;width:100%;margin:0;display:flex;align-items:center;gap:10px;background:white;border-radius:25px;padding:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.1);margin-top:0}.search-keyword{z-index:inherit;padding:12px 16px;height:auto;font-size:14px;border:none;border-radius:0;background:transparent;transition:all 0.3s ease;width:100%;outline:none;color:#333;flex:1}.search-keyword::placeholder{color:#999;font-size:14px}.search-keyword:focus{outline:none}.search-box button{position:relative;background:white;color:#666;border:1px solid rgba(0,0,0,0.1);border-radius:20px;width:50px;height:40px;margin:0;padding:0;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;line-height:1;text-align:center;min-width:50px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.search-box button:hover{background:#f8f9fa;color:#333;border-color:rgba(0,0,0,0.2);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.mobile-search-section{display:none;width:100%;padding:15px 20px;background:transparent}.mobile-search-section form{display:flex;align-items:center;background:white;border-radius:25px;padding:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.1);max-width:500px;margin:0 auto}.mobile-search-keyword{flex:1;border:none;outline:none;padding:10px 15px;font-size:14px;color:#333;background:transparent}.mobile-search-keyword::placeholder{color:#999;font-size:14px}.mobile-search-dropdown{position:relative;display:inline-block}.mobile-search-dropdown-menu{position:absolute;top:100%;right:0;background:white;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,0.15);border:1px solid rgba(0,0,0,0.1);padding:8px 0;margin-top:8px;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;z-index:1001}.mobile-search-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.mobile-search-dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:all 0.3s ease;color:#333;font-size:14px;border-bottom:1px solid rgba(0,0,0,0.05)}.mobile-search-dropdown-item:last-child{border-bottom:none}.mobile-search-dropdown-item:hover{background:rgba(102,126,234,0.1);color:#667eea;transform:translateX(5px)}.mobile-search-dropdown-item i{font-size:16px;color:#667eea;width:20px;text-align:center}.mobile-search-dropdown-item span{font-weight:500}.mobile-search-submit{background:#f8f9fa;color:#666;border:1px solid rgba(0,0,0,0.1);border-radius:20px;padding:10px 15px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;margin-left:10px}.mobile-search-submit:hover{background:#e9ecef;color:#333;border-color:rgba(0,0,0,0.2);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.mobile-search-submit i{font-size:14px;color:#666}.mobile-grid-toggle{display:none;position:fixed;bottom:20px;right:20px;width:60px;height:60px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 20px rgba(102,126,234,0.4);z-index:1000;transition:all 0.3s ease;font-size:20px;align-items:center;justify-content:center}@media (min-width:769px){.mobile-grid-toggle{display:none !important}.mobile-grid-menu{display:none !important}.top-menu-box{display:flex !important}.search-section{display:block !important}}.mobile-drawer-toggle{position:fixed;width:45px;height:45px;border-radius:10px;background:rgba(255,255,255,0.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#667eea;border:1px solid rgba(102,126,234,0.2);box-shadow:0 2px 10px rgba(0,0,0,0.1);cursor:pointer;display:none;align-items:center;justify-content:center;font-size:20px;z-index:999;transition:all 0.3s ease}.mobile-drawer-toggle-left{top:15px;left:15px}.mobile-drawer-toggle:hover{background:rgba(255,255,255,0.95);border-color:rgba(102,126,234,0.4);box-shadow:0 4px 15px rgba(102,126,234,0.2);transform:translateY(-2px)}@media (max-width:768px){.mobile-drawer-toggle{display:flex}.menu-center{display:none !important}.right-section{display:none !important}.mobile-search-section{display:block !important}.top-menu-box{flex-direction:column;align-items:center;padding:10px 15px}.logo-section{width:100%;display:flex;justify-content:center;margin-bottom:10px}.logo-section img{max-height:40px}}.mobile-drawer-menu{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9999;display:none;opacity:0;transition:all 0.3s ease}.mobile-drawer-menu.active{display:flex;opacity:1}.mobile-drawer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);cursor:pointer}.mobile-drawer-content{position:relative;width:90%;max-width:420px;margin:auto;background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border-radius:25px;padding:25px;transform:scale(0.8);transition:transform 0.3s ease;z-index:10000;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.8)}.mobile-drawer-menu.active .mobile-drawer-content{transform:scale(1)}.mobile-drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:3px solid transparent;background:linear-gradient(white,white) padding-box,linear-gradient(135deg,#667eea 0%,#764ba2 100%) border-box;border-image-slice:0 0 1 0;border-image-width:0 0 3px 0;position:relative}.mobile-drawer-header::before{content:'';position:absolute;left:0;bottom:-3px;width:60px;height:3px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:3px}.mobile-drawer-header h3{margin:0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:20px;font-weight:700;letter-spacing:0.5px}.mobile-drawer-close{background:linear-gradient(135deg,rgba(102,126,234,0.1) 0%,rgba(118,75,162,0.1) 100%);border:1px solid rgba(102,126,234,0.2);font-size:18px;color:#667eea;cursor:pointer;padding:8px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.mobile-drawer-close:hover{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;transform:rotate(90deg);box-shadow:0 4px 12px rgba(102,126,234,0.3)}.mobile-drawer-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:5px 0}.grid-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 12px;border-radius:16px;text-decoration:none;color:white;font-weight:600;font-size:13px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 15px rgba(0,0,0,0.15);position:relative;overflow:hidden;min-height:95px;border:1px solid rgba(255,255,255,0.3)}.grid-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s ease}.grid-btn::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.2);transform:translate(-50%,-50%);transition:width 0.4s ease,height 0.4s ease}.grid-btn:hover::before{left:100%}.grid-btn:active::after{width:120%;height:120%}.grid-btn:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 30px rgba(0,0,0,0.25);text-decoration:none;color:white;border-color:rgba(255,255,255,0.5)}.grid-btn i{font-size:28px;margin-bottom:10px;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1));transition:all 0.3s ease}.grid-btn:hover i{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,0.2))}.grid-btn span{font-size:13px;text-align:center;line-height:1.4;text-shadow:0 1px 3px rgba(0,0,0,0.2);font-weight:600;letter-spacing:0.3px}@media (max-width:480px){.logo-section img{max-height:40px !important}.search-section{padding:0 15px !important;margin:10px 0 !important}.search-box{max-width:100% !important}.search-keyword{font-size:14px !important;padding:10px 15px !important}.search-box button{padding:10px 15px !important;font-size:14px !important}.mobile-grid-content{padding:8px !important;background:#f8f9fa !important;border-radius:6px !important;margin:8px 0 !important}.mobile-grid-buttons{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:10px !important;padding:8px !important;background:#f8f9fa !important;border-radius:6px !important;margin:8px 0 !important}.grid-btn{padding:6px 4px !important;font-size:10px !important;width:100% !important;text-align:center !important;display:flex !important;align-items:center !important;justify-content:center !important;line-height:1.2 !important;color:#fff !important;text-shadow:0 1px 2px rgba(0,0,0,0.3) !important;font-weight:500 !important;border-radius:4px !important;transition:all 0.3s ease !important;min-height:32px !important}.grid-btn:hover{color:#fff !important;text-decoration:none !important;transform:translateY(-1px) !important;box-shadow:0 3px 8px rgba(0,0,0,0.2) !important}.grid-btn i{font-size:16px !important;margin-bottom:4px !important;display:block !important}.grid-btn span{font-size:10px !important;display:block !important;line-height:1.2 !important}.grid-btn-1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important}.grid-btn-2{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%) !important}.grid-btn-3{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%) !important}.grid-btn-4{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%) !important}.grid-btn-5{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%) !important}.grid-btn-6{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%) !important}.grid-btn-7{background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%) !important}.grid-btn-8{background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%) !important}.grid-btn-9{background:linear-gradient(135deg,#a1c4fd 0%,#c2e9fb 100%) !important}}.search-engine-selector{position:absolute;top:0;right:45px;z-index:10}.engine-select{height:35px;padding:0 10px;border:1px solid #999;border-radius:6px 0 0 6px;background-color:#f5f5f5;color:#222;font-size:14px;cursor:pointer;outline:none;border-right:1px solid #bbb;min-width:80px;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:12px;padding-right:25px;display:flex;align-items:center;box-shadow:0 2px 4px rgba(0,0,0,0.15)}.engine-select:hover{background-color:#f8f9fa;border-color:#007bff;box-shadow:0 2px 4px rgba(0,0,0,0.15)}.engine-select:focus{background-color:#ffffff;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,0.25),0 2px 4px rgba(0,0,0,0.15)}.part .item{background-color:#ffffff !important;border:1px solid #e0e0e0 !important;border-radius:4px !important;padding:2px 6px !important;margin-bottom:3px !important;box-shadow:0 1px 4px rgba(0,0,0,0.08) !important;transition:all 0.3s ease !important;height:auto !important;min-height:20px !important;display:flex !important;align-items:center !important}.part .item:hover{background-color:#ffffff !important;border-color:#d0d0d0 !important;box-shadow:0 1px 5px rgba(0,0,0,0.12) !important;transform:translateY(-1px) !important}.part .item a{color:#333 !important;text-decoration:none !important;font-size:12px !important;line-height:1.2 !important}.part .item a:hover{color:#007bff !important;text-decoration:none !important}.top-menu-wrapper{margin:8px 8px 8px 8px}.top-menu-box{display:flex;justify-content:space-between;align-items:center;padding:15px 20px 15px 0px;position:relative;z-index:1}.menu-left{flex:0 0 auto;display:flex;align-items:center;margin-left:0}.menu-center{flex:1;display:flex;justify-content:flex-start;align-items:center;margin-left:20px}.menu-right{flex:0 0 auto;display:flex;align-items:center;gap:20px}.desktop-search{display:block;margin:20px auto;max-width:600px}.desktop-search .search-box{background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid rgba(0,0,0,0.05);padding:20px;position:relative;transition:all 0.3s ease;z-index:100}.desktop-search .search-box:hover{box-shadow:0 8px 30px rgba(0,0,0,0.12);transform:translateY(-2px)}.desktop-search .search-box form{position:relative;width:100%;margin:0;display:flex;align-items:center;gap:10px;background:white;border-radius:25px;padding:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.desktop-search .search-keyword{flex:1;padding:12px 16px;border:none;outline:none;font-size:14px;background:transparent}.desktop-search .search-engine-dropdown{position:relative;margin-right:10px}.desktop-search .search-engine-toggle{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f8f9fa;border:1px solid #ddd;border-radius:20px;cursor:pointer;font-size:13px;transition:all 0.3s ease}.desktop-search .search-engine-toggle:hover{background:#e9ecef}.desktop-search .search-engine-menu{position:absolute;top:100%;right:0;background:white;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;z-index:1001;min-width:120px}.desktop-search .search-engine-dropdown:hover .search-engine-menu{opacity:1;visibility:visible;transform:translateY(0)}.desktop-search .search-option{display:block;width:100%;padding:10px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:13px;transition:all 0.3s ease}.desktop-search .search-option:hover{background:#f8f9fa}.desktop-search .search-option.active{background:#667eea;color:white}.desktop-search button[type="submit"]{padding:12px 20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;border-radius:20px;cursor:pointer;font-size:14px;transition:all 0.3s ease}.desktop-search button[type="submit"]:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%);transform:translateY(-1px)}.mobile-collapsible-search{position:relative;display:none;flex-direction:column;align-items:center;width:100%;margin:0 auto}.collapsible-search-content form{display:flex;flex-direction:column;gap:12px}.collapsible-search-content .search-keyword{padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;transition:all 0.3s ease}.collapsible-search-content .search-keyword:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.1)}.collapsible-search-content .search-engine-dropdown{position:relative}.collapsible-search-content .search-engine-toggle{width:100%;padding:10px 16px;background:#f8f9fa;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px;transition:all 0.3s ease}.collapsible-search-content .search-engine-toggle:hover{background:#e9ecef}.collapsible-search-content .search-engine-menu{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;z-index:1001}.collapsible-search-content .search-engine-dropdown:hover .search-engine-menu{opacity:1;visibility:visible;transform:translateY(0)}.collapsible-search-content .search-option{display:block;width:100%;padding:10px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;transition:all 0.3s ease}.collapsible-search-content .search-option:hover{background:#f8f9fa}.collapsible-search-content .search-option.active{background:#667eea;color:white}.collapsible-search-content button[type="submit"]{padding:12px 20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all 0.3s ease}.collapsible-search-content button[type="submit"]:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%);transform:translateY(-1px)}.logo-section{flex:0 0 auto;display:flex;align-items:center;transition:all 0.3s ease}.logo-section a{display:flex;align-items:center;text-decoration:none;border:none;background:none;padding:0;margin:0}.logo-section img{max-height:45px;width:auto;transition:all 0.3s ease;border:none;background:none;box-shadow:none}.logo-section img:hover{transform:scale(1.05)}.right-section{position:relative;display:flex;align-items:center}.right-toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50%;color:white;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(102,126,234,0.3);z-index:1000}.right-toggle-btn:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,0.4)}.right-toggle-btn i{font-size:16px}.right-collapsible-content{position:absolute;top:50px;right:0;background:white;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.15);border:1px solid rgba(0,0,0,0.1);padding:20px;min-width:400px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;z-index:1000}.right-section.active .right-collapsible-content{opacity:1;visibility:visible;transform:translateY(0)}.right-section{display:flex;align-items:center;gap:30px;justify-content:space-between}.menu-center{display:flex;justify-content:center;align-items:center;flex:1}.search-section{display:flex;justify-content:center;align-items:center;flex:0 0 auto}.search-section form{display:flex;align-items:center;gap:8px;background:#f8f9fa;border-radius:20px;padding:6px;box-shadow:0 2px 8px rgba(0,0,0,0.1);min-width:300px}.search-section .search-keyword{flex:1;padding:6px 10px;border:none;outline:none;font-size:13px;background:transparent;min-width:150px}.search-section .search-engine-dropdown{position:relative;margin-right:8px}.search-section .search-engine-toggle{display:flex;align-items:center;gap:4px;padding:4px 8px;background:white;border:1px solid #ddd;border-radius:15px;cursor:pointer;font-size:11px;transition:all 0.3s ease}.search-section .search-engine-toggle:hover{background:#f8f9fa}.search-section .search-engine-menu{position:absolute;top:100%;right:0;background:white;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;z-index:1001;min-width:100px}.search-section .search-engine-dropdown:hover .search-engine-menu{opacity:1;visibility:visible;transform:translateY(0)}.search-section .search-option{display:block;width:100%;padding:8px 12px;background:none;border:none;text-align:left;cursor:pointer;font-size:12px;transition:all 0.3s ease}.search-section .search-option:hover{background:#f8f9fa}.search-section .search-option.active{background:#667eea;color:white}.search-section button[type="submit"]{padding:6px 12px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;border-radius:15px;cursor:pointer;font-size:11px;transition:all 0.3s ease}.search-section button[type="submit"]:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%);transform:translateY(-1px)}#nav li ul{line-height:40px;list-style-type:none;text-align:left;left:-999em;width:160px;position:absolute;background:#fff;z-index:99999;box-shadow:0 4px 12px rgba(0,0,0,0.15);border-radius:6px;border:1px solid #e9ecef;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease}#nav li ul li{float:none;width:100%;display:block;border-bottom:1px solid #f1f3f4}#nav li ul li:last-child{border-bottom:none}#nav li ul a{display:block;width:100%;text-align:left;padding:12px 20px;overflow:hidden;transition:all 0.3s ease}#nav li ul a:link,#nav li ul a:visited{color:#666;text-decoration:none}#nav li ul a:hover{color:#3295d9;text-decoration:none;background-color:#f8f9fa;padding-left:25px}#nav li:hover ul{left:0;opacity:1;visibility:visible;transform:translateY(0)}#nav li.sfhover ul{left:0;opacity:1;visibility:visible;transform:translateY(0)}#content{clear:left}@media (max-width:1024px){#nav{justify-content:center;flex-wrap:wrap}#nav li{margin:1px}#nav a{padding:6px 16px;font-size:14px}}@media (max-width:480px){#nav{display:none}.logo-section img{max-height:30px}}@media (max-width:480px){.search-box{padding:12px;margin:10px auto}.search-keyword{font-size:13px;padding:8px 12px}.search-box button{padding:8px 12px;font-size:13px}.search-engine-toggle{padding:6px 12px;font-size:12px;min-width:70px}.collapsible-search-content .search-keyword{font-size:12px;padding:8px 10px}.collapsible-search-content button[type="submit"]{font-size:12px;padding:8px 14px}}.content-linkto-container{margin:20px 0;display:flex;justify-content:center}.homepage-ad-container{margin:20px 0}.homepage-ad-container div{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;border-radius:8px !important;box-shadow:0 2px 10px rgba(102,126,234,0.2) !important;transition:all 0.3s ease !important;border:none !important;overflow:hidden !important}.homepage-ad-container div:hover{transform:translateY(-2px) !important;box-shadow:0 4px 15px rgba(102,126,234,0.3) !important}.homepage-ad-container a{color:white !important;text-decoration:none !important;font-size:14px !important;font-weight:500 !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;padding:12px 20px !important}.part{background:transparent;margin-bottom:35px;margin-left:0;overflow:hidden;width:100%;padding-left:0}.part h2{background:transparent;color:#333;padding:0 0 15px 0;margin:0 0 20px 0;font-size:20px;font-weight:600;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #f0f0f0}.part h2 strong{display:flex;align-items:center;gap:10px;color:#333}.part h2 strong::before{content:'';width:4px;height:22px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px}.part h2 a{color:#999;text-decoration:none;font-size:14px;font-weight:400;transition:color 0.3s ease}.part h2 a:hover{color:#667eea;text-decoration:none}.part .items{padding:0;background:transparent}.part .items .row{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:9px;margin:0;padding:0;width:100%;max-width:100%;box-sizing:border-box;justify-items:start}.nav-item-col{width:100%;min-width:0;box-sizing:border-box}.part .nav-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.06);transition:all 0.3s ease;border:1px solid #f0f0f0;overflow:hidden;height:100%;min-height:80px;display:flex;flex-direction:column}.part .nav-card:hover{box-shadow:0 3px 12px rgba(102,126,234,0.15);transform:translateY(-2px);border-color:rgba(102,126,234,0.2)}.part .nav-card a{text-decoration:none;color:inherit;display:flex;align-items:center;padding:12px;flex:1;min-height:80px;gap:12px}.part .nav-card a:hover{text-decoration:none;color:inherit}.part .nav-card img{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0;transition:all 0.3s ease;box-shadow:0 2px 6px rgba(0,0,0,0.1)}.part .nav-card:hover img{transform:scale(1.1);box-shadow:0 2px 8px rgba(102,126,234,0.2)}.nav-card-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.part .nav-card h3{font-size:14px;font-weight:600;color:#2c3e50;margin:0 0 6px 0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color 0.3s ease}.part .nav-card:hover h3{color:#667eea}.part .nav-card p{font-size:12px;color:#7f8c8d;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:1400px){.part .items .row{grid-template-columns:repeat(4,1fr);gap:10px}}@media (min-width:1200px) and (max-width:1399px){.part .items .row{grid-template-columns:repeat(4,1fr);gap:10px}}@media (max-width:1199px) and (min-width:992px){.part .items .row{grid-template-columns:repeat(4,1fr);gap:10px}}@media (max-width:991px){.part .items .row{grid-template-columns:repeat(3,1fr);gap:10px}.part h2{font-size:18px}.part .nav-card{min-height:85px}.part .nav-card a{min-height:85px;padding:12px}.part .nav-card img{width:48px;height:48px}.part .nav-card h3{font-size:14px}.part .nav-card p{font-size:12px}}@media (max-width:767px){.part .items .row{grid-template-columns:repeat(2,1fr);gap:8px}.part{margin-bottom:28px}.part h2{font-size:17px;padding-bottom:12px;margin-bottom:15px}.part .nav-card{min-height:90px}.part .nav-card a{padding:12px;min-height:90px;gap:10px}.part .nav-card img{width:44px;height:44px}.part .nav-card h3{font-size:13px}.part .nav-card p{font-size:11px}}@media (max-width:480px){.part .items .row{grid-template-columns:repeat(1,1fr);gap:8px}.part .nav-card{min-height:64px}.part .nav-card a{padding:10px;min-height:64px}.part .nav-card img{width:36px;height:36px}.part .nav-card h3{font-size:13px;margin-bottom:2px}.part .nav-card p{font-size:10px}}.part .nav-card{will-change:transform;backface-visibility:hidden}@keyframes fadeInUp{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.part{animation:fadeInUp 0.5s ease-out}.nav-item-col:nth-child(1){animation:fadeInUp 0.5s ease-out 0s}.nav-item-col:nth-child(2){animation:fadeInUp 0.5s ease-out 0.05s}.nav-item-col:nth-child(3){animation:fadeInUp 0.5s ease-out 0.1s}.nav-item-col:nth-child(4){animation:fadeInUp 0.5s ease-out 0.15s}.nav-item-col:nth-child(5){animation:fadeInUp 0.5s ease-out 0.2s}.nav-item-col:nth-child(6){animation:fadeInUp 0.5s ease-out 0.25s}.nav-item-col:nth-child(7){animation:fadeInUp 0.5s ease-out 0.3s}.nav-item-col:nth-child(8){animation:fadeInUp 0.5s ease-out 0.35s}.part:hover{box-shadow:none;transform:none}.footer-copyright{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:30px 0;margin-top:40px}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px}.footer-disclaimer{display:flex;align-items:flex-start;gap:15px;margin-bottom:25px;padding:20px;background:rgba(255,255,255,0.1);border-radius:12px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2)}.disclaimer-icon{flex-shrink:0;width:40px;height:40px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.disclaimer-text{flex:1;font-size:14px;line-height:1.6;color:rgba(255,255,255,0.9)}.footer-links{margin-bottom:25px}.footerlink ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:15px}.footerlink ul li{display:inline-block;margin:0}.footerlink a{color:rgba(255,255,255,0.8);text-decoration:none;padding:8px 16px;background:rgba(255,255,255,0.1);border-radius:20px;font-size:13px;transition:all 0.3s ease;display:inline-block}.footerlink a:hover{background:rgba(255,255,255,0.2);color:white;transform:translateY(-2px)}.footer-copyright-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.2)}.copyright-text{display:flex;align-items:center;gap:8px;font-size:14px;color:rgba(255,255,255,0.8)}.site-link{color:white;text-decoration:none;font-weight:600;transition:all 0.3s ease}.site-link:hover{color:#ffd700;text-decoration:none}.beian-info{display:flex;align-items:center}.beian-link{color:rgba(255,255,255,0.8);text-decoration:none;display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(255,255,255,0.1);border-radius:15px;font-size:13px;transition:all 0.3s ease}.beian-link:hover{background:rgba(255,255,255,0.2);color:white;transform:translateY(-1px)}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:9999;display:flex;justify-content:center;align-items:center}.popup-content{background:white;border-radius:10px;max-width:400px;width:80%;max-height:60%;overflow-y:auto;position:relative;box-shadow:0 10px 30px rgba(0,0,0,0.3);animation:popupFadeIn 0.3s ease-out}@keyframes popupFadeIn{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.popup-header{position:relative;padding:15px 20px 0}.popup-close{position:absolute;top:10px;right:15px;font-size:24px;font-weight:bold;color:#999;cursor:pointer;line-height:1;transition:color 0.3s ease}.popup-close:hover{color:#333}.popup-body{padding:15px}.popup-body h3{margin-top:0;color:#333;font-size:18px;margin-bottom:10px}.popup-body p{color:#666;line-height:1.5;font-size:14px;margin-bottom:15px}.popup-body .btn{display:inline-block;padding:8px 16px;background:#3295d9;color:white;text-decoration:none;border-radius:4px;transition:background 0.3s ease;font-size:14px}.popup-body .btn:hover{background:#2980b9;color:white;text-decoration:none}.popup-footer{padding:15px;border-top:1px solid #eee;display:flex;gap:10px;justify-content:center;align-items:center}.popup-btn{flex:1;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s ease;text-align:center;text-decoration:none;display:inline-block}.popup-btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white}.popup-btn-primary:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,0.4);color:white;text-decoration:none}.popup-btn-secondary{background:#f5f5f5;color:#666}.popup-btn-secondary:hover{background:#e0e0e0;color:#333}@media (max-width:768px){.footer-copyright{padding:20px 0}.footer-content{padding:0 15px}.footer-disclaimer{flex-direction:column;text-align:center;gap:10px;padding:15px}.disclaimer-icon{align-self:center}.footerlink ul{justify-content:center;gap:10px}.footer-copyright-info{flex-direction:column;text-align:center;gap:10px}.copyright-text,.beian-info{justify-content:center}.popup-content{width:90%;max-width:350px;margin:20px}.popup-body{padding:12px}.popup-body h3{font-size:16px}.popup-body p{font-size:13px}.popup-body .btn{padding:6px 12px;font-size:13px}.popup-footer{padding:12px;flex-direction:column;gap:8px}.popup-btn{width:100%;padding:8px 16px;font-size:13px}}.content-sidebar{display:none !important}.col-md-1.sidebar{display:none !important}