*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,PingFang SC,sans-serif;background-color:#f5f7fa;color:#333}.header{background-color:#0047ab;height:82px}.header-content{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:100%}.logo{display:flex;align-items:center;color:#fff}.logo-icon{width:50px;height:50px;margin-right:12px;object-fit:contain}.logo-text{font-size:26px;font-weight:700}.search-box{display:flex;flex:1;max-width:500px;margin:0 40px}.search-box input{flex:1;padding:10px 18px;border:none;border-radius:3px 0 0 3px;outline:none;font-size:16px}.search-box button{padding:10px 25px;background-color:#06f;color:#fff;border:none;border-radius:0 3px 3px 0;cursor:pointer;font-size:16px}.search-box button:hover{background-color:#05d}.header-nav ul{display:flex;list-style:none}.header-nav li{margin-left:20px}.header-nav a{color:#fff;text-decoration:none;font-size:16px}.header-nav a:hover{text-decoration:underline}.username-display{font-weight:700;color:gold}.header-nav li{position:relative}.user-dropdown{position:absolute;top:100%;right:0;min-width:120px;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 10px #0000001a;display:none;z-index:1000}.header-nav li:hover .user-dropdown{display:block}.user-dropdown a{display:block;padding:10px 15px;color:#333;text-decoration:none;font-size:14px;text-align:left}.user-dropdown a:hover{background-color:#f5f7fa;color:#0047ab}.sidebar{width:200px;flex-shrink:0}.category-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:3px}.category-section h3{background-color:#f5f5f5;padding:10px 15px;font-size:14px;font-weight:700;color:#333;border-bottom:1px solid #e0e0e0}.category-list{list-style:none}.category-list li{padding:8px 15px;border-bottom:1px solid #f0f0f0;cursor:pointer;font-size:13px;color:#666}.category-list li:hover{background-color:#f5f7fa;color:#0047ab}.main-section{flex:1}.footer{background-color:#0a3d8a;padding:30px 0;margin-top:30px}.footer-content{max-width:1200px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}.footer-content p{font-size:14px;color:#fff;margin-bottom:8px}.loading{display:flex;justify-content:center;align-items:center;padding:20px}.loading:after{content:"";width:20px;height:20px;border:2px solid #0047AB;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1200px){.main-content{flex-direction:column}.sidebar{width:100%}.category-list{display:flex;flex-wrap:wrap}.category-list li{width:25%;border-bottom:none;border-right:1px solid #f0f0f0}}@media (max-width: 768px){.header-content{flex-direction:column;gap:10px}.search-box{margin:0;width:100%}.header-nav ul{flex-wrap:wrap;justify-content:center}.header-nav li{margin:0 10px}.category-list li{width:33.33%}}@media (max-width: 480px){.category-list li{width:50%}}