body{padding:0;margin:0;background:url('https://images.gptkong.com/cloud/background.png') repeat-y;background-size:100% auto;background-position:top center;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#444}nav{width:100%;background:linear-gradient(to right,#a8dba8,#defade);padding:1px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px rgba(0,0,0,0.1)}nav img{width:40px;height:40px;margin:5px 30px 5px 5px;border-radius:5px;transition:transform 0.3s ease}nav img:hover{transform:scale(1.1)}nav ul{list-style:none;display:flex;margin:0;padding:0;margin-right:30px}nav ul li{margin-right:20px}nav ul li a{text-decoration:none;font-weight:bold;color:#2d572c;transition:color 0.3s ease}nav ul li a:hover{color:#1f3d1b}article{max-width:960px;margin:40px auto;background-color:#fffbe8;padding:20px;border-radius:8px;box-shadow:0 3px 6px rgba(0,0,0,0.1);animation:fadeIn 1s ease-out}article h2{font-size:18px;color:#2d572c;margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #c8e6c9}article p{line-height:1.7;font-size:16px;margin-bottom:20px}section{margin-bottom:40px;background:linear-gradient(135deg,rgba(168,219,168,0.2),rgba(222,250,222,0.2));padding:20px;border-radius:8px;position:relative}section img{display:block;margin:20px auto;width:80%;max-width:900px;min-width:500px;border-radius:10px;box-shadow:0 5px 10px rgba(0,0,0,0.15);transition:transform 0.3s ease}section img:hover{transform:scale(1.02)}table#brandInfoTable{max-width:960px;margin:20px auto;background-color:rgba(255,255,255,0.95);border-collapse:collapse;box-shadow:0 3px 6px rgba(0,0,0,0.1)}table#brandInfoTable th{padding:10px;background:linear-gradient(to right,#c8e6c9,#a5d6a7);white-space:nowrap;text-align:left}table#brandInfoTable td{padding:10px;word-wrap:break-word;white-space:normal}table.product-table{width:100%;border:1px solid #c8e6c9;margin-top:20px;background-color:rgba(255,255,255,0.9);border-collapse:collapse}table.product-table th,table.product-table td{padding:8px;border:1px solid #ccc;text-align:left}table#brand-related-list{max-width:960px;margin:20px auto;background-color:rgba(255,255,255,0.9);border-collapse:collapse;box-shadow:0 2px 4px rgba(0,0,0,0.1)}table#brand-related-list caption{font-size:20px;font-weight:bold;margin-bottom:10px;color:#2d572c}table#brand-related-list th,table#brand-related-list td{padding:10px;border:1px solid #c8e6c9}ul#brand-product-list{list-style:none;padding:0;margin:20px auto;max-width:960px;background-color:rgba(255,255,255,0.9);display:flex;flex-wrap:wrap;justify-content:space-between}ul#brand-product-list li{box-sizing:border-box;width:calc(25% - 20px);margin:10px;background-color:#f7fff7;padding:10px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:transform 0.3s ease}ul#brand-product-list li:hover{transform:translateY(-5px)}ul#brand-product-list li a{text-decoration:none;color:#2d572c;display:block}ul#brand-product-list .product-image img{width:100%;border-radius:5px}.brand-feedback{max-width:960px;margin:40px auto;text-align:center}.brand-feedback .btn{display:inline-block;margin:10px;padding:10px 20px;background:linear-gradient(to right,#a8dba8,#defade);color:#2d572c;text-decoration:none;border-radius:30px;transition:background 0.3s ease,box-shadow 0.3s ease}.brand-feedback .btn:hover{background:linear-gradient(to right,#8ab68a,#bce2b9);box-shadow:0 4px 8px rgba(0,0,0,0.2)}.brand-feedback img{vertical-align:middle;margin-right:5px}@media (max-width:768px){nav ul{display:none}article,table#brandInfoTable{padding:10px}ul#brand-product-list li{width:calc(50% - 20px)}}@media (max-width:480px){ul#brand-product-list li{width:100%;margin:10px 0}section img{min-width:300px}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.article-content{animation:fadeIn 1s ease-out}.gradient-divider{height:4px;width:100%;background:linear-gradient(to right,#defade,#a8dba8);margin:20px 0}.product-table-section,.competition-section{animation:fadeIn 1.2s ease-out}.feedback-animation{transition:transform 0.3s ease}.feedback-animation:hover{transform:scale(1.05)}.random-style{background:linear-gradient(135deg,#fffbe8 0,#f7fff7 100%);box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);padding:10px;border-radius:5px}.new-section{border-left:4px solid #a8dba8;padding-left:10px;margin-bottom:20px}.debug-border{border:1px dashed #2d572c}.extra-detail *{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;transition:all 0.3s ease}.extra-detail p{font-size:16px;line-height:1.8;color:#3c3c3c}.extra-detail h2,.extra-detail h3,.extra-detail h4{color:#2d572c;margin-bottom:15px}.extra-detail a{color:#2d572c;text-decoration:none;border-bottom:1px solid transparent}.extra-detail a:hover{border-bottom:1px solid #2d572c}.extra-detail img{border:2px solid #c8e6c9;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.animate-scale{animation:fadeIn 1s forwards}.btn-sm{font-size:14px;padding:5px 10px;border-radius:20px}.btn-filled{background-color:#a8dba8;border:none}.btn-neutral{color:#2d572c}.docs-feedback-btn{display:inline-flex;align-items:center}#brandLikeBtn,#brandErrorBtn{cursor:pointer}.feed-btn img{margin-right:5px}footer{text-align:center;padding:20px;background:linear-gradient(to right,#defade,#a8dba8);color:#2d572c;margin-top:40px}.shadow-box{box-shadow:0 4px 8px rgba(0,0,0,0.12)}.border-radius-10{border-radius:10px}.card{background-color:#fff;border-radius:8px;box-shadow:0 3px 6px rgba(0,0,0,0.08);margin:15px;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease}.card:hover{transform:translateY(-3px);box-shadow:0 5px 12px rgba(0,0,0,0.15)}
