body {
      margin: 0;
      font-family: -apple-system, BlinkMacSystemFont;
      background: #f5f5f5;
    }
    header {
      padding: 12px;
      background: #1677ff;
      color: #fff;
      text-align: center;
      font-size: 18px;
    }
    .nav {
      display: flex;
      background: #fff;
    }
    .nav button {
      flex: 1;
      padding: 10px;
      border: none;
      background: #fff;
      font-size: 14px;
    }
    .nav button.active {
      color: #1677ff;
      border-bottom: 2px solid #1677ff;
    }
    .list {
      padding: 10px;
    }
    .item {
      background: #fff;
      padding: 12px;
      margin-bottom: 10px;
      border-radius: 6px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .name {
      font-weight: bold;
      cursor: pointer;
    }
    .price {
      margin-top: 4px;
      font-size: 14px;
    }
    .up {
      color: red;
    }
    .down {
      color: green;
    }
    .btn {
      padding: 6px 10px;
      background: #1677ff;
      color: #fff;
      border: none;
      border-radius: 4px;
      font-size: 12px;
    }
    #chart {
      height: 300px;
      background: #fff;
      margin: 10px;
      border-radius: 6px;
    }

    /* 弹窗 */
    .modal {
      position: fixed;
      inset: 0;
      background: rgba(0,0,0,.5);
      display: none;
      align-items: center;
      justify-content: center;
    }
    .modal-content {
      background: #fff;
      padding: 20px 30px;
      border-radius: 8px;
      font-size: 16px;
    }