 *{box-sizing:border-box;margin:0;padding:0}body{padding:0;margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;background:url('https://images.gptkong.com/cloud/background.png') repeat-y;background-size:100% auto;background-position:top center;color:#333;line-height:1.6}nav{background:linear-gradient(135deg,#6abf69,#58a94e);padding:1px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 6px rgba(0,0,0,0.15);position:sticky;top:0;z-index:1000}nav img{width:40px;height:40px;margin:5px 30px 5px 5px;transition:transform 0.3s ease}nav img:hover{transform:scale(1.1)}nav ul{display:flex;list-style:none;margin-right:30px}nav ul li{margin:0 10px}nav ul li a{color:#FFF;text-decoration:none;font-size:16px;padding:8px 12px;transition:background 0.3s ease,color 0.3s ease}nav ul li a:hover{background:rgba(255,255,255,0.3);border-radius:4px}#brandInfoTable{max-width:960px;margin:20px auto;background:rgba(255,255,255,0.95);border-collapse:collapse;box-shadow:0 3px 8px rgba(0,0,0,0.2)}#brandInfoTable th,#brandInfoTable td{border:1px solid #ddd;padding:12px 15px}#brandInfoTable th{background:linear-gradient(90deg,#6abf69,#58a94e);color:#fff;font-weight:bold;white-space:nowrap;text-align:left}#brandInfoTable td{white-space:normal}article{max-width:960px;margin:30px auto;padding:20px;background:rgba(255,255,255,0.95);border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,0.15)}article section{margin-bottom:40px;padding:20px;background:linear-gradient(135deg,#EFFAF3,#F0FBFF);border-left:5px solid #6abf69;border-radius:4px;position:relative;overflow:hidden}article section:before{content:"";position:absolute;top:0;left:-50px;width:50px;height:100%;background:linear-gradient(180deg,transparent,rgba(0,0,0,0.05));transform:skewX(-15deg)}article section h2{margin-bottom:15px;font-size:20px;color:#2a6f3a;text-shadow:1px 1px 1px rgba(255,255,255,0.8)}article section p{font-size:16px;color:#333;margin-bottom:15px}.divider{height:4px;background:linear-gradient(90deg,#6abf69,#f5a623);margin:20px 0;border-radius:2px}img.responsive{width:100%;max-width:900px;min-width:500px;display:block;margin:20px auto;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,0.2);transition:transform 0.3s ease,box-shadow 0.3s ease}img.responsive:hover{transform:scale(1.02);box-shadow:0 6px 15px rgba(0,0,0,0.3)}#brand-product-list{max-width:960px;margin:30px auto;background:rgba(250,250,250,0.95);padding:15px;display:flex;flex-wrap:wrap;justify-content:space-around;border-radius:6px;box-shadow:0 3px 8px rgba(0,0,0,0.15);list-style:none}#brand-product-list li{flex:1 0 21%;margin:10px;text-align:center;background:#fff;border-radius:4px;transition:transform 0.3s ease;box-shadow:0 2px 6px rgba(0,0,0,0.1)}#brand-product-list li:hover{transform:translateY(-5px)}#brand-product-list a{text-decoration:none;color:#333;display:block;padding:10px}#brand-product-list .product-image img{width:100%;border-bottom:1px solid #eee;border-radius:4px 4px 0 0}#brand-product-list .product-name{padding:10px;font-size:16px;background:#f9f9f9;border-radius:0 0 4px 4px}#brand-related-list{max-width:960px;margin:30px auto;background:rgba(255,255,255,0.95);padding:15px;border-collapse:collapse;box-shadow:0 3px 8px rgba(0,0,0,0.15)}#brand-related-list caption{font-size:18px;font-weight:bold;margin-bottom:10px;text-align:center;color:#2a6f3a}#brand-related-list th,#brand-related-list td{border:1px solid #ddd;padding:10px 15px}#brand-related-list th{background:linear-gradient(90deg,#58a94e,#6abf69);color:#fff;white-space:nowrap;text-align:left}#brand-related-list td{white-space:normal}.brand-feedback{max-width:960px;margin:30px auto 60px auto;text-align:center}.brand-feedback .btn{background:linear-gradient(135deg,#f5a623,#f76b1c);color:#fff;padding:8px 15px;margin:5px;border:none;border-radius:4px;text-decoration:none;display:inline-flex;align-items:center;transition:background 0.3s ease}.brand-feedback .btn:hover{background:linear-gradient(135deg,#f76b1c,#f5a623)}.brand-feedback img{margin-right:5px}ol,ul{padding-left:20px;margin-bottom:20px}ol li,ul li{margin-bottom:8px}@media screen and (max-width:768px){nav ul{display:none}article{padding:15px}#brand-product-list li{flex:1 0 45%}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}article,nav,#brandInfoTable,#brand-product-list,#brand-related-list,.brand-feedback{animation:fadeIn 1s ease-in-out}a[rel="nofollow"]{cursor:pointer}
