body{background:#eef1f5}.spread-live-wrapper{max-width:1400px;margin:0 auto;padding:20px}.spread-live-title{font-size:42px;font-weight:800;margin-bottom:10px}.spread-live-desc{color:#666;margin-bottom:30px}.spread-tabs{display:flex;gap:6px;margin-bottom:24px;flex-wrap:wrap}.spread-tab{background:#d9d9d9;color:#666;border:none;border-radius:0;padding:14px 34px;min-width:150px;font-size:16px;font-weight:500;cursor:pointer;transition:.2s}.spread-tab:hover{background:#cfcfcf;color:#111}.spread-tab.active{background:#c8c8c8;color:#111}.broker-info{margin:10px 0 28px}.broker-logo-wrap{text-align:center;margin:20px 0 30px}.broker-logo{max-width:420px;width:80%;height:auto}.broker-point{max-width:980px;margin:0 auto 22px;padding:22px 26px;border-radius:12px;font-size:16px;line-height:1.9}.broker-point h3{margin:0 0 10px;font-size:18px;font-weight:800}.broker-point ul{margin:0;padding-left:1.2em}.broker-merit{background:#eefaff;border:2px solid #09f}.broker-merit h3{color:#008fe8}.broker-demerit{background:#fff1f4;border:2px solid #ff2b45}.broker-demerit h3{color:#ff2b45}.broker-cta{text-align:center;display:flex;flex-direction:column;align-items:center}.broker-cta-sub{margin:24px auto 34px}.broker-cta-lead{display:inline-block;padding:0 6px 2px;margin-bottom:10px;background:linear-gradient(transparent 60%,#ffd6d6 60%);color:#111;font-size:16px;font-weight:800}.broker-cta-button{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:320px;max-width:90%;padding:16px 28px;border-radius:999px;background:linear-gradient(135deg,#80e27e,#42c75a);color:#fff !important;font-size:17px;font-weight:800;text-decoration:none !important;box-shadow:0 6px 14px rgba(66,199,90,.28);transition:.2s;transform:none}.broker-cta-button:hover{opacity:.92;transform:none}.broker-cta-button span{font-size:28px;line-height:1}.broker-cta-button:before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 100%);transform:skewX(-20deg);animation:shine 3.8s infinite}@keyframes shine{0%{left:-120%}60%{left:130%}100%{left:130%}}.broker-official-link{margin-top:14px;font-size:14px;color:#333}.broker-official-link a{color:#06c;text-decoration:underline}.live-spread-section{max-width:980px;margin:10px auto 28px}.main-section-heading{font-size:28px;font-weight:800;margin:34px 0 18px;color:#222;line-height:1.4}.section-title{background:0 0;border:none;padding:0;margin:24px 0 10px;font-size:24px;font-weight:800;line-height:1.4}.section-green{color:#2e7d32}.section-blue{color:#1565c0}.section-orange{color:#f9a825}.live-status{display:flex;width:fit-content;align-items:center;gap:10px;background:#fff;padding:8px 14px;border-radius:999px;border:1px solid #e0e0e0;box-shadow:0 2px 6px rgba(0,0,0,.08);margin:0 auto 10px}.live-dot{width:10px;height:10px;background:#4caf50;border-radius:50%;box-shadow:0 0 8px #4caf50;animation:liveBlink 1.6s infinite}@keyframes liveBlink{0%,100%{opacity:1}50%{opacity:.35}}.live-badge{font-size:12px;font-weight:800;color:#2e7d32;background:#e8f5e9;border:1px solid #a5d6a7;padding:3px 8px;border-radius:6px}.live-small{display:block;color:#666;font-size:10px;line-height:1.2}#liveUpdateTime{color:#d32f2f;font-size:13px}.account-tabs{display:flex;gap:4px;flex-wrap:wrap}.account-tabs-top{margin:0}.account-tabs-bottom{margin:0 0 24px}.graph-account-tabs{margin:0 0 14px}.account-tab{flex:1;min-width:90px;background:#f0fdf4;border:1px solid #2e7d32;color:#2e7d32;border-radius:6px 6px 0 0;padding:10px 6px;font-size:12px;font-weight:800;cursor:pointer;transition:.2s}.account-tabs-bottom .account-tab{border-radius:0 0 6px 6px}.graph-account-tabs .account-tab{border-radius:6px}.account-tab.active{background:#2e7d32;color:#fff}.live-table-wrap{overflow-x:auto;border:2px solid #2e7d32;border-radius:0 5px 5px;background:#fff}.live-spread-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:340px}.live-spread-table th{background:#43d17e;color:#fff;font-size:12px;padding:12px 4px}.live-spread-table td{border:1px solid #eee;padding:10px 4px;text-align:center;font-size:13px}.live-pair-name{font-weight:800;background:#f9fdfa}.live-spread-value{font-weight:800;color:#d32f2f}.live-flash{background:#fff9c4 !important;transition:background .3s}.pair-selector,.rank-selector{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.pair-btn,.rank-btn{flex:1;min-width:75px;border-radius:4px;border:1px solid #ccc;background:#fff;color:#666;padding:7px 5px;font-size:11px;font-weight:800;cursor:pointer}.pair-btn.active{background:#1565c0;color:#fff;border-color:#1565c0}.rank-btn.active{background:#f9a825;color:#fff;border-color:#f9a825}.fee-info-text{font-size:12px;color:#2e7d32;font-weight:800;margin-bottom:8px}.cost-table-wrap{overflow-x:auto;border-radius:5px;background:#fff;margin-bottom:24px}.cost-blue{border:2px solid #1565c0}.cost-orange{border:2px solid #f9a825}.cost-table{width:100%;border-collapse:collapse;font-size:13px;text-align:center}.cost-table th{padding:12px 6px}.cost-blue th{background:#e3f2fd}.cost-orange th{background:#fff8e1}.cost-table td{border:1px solid #eee;padding:14px 6px}.cost-table td:first-child{font-weight:800}.cost-emphasis{font-weight:800;color:#d32f2f}.xmp-note{font-size:12px;color:#333;font-weight:800;margin-top:-12px}.xmp-amount-text,.zero-warning-text{font-size:12px;color:#d32f2f;font-weight:800;margin-top:4px}.graph-title{margin:28px 0 6px;color:#2e7d32;font-size:28px;font-weight:800;line-height:1.4}.graph-desc{font-size:14px;color:#333;font-weight:700;margin:0 0 14px}.spread-range-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 25px}.spread-range{background:#fff;border:1px solid #ccc;border-radius:10px;color:#111;padding:11px 22px;font-size:14px;font-weight:700;cursor:pointer;transition:.2s}.spread-range:hover{background:#f3f3f3}.spread-range.active{background:#111;color:#fff;border-color:#111}.spread-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.spread-card{background:#fff;border-radius:14px;overflow:hidden;border:1px solid #ddd}.spread-card-header{background:linear-gradient(#f7f7f7,#dcdcdc);padding:10px 14px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.spread-card-body{padding:15px}.spread-value{display:flex;align-items:baseline;gap:4px;margin-bottom:15px;line-height:1}.spread-now-label{font-size:15px;font-weight:700;color:#666}.spread-now-number{font-size:42px;font-weight:800;line-height:1}.spread-now-unit{font-size:15px;font-weight:700;color:#666}.spread-chart{height:180px;background:#f3f6fa;border-radius:8px;padding:8px}.spread-footer{padding:10px 14px;background:#f8f8f8;font-size:12px;color:#666;display:flex;justify-content:space-between}.alert-badge{background:#d90000;color:#fff;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:700}@media(max-width:768px){.spread-live-wrapper{padding:14px}.spread-live-title{font-size:28px}.spread-live-desc{font-size:14px;margin-bottom:22px}.spread-tabs{gap:4px}.spread-tab{min-width:calc(50% - 4px);padding:12px 10px;font-size:14px}.broker-logo{width:86%;max-width:320px}.broker-point{padding:18px;font-size:14px;line-height:1.8}.broker-cta-lead{font-size:14px}.broker-cta-button{min-width:260px;padding:14px 22px;font-size:15px}.broker-official-link{font-size:13px}.live-spread-section{max-width:100%}.main-section-heading,.graph-title{font-size:24px}.section-title{font-size:20px}.account-tab,.spread-range{padding:10px 8px;font-size:12px}.pair-btn,.rank-btn{min-width:calc(25% - 4px)}.spread-grid{grid-template-columns:1fr;gap:16px}.spread-now-label,.spread-now-unit{font-size:14px}.spread-now-number{font-size:34px}.spread-chart{height:160px}}@media(max-width:480px){.pair-btn,.rank-btn{min-width:calc(33.33% - 4px)}}.section-title{background:0 0 !important;border:none !important;padding:0 !important;margin:24px 0 10px !important;font-size:14px !important;font-weight:800 !important;line-height:1.5 !important}.section-green,.section-blue,.section-orange{color:#1565c0 !important}.live-spread-table th{background:#43d17e !important;color:#fff !important}.live-spread-value{color:#111 !important;font-weight:800 !important}.spread-unit-note{display:block;text-align:right;font-size:12px;font-weight:700;color:#555;margin:0 0 6px}.spread-title-text{color:#1565c0 !important;font-size:18px !important;font-weight:800 !important}.cost-title-text{color:#2e7d32 !important;font-size:18px !important;font-weight:800 !important}.xmp-title-text{color:#f9a825 !important;font-size:18px !important;font-weight:800 !important}.spread-updated{color:#d32f2f !important;font-weight:800 !important}.live-table-wrap{border-color:#1565c0 !important}.account-tabs-top .account-tab,.account-tabs-bottom .account-tab{background:#eef6ff !important;border-color:#1565c0 !important;color:#1565c0 !important}.account-tabs-top .account-tab.active,.account-tabs-bottom .account-tab.active{background:#1565c0 !important;color:#fff !important}.live-spread-table th{background:#42bff5 !important;color:#fff !important}.cost-blue{border-color:#2e7d32 !important}.cost-blue th{background:#e8f5e9 !important}.pair-btn.active{background:#2e7d32 !important;border-color:#2e7d32 !important;color:#fff !important}.graph-account-tabs .account-tab{background:#eef6ff !important;border-color:#1565c0 !important;color:#1565c0 !important}.graph-account-tabs .account-tab.active{background:#1565c0 !important;color:#fff !important}.range-info-text{margin-top:14px;margin-bottom:24px;color:#e60012;font-size:14px;font-weight:700}#brokerLogo{display:block;max-width:6400px;width:100%;height:auto;max-height:320px;object-fit:contain;margin:0 auto}