/* Reference-inspired public UI: clean white canvas, blue-gray type, compact controls. */
:root {
  --brand: #4e6ef2;
  --brand-dark: #3d5ee8;
  --brand-soft: #edf1ff;
  --ink: #262b32;
  --ink-2: #5c768d;
  --ink-3: #929ba3;
  --line: #d5dbe2;
  --bg: #fff;
  --card: #fff;
  --radius: 4px;
  --shadow: 0 1px 8px rgba(0,0,0,.10);
  --shadow-lg: 0 1px 8px rgba(0,0,0,.10);
}
html, body { min-height: 100%; background: #fff; }
body { background:#fff; color:#252a30; font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif; font-size:14px; line-height:1.5; }
.wrap { width:100%; max-width:1270px; padding-left:12px; padding-right:12px; }
.site-header { position:relative; top:auto; background:#fff; border:0; z-index:1; }
.site-header .wrap { height:64px; gap:0; }
body[data-page="home"] .site-header { min-height:64px; }
body[data-page="home"] .nav { display:none !important; }
body[data-page="home"] .header-cta { display:none !important; }
body[data-page="address"] .site-header, body[data-page="batch"] .site-header { min-height:64px; }
.logo { gap:10px; color:#1c5c93; font-size:22px; font-weight:700; }
.logo:hover { color:#1c5c93; }
.logo-mark { width:30px; height:30px; border-radius:4px; background:#ef0027; color:#fff; }
.logo-mark svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.25; stroke-linejoin:round; }
.nav { display:none !important; }
.header-cta { margin-left:auto; border-radius:4px; }
.notice-bar { height:50px; background:#583bff; color:#fff; }
.notice-inner { width:90%; max-width:1270px; height:100%; margin:auto; display:flex; align-items:center; gap:10px; font-size:12px; }
.notice-close { margin-left:auto; border:0; background:transparent; color:#fff; font-size:24px; font-weight:300; cursor:pointer; line-height:1; }

/* Home: center the search and recreate the reference price/service band. */
.home-main { background:#fff; }
.home-main .hero { background:#fff; padding:66px 0 0; text-align:center; }
.home-main .hero h1 { margin:0 0 18px; color:#9e9e9e; font-size:21px; font-weight:400; line-height:1.45; letter-spacing:0; }
.home-main .hero .sub, .home-main .search-hint { display:none; }
.home-main .search-box { width:100%; max-width:726px; height:45px; margin:0 auto; padding:0; gap:0; border:1px solid #ced4da; border-radius:5px; background:#fff; box-shadow:none; overflow:hidden; }
.home-main .search-box input { min-width:0; padding:0 16px; font-family:inherit; font-size:14px; }
.home-main .search-box button { width:84px; flex:none; padding:0; border:0; border-radius:0; background:#4e6ef2; font-size:18px; font-weight:400; }
.home-main .search-box button:hover { background:#405fe7; }
.home-main > .wrap { max-width:1270px; }
.ref-market { margin-top:32px; padding:16px 24px 48px; background:#f5f9fc; }
.price-grid { width:min(390px,100%); margin:0 auto 14px; display:grid; grid-template-columns:repeat(2,minmax(160px,1fr)); column-gap:18px; row-gap:4px; }
.ticker-item { min-height:28px; display:flex; align-items:center; gap:6px; white-space:nowrap; color:#252a30; font-size:16px; }
.ticker-icon { width:25px; height:25px; flex:none; margin-right:-1px; object-fit:contain; }
.coin-icon { width:25px; height:25px; display:inline-grid; place-items:center; border-radius:50%; color:#fff; background:#26ae79; font-weight:700; font-size:16px; }
.coin-BTC { background:#f7931a; }
.coin-TRX { background:#d23a35; }
.coin-ETH { background:#627eea; }
.ticker-symbol { width:48px; }
.ticker-value { min-width:72px; text-align:right; font-variant-numeric:tabular-nums; }
.ticker-currency { margin-left:1px; }
.ticker-note { text-align:center; color:#9e9e9e; font-size:16px; line-height:1.55; }
.service-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px; margin-top:28px; }
.service-card { height:170px; padding:24px 10px 12px; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; background:#fff; box-shadow:0 1px 9px rgba(0,0,0,.12); color:#1c5c93; text-align:center; text-decoration:none; }
.service-card:hover { color:#1c5c93; text-decoration:none; box-shadow:0 2px 12px rgba(0,0,0,.16); }
.service-img { height:60px; width:auto; max-width:100%; margin:0 0 8px; object-fit:contain; }
.service-icon { width:60px; height:60px; margin:0 0 8px; display:grid; place-items:center; color:#fff; background:#d93c3c; border-radius:50%; font-size:32px; font-weight:700; }
.service-icon.tron-service { background:#fff; color:#d42d2d; font-size:50px; }
.service-icon.eth-service { background:#627eea; font-size:30px; }
.service-card strong { display:block; color:#1c5c93; font-size:14px; line-height:1.5; }
.service-card small { color:#1c5c93; font-size:13px; line-height:1.45; }
.managed-ads { margin-top:20px; }
.managed-ads .service-grid { grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); }
.managed-ads .service-card { height:170px; }
.managed-ads .ad-image { width:60px; height:60px; object-fit:cover; border-radius:50%; }
.batch-cta-outer { margin:19px 10px 0; }
.batch-cta { display:inline-flex; min-height:41px; align-items:center; padding:0 18px; background:#4e6ef2; color:#fff; border-radius:9px; font-size:14px; }
.batch-cta:hover { background:#405fe7; color:#fff; text-decoration:none; }
.con_btnss { display:block; width:220px; height:40px; margin:20px 0 0 10px; padding:0; background:#4e6ef2; color:#fff; border-radius:8px; font-size:14px; line-height:40px; text-align:center; text-decoration:none; }
.con_btnss:hover { background:#405fe7; color:#fff; text-decoration:none; }
.home-main #blockbarWrap { display:none !important; }

/* Batch: isolated narrow form, centered heading and query action like the source page. */
.batch-main { min-height:589px; padding:8px 16px 28px; background:#fff; }
body[data-page="batch"] .site-footer { margin-top:0; }
.batch-narrow { max-width:726px; margin:0 auto; }
.batch-narrow h1 { margin:0 0 20px; color:#5c768d; text-align:center; font-size:21px; font-weight:400; line-height:1.45; }
.batch-main textarea { display:block; width:100%; height:228px; min-height:228px; padding:10px 16px; resize:vertical; border:1px solid #ced4da; border-radius:5px; outline:0; background:#fff; color:#495057; font:14px/1.5 Arial,"PingFang SC","Microsoft YaHei",sans-serif; }
.batch-main textarea:focus { border-color:#9db2c7; box-shadow:none; }
.batch-actions { min-height:54px; display:flex; justify-content:center; align-items:flex-start; gap:10px; margin-top:10px; }
.batch-submit { width:85px; height:44px; border:1px solid #cbd2dc; border-radius:5px; background:#4e6ef2; color:#fff; font-size:18px; font-weight:400; cursor:pointer; }
.batch-submit:hover { background:#405fe7; }
.batch-submit:disabled { opacity:.65; cursor:wait; }
.batch-clear { display:none !important; }
.batch-message { min-height:18px; margin-top:2px; text-align:center; color:#8a949e; font-size:13px; }
.batch-results { max-width:920px; margin:20px auto 28px; color:#333; }
.batch-results .summary-line { margin:0 0 12px; gap:12px; color:#333; }
.batch-results .batch-success { color:#198754; }
.batch-results .batch-failure { color:#dc3545; }
.batch-results table.txs { background:#f5f9fc; font-size:13px; }
.batch-results table.txs thead tr { position:sticky; top:-1px; z-index:2; background:#1c5c93; color:#fff; }
.batch-results table.txs th { color:#fff; font-size:14px; font-weight:400; border-bottom:1px solid #d9e0e6; }
.batch-results table.txs td { padding:8px 10px; border-bottom:1px solid #d9e0e6; }
.batch-results table.txs tbody tr:nth-child(odd) { background:#f5f9fc; }
.batch-results table.txs tbody tr:nth-child(even) { background:#fff; }
.batch-results table.txs th[id$="-sort"] { cursor:pointer; user-select:none; }
.batch-results .sort-mark { color:#8a949e; font-size:12px; }
.batch-results .batch-multisig { color:#dc3545; }
.batch-results .batch-ok { color:#198754; }
.batch-results .batch-failed { color:#dc3545; }

/* The reference uses a plain, pale-blue data surface rather than floating cards. */
body[data-page="address"] main .wrap { max-width:1134px; }
body[data-page="address"] .page-head { margin:0; min-height:1px; }
body[data-page="address"] .page-head > .btn { display:none; }
body[data-page="address"] .addr-chip { width:100%; border:0; border-radius:0; background:#f5f9fc; padding:8px 10px; font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif; font-size:14px; }
body[data-page="address"] #stats { gap:0; background:#f5f9fc; border-bottom:1px solid #d8e0e6; padding:0 10px 8px; box-shadow:none; }
body[data-page="address"] #stats .stat { min-height:29px; padding:2px 0; display:flex; align-items:center; gap:10px; border-radius:0; background:transparent; box-shadow:none; }
body[data-page="address"] #stats .stat .k { min-width:70px; color:#333; font-size:14px; }
body[data-page="address"] #stats .stat .v { margin:0; font-size:14px !important; font-weight:400; }
body[data-page="address"] #stats .stat.wide { grid-column:auto; }
body[data-page="address"] main > .wrap > .card { margin-top:0 !important; padding:10px; border-radius:0; background:#f5f9fc; box-shadow:none; }
body[data-page="address"] .filters { gap:8px; }
body[data-page="address"] .quickrange { display:none; }
body[data-page="address"] .summary-line { margin:10px 0 6px; gap:8px; }
body[data-page="address"] table.txs th { color:#212529; font-size:16px; font-weight:500; line-height:24px; padding:8px; vertical-align:top; border-bottom:1px solid #dee2e6; }
body[data-page="address"] table.txs td { padding:8px; font-size:14px; line-height:21px; vertical-align:middle; border-bottom:1px solid #dee2e6; color:#212529; }
body[data-page="address"] table.txs tbody tr:hover { background:#eaf2f7; }
body[data-page="address"] .site-footer { margin-top:50px; }

.site-footer { min-height:150px; margin-top:50px; padding:48px 8px; border:0; background:#587187; color:#fff; text-align:left; font-size:14px; }
.footer-content { display:flex; align-items:center; gap:8px; }
.footer-ico { width:30px; height:30px; flex:none; margin-right:8px; object-fit:contain; }
.footer-kf { color:#fff; font-size:16px; text-decoration:none; }
.footer-kf:hover { color:#fff; text-decoration:none; }
.footer-content a { color:#fff; }
.footer-backup { display:none; }
.footer-mark { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:#159bd7; color:#fff; font-size:18px; }
.footer-links { display:none; }

@media (max-width:900px) {
  .ref-market { padding:16px 16px 28px; }
  .service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  .service-card { height:160px; }
  .batch-main { min-height:560px; }
  body[data-page="address"] #stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-page="address"] #stats .stat.wide { grid-column:auto; }
}
@media (max-width:560px) {
  .notice-inner { width:94%; }
  /* 手机端：与参考站一致——输入框与按钮同一行、45px 高、圆角 5px，
     覆盖 app.css 里 .search-box{flex-direction:column} 的旧规则 */
  .home-main .hero { padding:32px 0 0; }
  .home-main .hero h1 { font-size:18px; margin-bottom:14px; }
  .home-main .search-box {
    width:calc(100% - 24px); max-width:100%; height:45px; flex-direction:row;
    border:1px solid #ced4da; border-radius:5px; background:#fff; padding:0; gap:0;
    box-shadow:none; overflow:hidden; margin:0 auto;
  }
  .home-main .search-box input { height:45px; padding:8px 16px; font-size:14px; border:0; background:#fff; }
  .home-main .search-box button {
    width:86px; height:45px; flex:none; padding:8px 24px; margin-left:-1px;
    font-size:18px; font-weight:400; border-radius:0 4.8px 4.8px 0; border:1px solid #ced4da;
  }
  /* 参考站手机端实测：汇率 flex-wrap 每行 2 项（每项 177x25、16px、图标 25px）；
     卡片单列 318x170（容器左右留 36px）；CTA 220x40 */
  /* 参考站手机端：容器 318 宽（390 - 36*2），卡片 gap 12px → y 间距 202 */
  .home-main > .wrap { padding-left:36px; padding-right:36px; }
  .ref-market { padding:16px 0 28px; }
  .price-grid { display:flex; flex-wrap:wrap; justify-content:center; column-gap:16px; row-gap:8px; width:100%; max-width:100%; margin:0 auto 12px; }
  .ticker-item { font-size:16px; gap:5px; min-height:25px; flex:0 0 177px; width:177px; }
  .ticker-icon { width:25px; height:25px; }
  .ticker-symbol { width:50px; }
  .ticker-value { width:80px; min-width:0; text-align:right; margin-right:8px; }
  .ticker-currency { margin-left:0; }
  .ticker-note { font-size:14px; }
  .service-grid { grid-template-columns:1fr; gap:0; margin-top:16px; }
  .service-card { width:100%; height:170px; padding:24px 0 0; margin-bottom:32px; }
  .service-img { height:60px; }
  .service-icon { width:60px; height:60px; font-size:32px; }
  .con_btnss { margin:28px 0 0 10px; }
  /* 参考站手机端批量页：正文容器左右 12px（390-24=366），标题 y=73 */
  .batch-main { min-height:calc(100vh - 64px - 126px); padding:10px 12px 24px; }
  .batch-narrow h1 { font-size:19px; }
  .batch-main textarea { height:210px; min-height:210px; }
  .batch-results { max-width:100%; }
  /* 参考站手机端：统计块左右缩进 10px、每行 21px、USDT 行占两行 */
  body[data-page="address"] #stats { grid-template-columns:1fr; padding:0 10px; }
  body[data-page="address"] #stats .c_con1_i { min-height:21px; }
  body[data-page="address"] main .wrap { padding-left:8px; padding-right:8px; }
  .site-footer { margin-top:32px; }
}

/* ===== 手机端对齐参考站 @media(max-width:768px) 行为 ===== */
@media (max-width:768px) {
  /* 批量页（参考站手机实测：标题 16px/500/行高19.2、输入框 366x198/12px/圆角4.8、按钮 78x39/14px；
     内容区不撑高，页脚 margin-top 200px → 页脚 y=630） */
  body[data-page="batch"] .batch-main { min-height:0; }
  body[data-page="batch"] .site-footer { margin-top:200px; }
  .batch-narrow h1 { font-size:16px; font-weight:500; line-height:1.2; }
  .batch-main textarea { width:100%; height:198px; min-height:198px; font-size:12px; padding:8px 16px; border-radius:4.8px; }
  .batch-submit { width:78px; height:39px; font-size:14px; border-radius:4.8px; }
  .batch-actions { margin-top:10px; }
  .batch-results table.txs { font-size:12px; }
  .batch-results table.txs th, .batch-results table.txs td { min-width:40px; padding:.4rem .3rem; font-size:12px; }
  .batch-results .summary-line { font-size:13px; }

  /* 地址页（参考站手机：筛选区收缩，金额/日期溢出滚动） */
  body[data-page="address"] .address-transfers .filters { flex-wrap:nowrap; overflow-x:auto; padding-bottom:10px; }
  body[data-page="address"] .address-transfers .amount-filter { display:flex; }
  body[data-page="address"] .date-filter input[type="text"] { width:40%; }
  body[data-page="address"] table.txs { font-size:12px; }
  body[data-page="address"] table.txs th, body[data-page="address"] table.txs td { padding:8px; white-space:nowrap; }
  body[data-page="address"] .hash-reveal { font-size:12px; }
  body[data-page="address"] .summary-line { font-size:11px; flex-wrap:wrap; }
}