body{margin:0;padding:0;background:url('https://images.gptkong.com/cloud/background.png') repeat-y;background-size:100% auto;background-position:top center;font-family:'Helvetica Neue',Arial,sans-serif;color:#FFF;line-height:1.6}nav{display:flex;align-items:center;justify-content:space-between;padding:1px 20px;background:linear-gradient(90deg,#001f3f,#036);box-shadow:0 2px 5px rgba(0,0,0,0.3);position:relative;z-index:1000}nav img{width:40px;height:40px;margin:5px 30px 5px 5px;vertical-align:middle}nav ul{list-style:none;display:flex;margin:0;padding:0;margin-right:30px}nav ul li{margin:0 10px}nav ul li a{color:#fff;text-decoration:none;padding:8px 12px;transition:background 0.3s ease;font-size:16px}nav ul li a:hover{background:rgba(255,255,255,0.2);border-radius:4px}article{max-width:960px;margin:20px auto;background-color:rgba(255,255,255,0.95);padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.2);color:#333}section{margin-bottom:20px;padding:15px;border-radius:8px;background:linear-gradient(135deg,#036,#1A5276);color:#FFF}section h2{font-size:22px;margin-bottom:10px;color:#FF7F50;text-shadow:1px 1px 2px rgba(0,0,0,0.5)}section h3{font-size:20px;margin-bottom:8px;color:#FFD700}section p{font-size:16px;line-height:1.8;margin-bottom:12px;text-shadow:1px 1px 1px rgba(0,0,0,0.3)}#brandInfoTable{max-width:960px;margin:20px auto;background-color:#f0f0f0;border-collapse:collapse}#brandInfoTable th{white-space:nowrap;text-align:left;padding:10px;border:1px solid #ccc;background:#dfefff}#brandInfoTable td{white-space:normal;padding:10px;border:1px solid #ccc}#brand-product-list{max-width:960px;margin:20px auto;background-color:#fff;padding:10px;display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none}#brand-product-list li{width:calc(25% - 20px);margin:10px;background:#e6f7ff;border:1px solid #91d5ff;border-radius:8px;text-align:center;overflow:hidden}#brand-product-list li a{text-decoration:none;color:#333;display:block;padding:10px;transition:transform 0.3s ease,box-shadow 0.3s ease}#brand-product-list li a:hover{transform:translateY(-5px);box-shadow:0 4px 8px rgba(0,0,0,0.2)}#brand-product-list .product-image img{width:100%;max-width:100%;border-radius:4px}#brand-product-list .product-name{font-size:16px;margin-top:8px}#brand-related-list{max-width:960px;margin:20px auto;background-color:#fff;border-collapse:collapse}#brand-related-list caption{font-size:18px;margin-bottom:10px;color:#036;text-align:left;padding-left:10px}#brand-related-list th{background:#b0e0e6;color:#036;padding:8px 10px;border:1px solid #ccc;white-space:nowrap;text-align:left}#brand-related-list td{padding:8px 10px;border:1px solid #ccc;white-space:normal}.article-image{display:block;margin:20px auto;width:80%;max-width:900px;min-width:500px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.3);transition:transform 0.3s ease}.article-image:hover{transform:scale(1.02)}.brand-feedback{max-width:960px;margin:20px auto;text-align:center}.brand-feedback .docs-feedback-btn{display:inline-flex;align-items:center;padding:8px 16px;margin:0 10px;background-color:#20B2AA;color:#fff;border-radius:4px;text-decoration:none;transition:background-color 0.3s ease;font-size:16px}.brand-feedback .docs-feedback-btn:hover{background-color:#17A086}.brand-feedback img{margin-right:5px}@media (max-width:768px){nav{flex-direction:column;align-items:flex-start}nav ul{margin-right:0;flex-wrap:wrap}nav ul li{margin:5px}}@media (max-width:480px){nav{display:none}#brand-product-list li{width:100%;margin:10px 0}}@keyframes bubble{0%{transform:translateY(0) scale(0.9);opacity:0.7}50%{transform:translateY(-20px) scale(1);opacity:1}100%{transform:translateY(0) scale(0.9);opacity:0.7}}.bubble{position:absolute;border-radius:50%;background:rgba(255,255,255,0.3);animation:bubble 5s infinite ease-in-out}.bubble:nth-child(1){width:20px;height:20px;left:10%;animation-delay:0s}.bubble:nth-child(2){width:30px;height:30px;left:30%;animation-delay:1s}.bubble:nth-child(3){width:25px;height:25px;left:50%;animation-delay:2s}.bubble:nth-child(4){width:35px;height:35px;left:70%;animation-delay:3s}.bubble:nth-child(5){width:20px;height:20px;left:90%;animation-delay:4s}.decorative-gradient{background:linear-gradient(135deg,#001f3f,#2E8B57);padding:5px;border-radius:8px;margin:10px 0}.link-style{color:#FFD700;text-decoration:underline}.fade-in{animation:fadeIn 1s ease-in-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.tooltip{position:relative;cursor:pointer}.tooltip:hover::after{content:attr(data-title);position:absolute;background:#333;color:#fff;padding:4px 8px;border-radius:4px;top:120%;left:0;white-space:nowrap;z-index:10}
