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:#333}nav{padding:1px 20px;background:linear-gradient(90deg,#fcb69f,#ffecd2);display:flex;align-items:center;position:sticky;top:0;z-index:1000}nav img.logo{width:40px;height:40px;margin:5px 30px 5px 5px}nav ul{list-style:none;display:flex;margin-right:40px;padding:0}nav ul li{margin:0 15px}nav ul li a{text-decoration:none;color:#333;font-weight:bold;transition:color 0.3s ease}nav ul li a:hover{color:#ff5722}.chapter-nav{max-width:960px;margin:10px auto;padding:10px;background:linear-gradient(90deg,#ffcc80,#ffe0b2);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.chapter-nav ul{list-style:none;display:flex;flex-wrap:wrap;margin:0;padding:0}.chapter-nav ul li{margin:5px 10px}.chapter-nav ul li a{text-decoration:none;color:#d35400;font-weight:bold;transition:all 0.3s ease}.chapter-nav ul li a:hover{color:#ff5722;text-shadow:1px 1px 2px rgba(0,0,0,0.2)}article{max-width:960px;margin:20px auto;padding:20px;background:#fff9f0;box-shadow:0 2px 8px rgba(0,0,0,0.1);border-radius:8px}article section{margin-bottom:40px;padding:20px;background:linear-gradient(135deg,rgba(255,235,205,0.8),rgba(255,218,185,0.8));border-radius:8px}article section h2{font-size:18px;color:#d35400;border-bottom:2px solid #f1c40f;padding-bottom:5px;margin-bottom:15px}article section p{font-size:16px;line-height:1.6;text-align:justify;word-break:break-word}table{border-collapse:collapse;width:100%;margin-top:20px}table,th,td{border:1px solid #ccc}table th{background:#ffe0b2;padding:10px;white-space:nowrap;text-align:left}table td{padding:10px;white-space:normal}#brandInfoTable{max-width:960px;margin:20px auto;background:rgba(255,255,255,0.9);border-radius:8px;padding:10px}#brandInfoTable th{white-space:nowrap;text-align:left;padding:8px;background:#ffd699}#brandInfoTable td{padding:8px;white-space:normal;word-wrap:break-word;background:#fff2cc}table.brand-advantages{margin-top:20px}img.responsive{display:block;max-width:100%;width:auto;height:auto;margin:20px auto;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.2);transition:transform 0.3s ease}img.responsive:hover{transform:scale(1.02)}.demo-image{width:500px;max-width:900px}#brand-product-list{list-style:none;padding:0;margin:20px auto;max-width:960px;background:#fffaef;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}#brand-product-list li{background:#fff;border:1px solid #fddbb0;border-radius:6px;transition:transform 0.3s ease}#brand-product-list li:hover{transform:translateY(-4px)}#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 #fddbb0}#brand-product-list .product-name{padding:10px;text-align:center;font-weight:bold}#brand-related-list{max-width:960px;margin:20px auto;background:#fff6e6;border-radius:8px;border-collapse:collapse;box-shadow:0 2px 8px rgba(0,0,0,0.1)}#brand-related-list caption{font-size:18px;font-weight:bold;padding:10px;background:#ffde7d}#brand-related-list th,#brand-related-list td{padding:10px;border:1px solid #fdb;text-align:left}.brand-feedback{max-width:960px;margin:20px auto;text-align:center}.brand-feedback .btn{display:inline-block;background:#ffcc80;color:#5d4037;padding:8px 12px;margin:5px;border-radius:4px;text-decoration:none;transition:background 0.3s ease,transform 0.3s ease;border:none}.brand-feedback .btn:hover{background:#ffb74d;transform:scale(1.05)}.brand-feedback img{vertical-align:middle;margin-right:5px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}article,nav,.chapter-nav,#brand-product-list,#brand-related-list,.brand-feedback{animation:fadeIn 1.2s ease-in-out}@media (max-width:768px){nav ul{display:none}article{margin:10px;padding:15px}.chapter-nav{margin:10px}img.responsive{width:90%}}.section-link{color:#d35400;text-decoration:none;font-weight:bold;transition:color 0.3s ease}.section-link:hover{color:#ff5722}a[rel="nofollow"]{color:#ff5722}a[rel="nofollow"]:hover{text-decoration:underline}.gradient-border{border:2px solid;border-image-slice:1;border-width:2px;border-image-source:linear-gradient(45deg,#ff9a9e,#fad0c4);padding:8px;border-radius:8px}
