*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}.smooth-scroll{text-decoration:underline;text-underline-offset:4px;text-decoration-style:dotted}body{margin:0;padding:0}main{margin-top:90px;margin-bottom:5px}header{background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px rgba(0,0,0,.05);padding:10px 0;position:fixed;top:0;left:0;width:100%;height:80px;display:flex;align-items:center;z-index:1000;transition:none}.header-container,header .container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px;width:100%;height:100%}.logo-area,.logo-container{flex:0 0 auto;display:flex;align-items:center;margin-right:10px;margin-left:0}.logo,.logo-image{max-height:60px;width:auto;object-fit:contain;margin-right:10px}.logo-text{font-size:24px;font-weight:700;color:#333}.main-nav{flex:1;display:flex;justify-content:center;padding:0}.main-nav ul{display:flex;list-style:none;margin:0;padding:0}.main-nav ul li{margin:0 10px;position:relative}.main-nav ul li a{color:#333;font-size:16px;font-weight:500;transition:.18s ease-in-out;padding:8px 12px;display:inline-block;border:none;box-shadow:none;outline:0;border-radius:0;text-decoration:none}.main-nav ul li a:hover{color:#06c;background-color:transparent;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.dropdown{position:relative;display:inline-block;margin:0 10px;z-index:1001}.dropdown-toggle{color:#333;text-decoration:none;display:inline-block;padding:8px 12px;font-size:16px;font-weight:500;transition:.18s ease-in-out;border-radius:4px;position:relative}.dropdown-toggle:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.dropdown-menu{position:absolute;top:100%;left:0;right:auto;margin-top:3px;padding:8px 0;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.12);min-width:160px;opacity:0;visibility:hidden;transform:translateY(5px);transform-origin:0 0;transition:opacity .15s,transform .15s;z-index:1002;display:flex!important;flex-direction:column!important;align-items:stretch}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li{margin:0;display:block;width:100%;flex-shrink:0}.dropdown-menu li a{padding:10px 18px;display:block;white-space:nowrap;width:100%;box-sizing:border-box;text-align:left;text-decoration:none;color:#333;font-size:14px;transition:background-color .15s,color .15s;border-radius:0}.dropdown-menu li a:hover{background-color:rgba(0,102,204,.1);color:#06c}.dropdown-icon{font-size:10px;margin-left:4px;vertical-align:middle;transition:transform .2s;display:inline-block;visibility:visible;opacity:1}.dropdown:hover .dropdown-icon{transform:rotate(180deg)}@media (max-width:1024px){header{height:70px;padding:8px 0}.header-container{padding:0 15px}.logo,.logo-image{max-height:50px}.dropdown,.main-nav ul li{margin:0 8px}.dropdown-toggle,.main-nav ul li a{font-size:14px;padding:6px 10px}.action-btn{padding:7px 14px;font-size:13px}.hot-badge{width:35px;height:35px;top:-10px;left:-10px}}@media (max-width:768px){header{height:auto;min-height:70px;position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.05);border-bottom:1px solid #e0e0e0}.header-container{flex-direction:column;padding:10px 15px;height:auto;gap:15px}.logo-container{margin-right:0;justify-content:center}.logo,.logo-image{max-height:45px;margin-right:0}.main-nav{width:100%;justify-content:center}.main-nav ul{flex-wrap:wrap;justify-content:center;gap:5px}.dropdown,.main-nav ul li{margin:0 5px}.dropdown-toggle,.main-nav ul li a{font-size:13px;padding:5px 8px;white-space:nowrap}.action-buttons{justify-content:center;flex-wrap:wrap;gap:8px}.action-btn{padding:6px 12px;font-size:12px;border-radius:18px}.hot-badge{width:30px;height:30px;top:-8px;left:-8px}.dropdown-menu{left:50%;transform:translateX(-50%) translateY(5px);min-width:140px}.dropdown:hover .dropdown-menu{transform:translateX(-50%) translateY(0)}main{margin-top:180px;margin-bottom:5px}}@media (max-width:480px){main{margin-top:220px}.header-container{padding:8px 10px;gap:10px}.logo,.logo-image{max-height:40px}.main-nav ul{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto);gap:5px;width:100%;justify-items:center;align-items:center}.dropdown,.main-nav ul li{margin:0;width:90%;display:flex;justify-content:center;position:relative}.dropdown-toggle,.main-nav ul li a{font-size:12px;padding:6px 10px;width:100%;text-align:center;box-sizing:border-box}.dropdown-menu{position:absolute;left:50%;transform:translateX(-50%) translateY(5px);min-width:120px;z-index:1002}.dropdown:hover .dropdown-menu{transform:translateX(-50%) translateY(0)}.action-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;gap:5px;justify-content:center;align-items:center;overflow-x:auto;white-space:nowrap;padding:5px 0;-ms-overflow-style:none;scrollbar-width:none}.action-buttons::-webkit-scrollbar{display:none}.btn-with-hot{position:relative;display:inline-block;width:auto;min-width:80px;max-width:120px;flex-shrink:0;height:32px}.btn-with-hot .action-btn{width:100%;max-width:100%;flex-shrink:0;height:32px;line-height:20px;overflow:hidden;text-overflow:ellipsis}.action-buttons>.action-btn{width:auto;min-width:80px;flex-shrink:0;height:32px;line-height:20px}.action-btn{padding:5px 10px;font-size:11px;border-radius:16px;white-space:nowrap;text-align:center}.hot-badge{width:25px;height:25px;top:-6px;left:-6px}.dropdown-menu li a{font-size:12px;padding:8px 12px}}.action-buttons{display:flex;align-items:center;gap:10px}.action-btn{padding:8px 16px;border:none;border-radius:20px;font-size:14px;font-weight:700;cursor:pointer;transition:.3s;color:#fff;display:inline-block;text-decoration:none;text-align:center;height:36px;line-height:20px}.action-btn:link,.action-btn:visited{color:#fff;text-decoration:none}.blue-btn{background-color:#06c}.orange-btn{background-color:#ff7f00}.green-btn{background-color:#2ecc71}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.blue-btn:hover{background-color:#0052a3}.orange-btn:hover{background-color:#e67e22}.green-btn:hover{background-color:#27ae60}.btn-with-hot{position:relative;display:inline-block;height:36px}.hot-badge{position:absolute;top:-12px;left:-12px;width:40px;height:40px;z-index:10;pointer-events:none;object-fit:contain}@media (max-width:360px){main{margin-top:240px}.dropdown-toggle,.main-nav ul li a{font-size:11px;padding:3px 5px}.action-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;justify-content:center;align-items:center;overflow-x:auto;white-space:nowrap;padding:4px 0;-ms-overflow-style:none;scrollbar-width:none}.action-buttons::-webkit-scrollbar{display:none}.btn-with-hot{position:relative;display:inline-block;width:auto;min-width:80px;max-width:110px;flex-shrink:0;height:28px}.btn-with-hot .action-btn{width:100%;max-width:100%;flex-shrink:0;height:28px;line-height:16px;overflow:hidden;text-overflow:ellipsis}.action-buttons>.action-btn{width:auto;min-width:80px;flex-shrink:0;height:28px;line-height:16px}.action-btn{padding:4px 8px;font-size:10px;border-radius:14px;white-space:nowrap;text-align:center}.hot-badge{top:-6px;left:-6px;width:25px;height:25px}}