.rates-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:20px;align-items:stretch;margin:4px 0 18px}.rates-hero-copy,.rates-anchor-card{border-radius:18px;padding:28px;background:#fff;border:1px solid rgba(15,35,55,.07);box-shadow:0 16px 38px rgba(16,36,56,.07)}.rates-hero-copy{background:linear-gradient(135deg,#071b33 0%,#103c68 55%,#1467a5 100%);color:#fff;position:relative;overflow:hidden}.rates-hero-copy:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;bottom:-130px;background:rgba(255,255,255,.08)}.rates-kicker{font-size:12px;font-weight:900;letter-spacing:2px;color:#5ab4ff;margin-bottom:10px}.rates-hero h1,.rates-doc-hero h1{font-size:34px;line-height:1.15;margin:0 0 12px}.rates-hero p,.rates-doc-hero p{line-height:1.85;margin:0;max-width:760px;color:rgba(255,255,255,.86)}.rates-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;position:relative;z-index:1}.rates-anchor-card{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#fff,#f4f9ff)}.rates-anchor-label{color:#607286;font-size:14px;font-weight:700}.rates-anchor-value{font-size:40px;font-weight:950;color:#0b5cff;margin:8px 0}.rates-anchor-meta{font-size:12px;color:#7b8b9b;line-height:1.6}.rates-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px;margin-bottom:18px}.rates-section-title{font-size:18px;font-weight:900;color:#16324a}.rates-section-desc{font-size:13px;color:#66788a;margin-top:5px}.rates-exchange-tabs{display:flex;gap:8px;flex-wrap:wrap}.rates-tab{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border-radius:999px;border:1px solid #dce7f2;color:#38516a;text-decoration:none;font-weight:800;background:#fff}.rates-tab.is-active{background:#0b5cff;color:#fff;border-color:#0b5cff}.rates-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.rate-coin-card{background:#fff;border:1px solid rgba(15,35,55,.07);border-radius:16px;padding:18px;box-shadow:0 10px 26px rgba(16,36,56,.05);min-width:0}.rate-coin-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.rate-coin-symbol{font-size:18px;font-weight:950;color:#173550}.rate-coin-exchange{font-size:10px;font-weight:900;color:#0b5cff;background:#eef5ff;padding:4px 7px;border-radius:999px}.rate-coin-name{font-size:12px;color:#7a8b9a;margin-top:4px}.rate-coin-price{font-size:24px;font-weight:950;color:#122d46;margin-top:16px;word-break:break-all}.rate-coin-sub{font-size:12px;color:#718396;margin-top:7px;line-height:1.5}.rates-info-grid,.rates-doc-grid,.rate-user-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.rates-info-card,.rates-doc-card{padding:20px}.rates-info-card h2,.rates-doc-card h2{margin:0 0 10px;font-size:18px;color:#16324a}.rates-info-card p,.rates-doc-card p{margin:0;line-height:1.8;color:#607286;font-size:14px}.rates-empty{padding:28px;text-align:center;color:#708295;grid-column:1/-1}.rates-alert{margin:0 0 18px}.rates-doc-hero{padding:28px;background:linear-gradient(135deg,#071b33,#0b5c99);color:#fff}.rates-doc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rates-doc-card pre,.rate-mini-docs code,.rate-copy-row code,.rate-url-block code{display:block;max-width:100%;overflow:auto;background:#f3f7fb;border:1px solid #e2ebf4;border-radius:10px;padding:12px;font-size:12px;color:#15324d;white-space:pre-wrap;word-break:break-all}.rate-user-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 18px}.rate-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rate-secret-card{background:#fff8e8;border:1px solid #f2cf7b;border-radius:14px;padding:18px;margin-bottom:18px}.rate-secret-card h3{margin:0 0 14px;color:#6b4700}.rate-copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin:6px 0 14px}.rate-key-list-card{margin-top:18px}.rate-key-table th,.rate-key-table td{vertical-align:top}.rate-muted{font-size:12px;color:#718396;line-height:1.6;margin-top:4px}.rate-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.rate-badge.is-on{background:#e8f8ee;color:#14813c}.rate-badge.is-off{background:#f4f4f4;color:#777}.rate-url-block{display:grid;grid-template-columns:54px minmax(200px,1fr) auto;gap:8px;align-items:center;margin-bottom:8px}.rate-url-block span{font-size:11px;font-weight:900;color:#0b5cff}.rate-url-block code{padding:8px}.rate-action-stack{display:flex;flex-direction:column;gap:7px}.rate-action-stack form{margin:0}.rate-action-stack .btn{width:100%}.rate-mini-docs p{margin:0 0 7px}.rate-mini-docs code{margin-bottom:14px}.rates-updating{opacity:.65}.rates-fresh-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2dbf64;margin-right:5px}.btn-danger{background:#fff;color:#c62828;border-color:#efc5c5}.btn-danger:hover{background:#fff2f2;color:#a81414}@media(max-width:1050px){.rates-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:780px){.rates-hero{grid-template-columns:1fr}.rates-toolbar{align-items:flex-start;flex-direction:column}.rates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rates-info-grid,.rates-doc-grid,.rate-user-grid{grid-template-columns:1fr}.rate-form-grid{grid-template-columns:1fr}.rate-url-block{grid-template-columns:1fr}.rate-copy-row{grid-template-columns:1fr}.rates-hero h1,.rates-doc-hero h1{font-size:28px}}@media(max-width:480px){.rates-grid{grid-template-columns:1fr}.rates-hero-copy,.rates-anchor-card{padding:22px}.rate-coin-price{font-size:22px}}

/* USDT/CNY P2P average, highest and lowest price card */
.rates-anchor-main{display:flex;align-items:baseline;gap:10px;margin-top:9px}.rates-anchor-main>span{font-size:13px;font-weight:800;color:#64788d}.rates-anchor-value{display:block;font-size:40px;font-weight:950;color:#0b5cff;margin:0;line-height:1.12}.rates-anchor-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 12px}.rates-anchor-range-item{border:1px solid #e0eaf5;background:rgba(255,255,255,.76);border-radius:12px;padding:11px 12px}.rates-anchor-range-item span{display:block;color:#7a8c9d;font-size:12px;margin-bottom:5px}.rates-anchor-range-item strong{display:block;color:#173550;font-size:18px;font-weight:900}.rates-anchor-note{margin-top:8px;font-size:11px;color:#8998a7;line-height:1.55}.rates-anchor-meta{margin-top:2px}@media(max-width:480px){.rates-anchor-main{display:block}.rates-anchor-main>span{display:block;margin-bottom:4px}.rates-anchor-value{font-size:36px}.rates-anchor-range{gap:8px}.rates-anchor-range-item{padding:10px}.rates-anchor-range-item strong{font-size:16px}}