.header{background:#032562;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;position:relative;min-height:140px}.header-icon{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-icon svg{width:24px;height:24px}.header-logo-wrap{position:absolute;left:50%;transform:translate(-50%);top:10px;z-index:2}.header-logo-box{border-radius:20px 20px 24px 24px;display:flex;align-items:center;justify-content:center}.header-logo-box img{width:250px;height:250px;display:block;object-fit:contain;border-radius:20%}.navbar{display:flex;justify-content:center;padding:130px 5px 16px;background:#fff}.navbar-bar{width:100%;background:linear-gradient(90deg,#2d5a8a,#3d6a9a 30%,#5a7fa3 70%,#7a95b0);border-radius:24px;padding:10px 24px;display:flex;align-items:center;justify-content:center;gap:0}.navbar-item{display:inline-flex;align-items:center}.navbar-link{color:#fff;text-decoration:none;padding:0 24px;font-size:12px;font-weight:500}.navbar-link:hover{opacity:.9}.navbar-divider{width:1px;height:18px;background:#ffffff80;flex-shrink:0}.banner-slider{position:relative;overflow:hidden;width:100%;margin:-8px auto 0;aspect-ratio:1400 / 280;min-height:150px;display:block}.banner-track{display:flex;transition:transform .5s ease;width:100%;height:100%}.banner-slide{flex:0 0 100%;width:100%;min-width:100%;height:100%;overflow:hidden}.banner-slide img{width:100%;height:100%;object-fit:fill;display:block}.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff4d;border:none;color:#fff;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}.banner-arrow:hover{background:#ffffff80}.banner-arrow svg{width:24px;height:24px}.banner-arrow--prev{left:16px}.banner-arrow--next{right:16px}.announcement{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#fff;overflow:hidden}.announcement-icon{flex-shrink:0}.announcement-icon img{width:24px;height:24px;object-fit:contain;filter:brightness(0) saturate(100%) invert(76%) sepia(33%) saturate(3000%) hue-rotate(5deg)}.announcement-marquee-wrap{flex:1;overflow:hidden}.announcement-marquee{display:inline-flex;white-space:nowrap;animation:marquee 60s linear infinite}.announcement-text{color:#333;font-size:.95rem;padding-right:2em}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.trading-chart{padding:24px 10px;background:#fff}.chart-section-title{font-size:1.25rem;color:#b2902b;font-weight:600;margin-bottom:16px;margin-top:-24px;text-decoration:underline}.tradingview-widget-container iframe{height:340px!important}.chart-header{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px}.chart-title{font-size:1rem;color:#333;font-weight:600}.chart-change.negative{color:#7c3aed;font-size:.9rem}.chart-timeframe{margin-left:auto;display:flex;gap:4px}.chart-timeframe button{padding:6px 12px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:.85rem}.chart-timeframe button.active{background:#0a1c3c;color:#fff;border-color:#0a1c3c}.chart-toolbar{display:flex;gap:8px;margin-bottom:12px}.chart-toolbar button{padding:6px 10px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:.85rem}.chart-container{width:100%;min-height:400px}.chart-footer{margin-top:16px;text-align:center}.chart-footer-label{font-size:.95rem;color:#333;margin-bottom:4px}.chart-footer-price{font-size:1.1rem;margin:0}.price-number{color:#198754;font-weight:700}.price-currency{color:#000}.chart-actions{display:flex;margin-top:20px;border-radius:999px;overflow:hidden;box-shadow:0 2px 8px #0000001a;background:#198754}.chart-actions a,.chart-actions button{flex:1;padding:10px 24px;border:none;font-size:1.1rem;font-weight:600;color:#fff;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center}.chart-actions .btn-buy{background:#198754;clip-path:polygon(0 0,80% 0,120% 100%,0 100%)}.chart-actions .btn-sell{background:#ef4444;clip-path:polygon(0 0,100% 0,100% 100%,20% 100%);margin-left:-2px}.vip-gold-list{padding:12px 10px 24px;background:#fff;max-width:1400px;margin:0 auto}.vip-gold-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;margin-top:-12px}.vip-gold-title{font-size:1.25rem;color:#b2902b;font-weight:600;text-decoration:underline;text-decoration-color:#b2902b}.vip-gold-subtitle{font-size:.9rem;color:#666}.vip-gold-table-wrap{border:1px solid #ddd;border-radius:12px;overflow:hidden;margin-bottom:20px;padding:0 0 16px}.vip-gold-table-wrap .vip-gold-btn{margin:16px 16px 0;width:calc(100% - 32px);box-sizing:border-box}.vip-gold-table{width:100%;border-collapse:collapse}.vip-gold-table th,.vip-gold-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e5e5}.vip-gold-table th{border-bottom:1px solid #ddd}.vip-gold-table th{font-size:.9rem;color:#333;font-weight:600}.vip-gold-table td{font-size:.95rem;color:#333}.vip-gold-return{color:#b2902b;font-weight:500}.vip-gold-btn{width:100%;padding:8px 16px;background:#ffca2c;color:#000;border:none;border-radius:24px;font-size:12px;font-weight:400;cursor:pointer}.vip-gold-btn:hover{opacity:.95}.charity-donation{padding:8px 10px;background:#fff;max-width:1400px;margin:-20px auto 0}.charity-donation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.charity-donation-title{font-size:1.25rem;color:#b2902b;font-weight:600;text-decoration:underline;text-decoration-color:#b2902b}.charity-donation-subtitle{font-size:.9rem;color:#999}.charity-donation-wrap{border:1px solid #ddd;border-radius:12px;overflow:hidden;padding-bottom:16px}.charity-donation-table-header{display:flex;justify-content:space-between;padding:8px 16px;border-bottom:1px solid #e5e5e5;font-size:.9rem;font-weight:600;color:#333}.charity-donation-marquee-wrap{overflow:hidden;max-height:200px}.charity-donation-marquee{animation:charity-marquee 20s linear infinite}.charity-donation-row{display:flex;justify-content:space-between;padding:8px 16px;border-bottom:1px solid #e5e5e5;font-size:.9rem;color:#333}.charity-donation-row.row-alt{background:#dee2e6}.charity-donation-row .amount-cell{text-align:right}@keyframes charity-marquee{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.charity-donation-btn{margin:16px 16px 0;width:calc(100% - 32px);padding:8px 20px;background:#6c757d;color:#fff;border:none;border-radius:24px;font-size:.95rem;font-weight:500;cursor:pointer}.charity-donation-btn:hover{opacity:.9}.chat-button{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:#2563eb;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #2563eb66;z-index:1000}.chat-button:hover{background:#1d4ed8}.chat-button svg{width:28px;height:28px}.app{min-height:100vh;background:#fff}main{max-width:1400px;margin:0 auto}.app-footer{margin-top:-8px;padding:12px 16px;text-align:center;font-size:.85rem;color:#666;border-top:1px solid #eee}:root{--bs-warning-rgb: 255, 193, 7;--bs-text-opacity: 1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Sarabun,"Sans-serif",sans-serif;-webkit-font-smoothing:antialiased}