 body{margin:0;padding: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{display:flex;align-items:center;justify-content:space-between;padding:1px 20px;background:linear-gradient(90deg,#a8e063,#ffce00);box-shadow:0 2px 4px rgba(0,0,0,0.1)}nav .nav-logo{display:flex;align-items:center}nav .nav-logo img{width:40px;height:40px;margin:5px 30px 5px 5px}nav ul{list-style:none;display:flex;margin:0;padding:0;margin-right:30px}nav ul li{margin:0 10px}nav ul li a{text-decoration:none;font-size:16px;color:#333;transition:color 0.3s ease}nav ul li a:hover{color:#007BFF}.chapter-nav{max-width:960px;margin:10px auto;padding:10px;background:linear-gradient(135deg,#ffecd2,#fcb69f);border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,0.1);text-align:center}.chapter-nav a{text-decoration:none;font-size:16px;color:#333;margin-right:15px;transition:color 0.3s ease}.chapter-nav a:hover{color:#007BFF}article{max-width:960px;margin:20px auto;padding:20px;background:rgba(255,255,255,0.95);box-shadow:0 2px 8px rgba(0,0,0,0.1);border-radius:8px}article h2{font-size:18px;margin-bottom:10px;background:linear-gradient(135deg,#a8e063,#ffce00);-webkit-background-clip:text;color:transparent}article p{font-size:16px;margin-bottom:15px}article ol,article ul{margin-left:20px;padding:0}article ol li,article ul li{margin-bottom:8px}section{padding:15px;margin-bottom:20px;border-radius:6px;background:linear-gradient(135deg,rgba(248,205,205,0.7),rgba(250,240,210,0.7));box-shadow:0 1px 4px rgba(0,0,0,0.1)}#brandInfoTable{max-width:960px;margin:20px auto;background:rgba(255,255,255,0.9);border-collapse:collapse;box-shadow:0 2px 8px rgba(0,0,0,0.1)}#brandInfoTable th,#brandInfoTable td{border:1px solid #ccc;padding:10px}#brandInfoTable th{white-space:nowrap;text-align:left;background:#f0f0f0}#brandInfoTable td{white-space:normal;word-wrap:break-word}table.product-diversity{width:100%;border-collapse:collapse;margin:20px 0}table.product-diversity th,table.product-diversity td{border:1px solid #ddd;padding:8px}table.product-diversity th{background-color:#f7f7f7;white-space:nowrap;text-align:left}ul.future-plans{margin:15px 0;padding-left:20px}article img,nav img,.article-img{width:100%;max-width:900px;min-width:500px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease}article img:hover,.article-img:hover{transform:scale(1.02);box-shadow:0 6px 12px rgba(0,0,0,0.15)}@media (max-width:960px){article img,.article-img{width:90%;min-width:unset;max-width:100%}article,nav{max-width:100%}nav ul{display:none}}#brand-product-list{max-width:960px;margin:20px auto;background:rgba(255,255,255,0.9);list-style:none;display:flex;flex-wrap:wrap;padding:10px}#brand-product-list li{width:calc(25% - 20px);margin:10px;background:#fff;border:1px solid #ddd;border-radius:6px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,0.1);transition:transform 0.3s ease}#brand-product-list li:hover{transform:translateY(-5px)}#brand-product-list a{text-decoration:none;color:#333;display:block}#brand-product-list .product-image{width:100%;overflow:hidden}#brand-product-list .product-image img{width:100%;display:block;border-bottom:1px solid #eee}#brand-product-list .product-name{padding:8px;text-align:center;font-size:14px}#brand-related-list{max-width:960px;margin:20px auto;background:rgba(255,255,255,0.9);border-collapse:collapse;box-shadow:0 2px 8px rgba(0,0,0,0.1)}#brand-related-list caption{font-size:18px;margin:10px;font-weight:bold}#brand-related-list th,#brand-related-list td{border:1px solid #ccc;padding:10px}#brand-related-list th{background:#f0f0f0;white-space:nowrap;text-align:left}.brand-feedback{max-width:960px;margin:20px auto;text-align:center}.brand-feedback .btn{display:inline-flex;align-items:center;padding:8px 12px;margin:5px;background:linear-gradient(135deg,#7dd56f,#28b487);border-radius:4px;color:#fff;text-decoration:none;font-size:14px;transition:background 0.3s ease,transform 0.2s ease}.brand-feedback .btn:hover{background:linear-gradient(135deg,#28b487,#7dd56f);transform:scale(1.05)}.brand-feedback img{margin-right:5px}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}article,section,nav,.chapter-nav,.brand-feedback{animation:fadeIn 0.8s ease-out}@media (max-width:600px){#brand-product-list li{width:calc(50% - 20px)}.chapter-nav a{font-size:14px;margin-right:10px}article p{font-size:15px}}article a{color:#007BFF;transition:color 0.3s ease}article a:hover{color:#0056b3}nav img{min-width:40px;max-width:40px}#related-design-content nav img{min-width:40px;max-width:40px;margin:0}
