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:#333}nav{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#1E90FF,#104E8B);padding:1px 20px}nav img{width:40px;height:40px;margin:5px 30px 5px 5px}nav ul{list-style:none;display:flex;margin:0;margin-right:30px;padding:0}nav ul li{margin:0 15px}nav ul li a{text-decoration:none;color:#fff;font-size:16px;transition:color 0.3s ease}nav ul li a:hover{color:#FFD700}.article-section{max-width:960px;margin:20px auto;background:#f0f8ff;padding:20px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,0.1)}.article-section h2{font-size:18px;margin-top:0;padding-bottom:10px;border-bottom:2px solid #1E90FF;color:#104E8B}.article-section p{line-height:1.6;font-size:16px;margin:15px 0}.article-section ol.visual-design-list{margin:15px 20px;padding-left:20px}.article-section ol.visual-design-list li{margin-bottom:10px}table#brandInfoTable{max-width:960px;margin:20px auto;background:rgba(255,255,255,0.95);border-collapse:collapse;box-shadow:0 2px 6px rgba(0,0,0,0.15)}table#brandInfoTable th{padding:10px;background-color:#e6f7ff;white-space:nowrap;text-align:left;border:1px solid #ccc}table#brandInfoTable td{padding:10px;word-wrap:break-word;border:1px solid #ccc}table.product-table{width:100%;margin:20px 0;border-collapse:collapse}table.product-table th{background-color:#cdf0ea;white-space:nowrap;text-align:left;padding:8px;border:1px solid #aaa}table.product-table td{padding:8px;white-space:normal;border:1px solid #aaa}ul#brand-product-list{list-style:none;margin:20px auto;padding:0;max-width:960px;display:flex;flex-wrap:wrap;justify-content:space-between;background:rgba(240,248,255,0.9);border-radius:8px}ul#brand-product-list li{box-sizing:border-box;width:calc(25% - 20px);margin:10px;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,0.1);overflow:hidden;transition:transform 0.3s ease}ul#brand-product-list li:hover{transform:translateY(-5px)}ul#brand-product-list li a{text-decoration:none;color:#333;display:block;padding:10px}ul#brand-product-list li .product-image img{width:100%;max-width:100%;border-bottom:1px solid #eee;border-radius:6px 6px 0 0}ul#brand-product-list li .product-name{text-align:center;padding:10px 0;font-size:16px;background:#f8f8f8}table#brand-related-list{max-width:960px;margin:20px auto;background:rgba(255,255,255,0.95);border-collapse:collapse;box-shadow:0 2px 6px rgba(0,0,0,0.15)}table#brand-related-list caption{padding:10px;font-size:18px;font-weight:bold;background:#d0efff}table#brand-related-list th{padding:10px;background-color:#e0f7fa;white-space:nowrap;text-align:left;border:1px solid #ccc}table#brand-related-list td{padding:10px;white-space:normal;border:1px solid #ccc}img.responsive-img{width:100%;max-width:900px;min-width:500px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.2);transition:transform 0.3s ease,box-shadow 0.3s ease;margin:20px auto;display:block}img.responsive-img:hover{transform:scale(1.03);box-shadow:0 6px 12px rgba(0,0,0,0.3)}.brand-feedback{max-width:960px;margin:30px auto;text-align:center}.brand-feedback a{text-decoration:none;margin:0 10px;padding:10px 20px;border-radius:4px;display:inline-flex;align-items:center;color:#fff;background:linear-gradient(45deg,#1E90FF,#104E8B);transition:background 0.3s ease}.brand-feedback a:hover{background:linear-gradient(45deg,#104E8B,#1E90FF)}.brand-feedback a img{margin-right:5px}@media (max-width:768px){nav ul{display:none}.article-section,table#brandInfoTable,ul#brand-product-list,table#brand-related-list,.brand-feedback{padding:10px;margin:10px}ul#brand-product-list li{width:calc(50% - 20px)}}@media (max-width:480px){ul#brand-product-list li{width:100%;margin:10px 0}.article-section h2{font-size:16px}.article-section p{font-size:14px}}section.article-section{background:linear-gradient(135deg,rgba(240,248,255,1) 0,rgba(224,238,255,0.8) 50%,rgba(240,248,255,1) 100%);border:1px solid rgba(209,232,255,0.5);box-shadow:0 8px 16px rgba(0,0,0,0.1);transition:box-shadow 0.35s ease,transform 0.35s ease}section.article-section:hover{box-shadow:0 12px 24px rgba(0,0,0,0.15);transform:scale(1.005)}a,button{transition:all 0.3s ease;border-radius:4px}
